synapse-react-client 4.0.19 → 4.0.21

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSchemaEditorUtils.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.ts"],"sourcesContent":["import {\n  convertToEntityType,\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n  isSubmissionView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { ViewEntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  Entity,\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  FacetType,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { SetOptional } from 'type-fest'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\n/**\n * These column types can only be used in Tables. They can not be used in views.\n *  See SWC-6333 - for views, only allow column types that are mapped to annotation types.\n */\nconst unsupportedTypesForViews = [ColumnTypeEnum.JSON]\n\n/**\n * Get the allowed column types for a column model based on the table type.\n * @param isView - whether the base table is a view\n * @param isJsonSubColumnFacet - whether the proposed column is a JSON subcolumn facet\n */\nexport function getAllowedColumnTypes(\n  isView: boolean,\n  isJsonSubColumnFacet: boolean,\n): ColumnTypeEnum[] {\n  return Object.values(ColumnTypeEnum)\n    .filter(columnType =>\n      isView ? !unsupportedTypesForViews.includes(columnType) : true,\n    )\n    .filter(columnType => {\n      if (isJsonSubColumnFacet) {\n        switch (columnType) {\n          // JSON Subcolumns cannot be JSON or LIST types\n          case ColumnTypeEnum.JSON:\n          case ColumnTypeEnum.STRING_LIST:\n          case ColumnTypeEnum.INTEGER_LIST:\n          case ColumnTypeEnum.BOOLEAN_LIST:\n          case ColumnTypeEnum.DATE_LIST:\n          case ColumnTypeEnum.USERID_LIST:\n          case ColumnTypeEnum.ENTITYID_LIST:\n            return false\n          default:\n            return true\n        }\n      }\n      return true\n    })\n}\n\nexport function getFacetTypeFriendlyName(facetType: FacetType) {\n  switch (facetType) {\n    case 'enumeration':\n      return 'Values'\n    case 'range':\n      return 'Range'\n    default:\n      return facetType\n  }\n}\nexport function getColumnTypeFriendlyName(type: ColumnType | ColumnTypeEnum) {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n      return 'String'\n    case ColumnTypeEnum.DOUBLE:\n      return 'Double'\n    case ColumnTypeEnum.BOOLEAN:\n      return 'Boolean'\n    case ColumnTypeEnum.INTEGER:\n      return 'Integer'\n    case ColumnTypeEnum.DATE:\n      return 'Date'\n    case ColumnTypeEnum.FILEHANDLEID:\n      return 'File'\n    case ColumnTypeEnum.ENTITYID:\n      return 'Entity'\n    case ColumnTypeEnum.LINK:\n      return 'Link'\n    case ColumnTypeEnum.MEDIUMTEXT:\n      return 'MediumText'\n    case ColumnTypeEnum.LARGETEXT:\n      return 'LargeText'\n    case ColumnTypeEnum.USERID:\n      return 'User'\n    case ColumnTypeEnum.STRING_LIST:\n      return 'String List'\n    case ColumnTypeEnum.INTEGER_LIST:\n      return 'Integer List'\n    case ColumnTypeEnum.BOOLEAN_LIST:\n      return 'Boolean List'\n    case ColumnTypeEnum.DATE_LIST:\n      return 'Date List'\n    case ColumnTypeEnum.USERID_LIST:\n      return 'User ID List'\n    case ColumnTypeEnum.ENTITYID_LIST:\n      return 'Entity ID List'\n    case ColumnTypeEnum.EVALUATIONID:\n      return 'Evaluation'\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 'Submission'\n    case ColumnTypeEnum.JSON:\n      return 'JSON'\n    default:\n      return type\n  }\n}\n\n/**\n * Can the given type have a size?\n *\n * @param type\n * @return\n */\nexport function canHaveSize(type: ColumnType | ColumnTypeEnum): boolean {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.LINK:\n      return true\n    default:\n      // all others are false\n      return false\n  }\n}\n\nexport function canHaveMaxListLength(\n  type: ColumnType | ColumnTypeEnum,\n): boolean {\n  switch (type) {\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.DATE_LIST:\n    case ColumnTypeEnum.INTEGER_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n      return true\n    default:\n      // all others are false\n      return false\n  }\n}\n\n/**\n * Configure the facet selection based on the column type\n *\n * @param type a ColumnType for which to get the facet selection\n * @param isJsonSubColumnFacet is this a facet for a json subcolumn?\n * @return the allowed facetTypes, or null if faceting is not allowed\n */\nexport function configureFacetsForType(\n  type: ColumnType | ColumnTypeEnum,\n  isJsonSubColumnFacet: boolean,\n): (FacetType | undefined)[] | null {\n  let allowedFacetTypes: (FacetType | undefined)[] | null\n  switch (type) {\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.INTEGER_LIST:\n      allowedFacetTypes = ['enumeration', 'range']\n      break\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.EVALUATIONID:\n      allowedFacetTypes = ['enumeration']\n      break\n    case ColumnTypeEnum.DOUBLE:\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      allowedFacetTypes = ['range']\n      break\n    default:\n      allowedFacetTypes = null\n  }\n\n  if (allowedFacetTypes && !isJsonSubColumnFacet) {\n    // jsonSubColumn facets MUST have a facet definition, but regular column models do not need one\n    // So allow `undefined` for regular columnModels.\n    allowedFacetTypes = [undefined, ...allowedFacetTypes]\n  }\n  return allowedFacetTypes\n}\n\nexport function canHaveDefault(\n  type: ColumnType | ColumnTypeEnum,\n  isView: boolean,\n  isJsonSubColumnFacet: boolean,\n) {\n  // SWC-6333: default types are not allowed in views\n  if (isView) {\n    return false\n  } else if (isJsonSubColumnFacet) {\n    return false\n  } else {\n    switch (type) {\n      case ColumnTypeEnum.ENTITYID:\n      case ColumnTypeEnum.ENTITYID_LIST:\n      case ColumnTypeEnum.FILEHANDLEID:\n      case ColumnTypeEnum.USERID:\n      case ColumnTypeEnum.USERID_LIST:\n      case ColumnTypeEnum.MEDIUMTEXT:\n      case ColumnTypeEnum.LARGETEXT:\n      case ColumnTypeEnum.JSON:\n      case ColumnTypeEnum.SUBMISSIONID:\n      case ColumnTypeEnum.EVALUATIONID:\n        return false\n      default:\n        return true\n    }\n  }\n}\n\nexport const DEFAULT_STRING_SIZE = 50\nexport const MAX_STRING_SIZE = 1000\nexport const MAX_LIST_LENGTH = 100\n\n/**\n * Get the default max size for a given type.\n *\n * @param type\n * @return\n */\nexport function getMaxSizeForType(type: ColumnType | ColumnTypeEnum): number {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.LINK:\n      return MAX_STRING_SIZE\n    default:\n      throw new Error(`Type is not known to have a max size: ${type}`)\n  }\n}\n\nexport function canHaveRestrictedValues(\n  type: ColumnType | ColumnTypeEnum,\n  isJsonSubColumnFacet: boolean,\n): boolean {\n  if (isJsonSubColumnFacet) {\n    return false\n  }\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.ENTITYID:\n      return true\n    default:\n      // all other are false\n      return false\n  }\n}\n\nfunction transformEnumValues(\n  enumValues: string[],\n  columnType: ColumnType | ColumnTypeEnum,\n): (string | number)[] {\n  // SWC-6622 - Special case: if these are INTEGER, convert to numbers before inserting data into form components\n  // The editor validates that these are integers, so inserting the strings returned by the API causes an\n  // unexpected validation error\n  if (columnType === ColumnTypeEnum.INTEGER) {\n    return enumValues.map(value => parseInt(value))\n  }\n  return enumValues\n}\n\n/**\n * Transform ColumnModels returned by Synapse into the form data for the TableColumnSchemaForm.\n * Default column models, if available, are used to determine which columns should not be editable in the form.\n * @param columnModels\n * @param defaultColumns\n */\nexport function transformColumnModelsToFormData(\n  columnModels: SetOptional<ColumnModel, 'id'>[],\n  defaultColumns: ColumnModel[] = [],\n): ColumnModelFormData[] {\n  return columnModels.map((cm): ColumnModelFormData => {\n    return {\n      ...cm,\n      columnType: cm.columnType as ColumnTypeEnum,\n      maximumSize:\n        cm.maximumSize == null ? undefined : cm.maximumSize.toString(),\n      maximumListLength:\n        cm.maximumListLength == null\n          ? undefined\n          : cm.maximumListLength.toString(),\n      isSelected: false,\n      // If the name matches a known default column model, then we consider it to be a default column model itself\n      isOriginallyDefaultColumn: defaultColumns.some(\n        dcm => dcm.name === cm.name,\n      ),\n      jsonSubColumns: cm.jsonSubColumns\n        ? cm.jsonSubColumns.map(\n            (jsc): JsonSubColumnModelFormData => ({\n              ...jsc,\n              columnType: jsc.columnType as ColumnTypeEnum,\n              isSelected: false,\n            }),\n          )\n        : undefined,\n      // If this is defaultValue for a LIST column, the value is a serialized string\n      defaultValue:\n        cm.defaultValue && cm.columnType.endsWith('_LIST')\n          ? JSON.parse(cm.defaultValue)\n          : cm.defaultValue,\n      enumValues:\n        cm.enumValues != null\n          ? transformEnumValues(cm.enumValues, cm.columnType)\n          : undefined,\n    }\n  })\n}\n\nexport function getViewScopeForEntity(entity: Entity): ViewScope | undefined {\n  if (isEntityView(entity)) {\n    return {\n      scope: entity.scopeIds,\n      viewTypeMask: entity.viewTypeMask,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  } else if (isDataset(entity) || isDatasetCollection(entity)) {\n    const mask = isDataset(entity)\n      ? ENTITY_VIEW_TYPE_MASK_FILE\n      : ENTITY_VIEW_TYPE_MASK_DATASET\n    return {\n      scope: (entity.items ?? []).map(\n        item => `${item.entityId}.${item.versionNumber}`,\n      ),\n      viewTypeMask: mask,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  } else if (isSubmissionView(entity)) {\n    return {\n      scope: entity.scopeIds,\n      viewTypeMask: undefined,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  }\n  return undefined\n}\n\nexport function getJsonSchemaItemDefinitionForColumnType(\n  columnType: ColumnTypeEnum,\n): JSONSchema7Definition {\n  switch (columnType) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return { type: 'string', minLength: 1 }\n    case ColumnTypeEnum.DOUBLE:\n      return { type: 'number' }\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n      return { type: 'boolean' }\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.INTEGER_LIST:\n      return { type: 'integer' }\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return { type: 'string', format: 'datetime' }\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.LINK:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.SUBMISSIONID:\n    case ColumnTypeEnum.JSON:\n    case ColumnTypeEnum.EVALUATIONID:\n    default:\n      return { type: 'string', minLength: 1 }\n  }\n}\n\nconst columnModelMatchesFormData = (\n  model: ColumnModel,\n  target: ColumnModelFormData,\n): boolean => {\n  return model.name === target.name && model.columnType === target.columnType\n}\n\nexport const findMatchingColumnModel = (\n  columnModels: ColumnModel[],\n  target: ColumnModelFormData,\n): ColumnModel | undefined => {\n  let closestMatch: ColumnModel | undefined\n\n  for (const model of columnModels) {\n    if (columnModelMatchesFormData(model, target)) {\n      closestMatch = model\n      break\n    }\n  }\n\n  return closestMatch\n}\n\nexport function getFormDataValueAsNumber(\n  formDataValue: string | number | undefined,\n): number | null {\n  const maxSize =\n    formDataValue !== null ? parseFloat(String(formDataValue)) : null\n  const isInteger = Number.isInteger(maxSize)\n  return isInteger ? maxSize : null\n}\n\nexport const isFormDataValueSmallerThanRecommendedValue = (\n  formDataValue: string | number | undefined,\n  recommendedValue: number | undefined,\n): boolean => {\n  const currentValue = getFormDataValueAsNumber(formDataValue)\n  return recommendedValue != null && currentValue != null && currentValue > 0\n    ? currentValue < recommendedValue\n    : false\n}\n\nexport function doesColumnModelSatisfyAnnotationMinimums(\n  columnModel: ColumnModelFormData,\n  annotationColumnModel?: ColumnModel,\n): boolean {\n  if (!annotationColumnModel) {\n    return true\n  }\n\n  if (\n    isFormDataValueSmallerThanRecommendedValue(\n      columnModel.maximumSize,\n      annotationColumnModel.maximumSize,\n    ) ||\n    isFormDataValueSmallerThanRecommendedValue(\n      columnModel.maximumListLength,\n      annotationColumnModel.maximumListLength,\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport function getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes(\n  columnModels: ColumnModelFormData[],\n  annotationColumnModels: ColumnModel[],\n): number {\n  return columnModels.filter(cm => {\n    const matchingAnnotationColumnModel = findMatchingColumnModel(\n      annotationColumnModels,\n      cm,\n    )\n\n    return !doesColumnModelSatisfyAnnotationMinimums(\n      cm,\n      matchingAnnotationColumnModel,\n    )\n  }).length\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableColumnSchemaEditorUtils.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.ts"],"sourcesContent":["import {\n  convertToEntityType,\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n  isSubmissionView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { ViewEntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  Entity,\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  FacetType,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { SetOptional } from 'type-fest'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\n/**\n * These column types can only be used in Tables. They can not be used in views.\n *  See SWC-6333 - for views, only allow column types that are mapped to annotation types.\n */\nconst unsupportedTypesForViews = [ColumnTypeEnum.JSON]\n\n/**\n * Get the allowed column types for a column model based on the table type.\n * @param isView - whether the base table is a view\n * @param isJsonSubColumnFacet - whether the proposed column is a JSON subcolumn facet\n */\nexport function getAllowedColumnTypes(\n  isView: boolean,\n  isJsonSubColumnFacet: boolean,\n): ColumnTypeEnum[] {\n  return Object.values(ColumnTypeEnum)\n    .filter(columnType =>\n      isView ? !unsupportedTypesForViews.includes(columnType) : true,\n    )\n    .filter(columnType => {\n      if (isJsonSubColumnFacet) {\n        switch (columnType) {\n          // JSON Subcolumns cannot be JSON or LIST types\n          case ColumnTypeEnum.JSON:\n          case ColumnTypeEnum.STRING_LIST:\n          case ColumnTypeEnum.INTEGER_LIST:\n          case ColumnTypeEnum.BOOLEAN_LIST:\n          case ColumnTypeEnum.DATE_LIST:\n          case ColumnTypeEnum.USERID_LIST:\n          case ColumnTypeEnum.ENTITYID_LIST:\n            return false\n          default:\n            return true\n        }\n      }\n      return true\n    })\n}\n\nexport function getFacetTypeFriendlyName(facetType: FacetType) {\n  switch (facetType) {\n    case 'enumeration':\n      return 'Values'\n    case 'range':\n      return 'Range'\n    default:\n      return facetType\n  }\n}\nexport function getColumnTypeFriendlyName(type: ColumnType | ColumnTypeEnum) {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n      return 'String'\n    case ColumnTypeEnum.DOUBLE:\n      return 'Double'\n    case ColumnTypeEnum.BOOLEAN:\n      return 'Boolean'\n    case ColumnTypeEnum.INTEGER:\n      return 'Integer'\n    case ColumnTypeEnum.DATE:\n      return 'Date'\n    case ColumnTypeEnum.FILEHANDLEID:\n      return 'File'\n    case ColumnTypeEnum.ENTITYID:\n      return 'Entity'\n    case ColumnTypeEnum.LINK:\n      return 'Link'\n    case ColumnTypeEnum.MEDIUMTEXT:\n      return 'MediumText'\n    case ColumnTypeEnum.LARGETEXT:\n      return 'LargeText'\n    case ColumnTypeEnum.USERID:\n      return 'User'\n    case ColumnTypeEnum.STRING_LIST:\n      return 'String List'\n    case ColumnTypeEnum.INTEGER_LIST:\n      return 'Integer List'\n    case ColumnTypeEnum.BOOLEAN_LIST:\n      return 'Boolean List'\n    case ColumnTypeEnum.DATE_LIST:\n      return 'Date List'\n    case ColumnTypeEnum.USERID_LIST:\n      return 'User ID List'\n    case ColumnTypeEnum.ENTITYID_LIST:\n      return 'Entity ID List'\n    case ColumnTypeEnum.EVALUATIONID:\n      return 'Evaluation'\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 'Submission'\n    case ColumnTypeEnum.JSON:\n      return 'JSON'\n    default:\n      return type\n  }\n}\n\n/**\n * Can the given type have a size?\n *\n * @param type\n * @return\n */\nexport function canHaveSize(type: ColumnType | ColumnTypeEnum): boolean {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.LINK:\n      return true\n    default:\n      // all others are false\n      return false\n  }\n}\n\nexport function canHaveMaxListLength(\n  type: ColumnType | ColumnTypeEnum,\n): boolean {\n  switch (type) {\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.DATE_LIST:\n    case ColumnTypeEnum.INTEGER_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID_LIST:\n      return true\n    default:\n      // all others are false\n      return false\n  }\n}\n\n/**\n * Configure the facet selection based on the column type\n *\n * @param type a ColumnType for which to get the facet selection\n * @param isJsonSubColumnFacet is this a facet for a json subcolumn?\n * @return the allowed facetTypes, or null if faceting is not allowed\n */\nexport function configureFacetsForType(\n  type: ColumnType | ColumnTypeEnum,\n  isJsonSubColumnFacet: boolean,\n): (FacetType | undefined)[] | null {\n  let allowedFacetTypes: (FacetType | undefined)[] | null\n  switch (type) {\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.INTEGER_LIST:\n      allowedFacetTypes = ['enumeration', 'range']\n      break\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.EVALUATIONID:\n      allowedFacetTypes = ['enumeration']\n      break\n    case ColumnTypeEnum.DOUBLE:\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      allowedFacetTypes = ['range']\n      break\n    default:\n      allowedFacetTypes = null\n  }\n\n  if (allowedFacetTypes && !isJsonSubColumnFacet) {\n    // jsonSubColumn facets MUST have a facet definition, but regular column models do not need one\n    // So allow `undefined` for regular columnModels.\n    allowedFacetTypes = [undefined, ...allowedFacetTypes]\n  }\n  return allowedFacetTypes\n}\n\n/**\n * Column types that are not allowed to have a default value.\n * @see the `defaultValue` property description on the ColumnModel schema in the Synapse OpenAPI specification.\n */\nexport const DISALLOWED_DEFAULT_VALUE_COLUMN_TYPES: ColumnTypeEnum[] = [\n  ColumnTypeEnum.ENTITYID,\n  ColumnTypeEnum.ENTITYID_LIST,\n  ColumnTypeEnum.EVALUATIONID,\n  ColumnTypeEnum.FILEHANDLEID,\n  ColumnTypeEnum.LARGETEXT,\n  ColumnTypeEnum.MEDIUMTEXT,\n  ColumnTypeEnum.SUBMISSIONID,\n  ColumnTypeEnum.USERID,\n  ColumnTypeEnum.USERID_LIST,\n]\n\nexport function canHaveDefault(\n  type: ColumnType | ColumnTypeEnum,\n  isView: boolean,\n  isJsonSubColumnFacet: boolean,\n) {\n  // SWC-6333: default types are not allowed in views\n  if (isView) {\n    return false\n  } else if (isJsonSubColumnFacet) {\n    return false\n  } else {\n    return !DISALLOWED_DEFAULT_VALUE_COLUMN_TYPES.includes(\n      type as ColumnTypeEnum,\n    )\n  }\n}\n\nexport const DEFAULT_STRING_SIZE = 50\nexport const MAX_STRING_SIZE = 1000\nexport const DEFAULT_LIST_LENGTH = 100\n\n/** The maximum number of characters allowed in a column name. */\nexport const MAX_COLUMN_NAME_LENGTH = 256\n\n/** The maximum number of enumeration values allowed for a single column. */\nexport const MAX_ENUM_VALUES = 100\n\n/**\n * The maximum total character budget for a list column. The server enforces that\n * `maximumListLength * <per-element character size>` does not exceed this value.\n */\nexport const LIST_LENGTH_CHARACTER_BUDGET = 100_000\n\n/**\n * The fixed per-element character size (in the list-length budget) for list column types\n * whose element size is not configurable. STRING_LIST is excluded because its per-element\n * size is the configurable `maximumSize`.\n */\nconst FIXED_LIST_ELEMENT_CHARACTER_SIZE: Partial<\n  Record<ColumnTypeEnum, number>\n> = {\n  [ColumnTypeEnum.INTEGER_LIST]: 20,\n  [ColumnTypeEnum.DATE_LIST]: 20,\n  [ColumnTypeEnum.USERID_LIST]: 20,\n  [ColumnTypeEnum.BOOLEAN_LIST]: 5,\n  [ColumnTypeEnum.ENTITYID_LIST]: 44,\n}\n\n/**\n * Get the default max size for a given type.\n *\n * @param type\n * @return\n */\nexport function getMaxSizeForType(type: ColumnType | ColumnTypeEnum): number {\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.LINK:\n      return MAX_STRING_SIZE\n    default:\n      throw new Error(`Type is not known to have a max size: ${type}`)\n  }\n}\n\n/**\n * Get the maximum allowed `maximumListLength` for a list column type.\n *\n * The server enforces a total character budget of {@link LIST_LENGTH_CHARACTER_BUDGET}.\n * For STRING_LIST the per-element size is the configurable `maximumSize` (defaulting to\n * {@link DEFAULT_STRING_SIZE}); for all other list types the per-element size is fixed.\n *\n * @param type the list column type\n * @param maximumSize the configured element size, used only for STRING_LIST\n * @return the maximum allowed list length\n */\nexport function getMaxListLengthForType(\n  type: ColumnType | ColumnTypeEnum,\n  maximumSize?: number,\n): number {\n  if (type === ColumnTypeEnum.STRING_LIST) {\n    const elementSize = maximumSize ?? DEFAULT_STRING_SIZE\n    return Math.floor(LIST_LENGTH_CHARACTER_BUDGET / elementSize)\n  }\n  const elementSize = FIXED_LIST_ELEMENT_CHARACTER_SIZE[type as ColumnTypeEnum]\n  if (elementSize == null) {\n    throw new Error(`Type is not known to have a max list length: ${type}`)\n  }\n  return Math.floor(LIST_LENGTH_CHARACTER_BUDGET / elementSize)\n}\n\nexport function canHaveRestrictedValues(\n  type: ColumnType | ColumnTypeEnum,\n  isJsonSubColumnFacet: boolean,\n): boolean {\n  if (isJsonSubColumnFacet) {\n    return false\n  }\n  switch (type) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.ENTITYID:\n      return true\n    default:\n      // all other are false\n      return false\n  }\n}\n\nfunction transformEnumValues(\n  enumValues: string[],\n  columnType: ColumnType | ColumnTypeEnum,\n): (string | number)[] {\n  // SWC-6622 - Special case: if these are INTEGER, convert to numbers before inserting data into form components\n  // The editor validates that these are integers, so inserting the strings returned by the API causes an\n  // unexpected validation error\n  if (columnType === ColumnTypeEnum.INTEGER) {\n    return enumValues.map(value => parseInt(value))\n  }\n  return enumValues\n}\n\n/**\n * Transform ColumnModels returned by Synapse into the form data for the TableColumnSchemaForm.\n * Default column models, if available, are used to determine which columns should not be editable in the form.\n * @param columnModels\n * @param defaultColumns\n */\nexport function transformColumnModelsToFormData(\n  columnModels: SetOptional<ColumnModel, 'id'>[],\n  defaultColumns: ColumnModel[] = [],\n): ColumnModelFormData[] {\n  return columnModels.map((cm): ColumnModelFormData => {\n    return {\n      ...cm,\n      columnType: cm.columnType as ColumnTypeEnum,\n      maximumSize:\n        cm.maximumSize == null ? undefined : cm.maximumSize.toString(),\n      maximumListLength:\n        cm.maximumListLength == null\n          ? undefined\n          : cm.maximumListLength.toString(),\n      isSelected: false,\n      // If the name matches a known default column model, then we consider it to be a default column model itself\n      isOriginallyDefaultColumn: defaultColumns.some(\n        dcm => dcm.name === cm.name,\n      ),\n      jsonSubColumns: cm.jsonSubColumns\n        ? cm.jsonSubColumns.map(\n            (jsc): JsonSubColumnModelFormData => ({\n              ...jsc,\n              columnType: jsc.columnType as ColumnTypeEnum,\n              isSelected: false,\n            }),\n          )\n        : undefined,\n      // If this is defaultValue for a LIST column, the value is a serialized string\n      defaultValue:\n        cm.defaultValue && cm.columnType.endsWith('_LIST')\n          ? JSON.parse(cm.defaultValue)\n          : cm.defaultValue,\n      enumValues:\n        cm.enumValues != null\n          ? transformEnumValues(cm.enumValues, cm.columnType)\n          : undefined,\n    }\n  })\n}\n\nexport function getViewScopeForEntity(entity: Entity): ViewScope | undefined {\n  if (isEntityView(entity)) {\n    return {\n      scope: entity.scopeIds,\n      viewTypeMask: entity.viewTypeMask,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  } else if (isDataset(entity) || isDatasetCollection(entity)) {\n    const mask = isDataset(entity)\n      ? ENTITY_VIEW_TYPE_MASK_FILE\n      : ENTITY_VIEW_TYPE_MASK_DATASET\n    return {\n      scope: (entity.items ?? []).map(\n        item => `${item.entityId}.${item.versionNumber}`,\n      ),\n      viewTypeMask: mask,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  } else if (isSubmissionView(entity)) {\n    return {\n      scope: entity.scopeIds,\n      viewTypeMask: undefined,\n      viewEntityType: convertToEntityType(\n        entity.concreteType,\n      ) as ViewEntityType,\n    }\n  }\n  return undefined\n}\n\nexport function getJsonSchemaItemDefinitionForColumnType(\n  columnType: ColumnTypeEnum,\n): JSONSchema7Definition {\n  switch (columnType) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return { type: 'string', minLength: 1 }\n    case ColumnTypeEnum.DOUBLE:\n      return { type: 'number' }\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n      return { type: 'boolean' }\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.INTEGER_LIST:\n      return { type: 'integer' }\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return { type: 'string', format: 'datetime' }\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.LINK:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.SUBMISSIONID:\n    case ColumnTypeEnum.JSON:\n    case ColumnTypeEnum.EVALUATIONID:\n    default:\n      return { type: 'string', minLength: 1 }\n  }\n}\n\nconst columnModelMatchesFormData = (\n  model: ColumnModel,\n  target: ColumnModelFormData,\n): boolean => {\n  return model.name === target.name && model.columnType === target.columnType\n}\n\nexport const findMatchingColumnModel = (\n  columnModels: ColumnModel[],\n  target: ColumnModelFormData,\n): ColumnModel | undefined => {\n  let closestMatch: ColumnModel | undefined\n\n  for (const model of columnModels) {\n    if (columnModelMatchesFormData(model, target)) {\n      closestMatch = model\n      break\n    }\n  }\n\n  return closestMatch\n}\n\nexport function getFormDataValueAsNumber(\n  formDataValue: string | number | undefined,\n): number | null {\n  const maxSize =\n    formDataValue !== null ? parseFloat(String(formDataValue)) : null\n  const isInteger = Number.isInteger(maxSize)\n  return isInteger ? maxSize : null\n}\n\nexport const isFormDataValueSmallerThanRecommendedValue = (\n  formDataValue: string | number | undefined,\n  recommendedValue: number | undefined,\n): boolean => {\n  const currentValue = getFormDataValueAsNumber(formDataValue)\n  return recommendedValue != null && currentValue != null && currentValue > 0\n    ? currentValue < recommendedValue\n    : false\n}\n\nexport function doesColumnModelSatisfyAnnotationMinimums(\n  columnModel: ColumnModelFormData,\n  annotationColumnModel?: ColumnModel,\n): boolean {\n  if (!annotationColumnModel) {\n    return true\n  }\n\n  if (\n    isFormDataValueSmallerThanRecommendedValue(\n      columnModel.maximumSize,\n      annotationColumnModel.maximumSize,\n    ) ||\n    isFormDataValueSmallerThanRecommendedValue(\n      columnModel.maximumListLength,\n      annotationColumnModel.maximumListLength,\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport function getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes(\n  columnModels: ColumnModelFormData[],\n  annotationColumnModels: ColumnModel[],\n): number {\n  return columnModels.filter(cm => {\n    const matchingAnnotationColumnModel = findMatchingColumnModel(\n      annotationColumnModels,\n      cm,\n    )\n\n    return !doesColumnModelSatisfyAnnotationMinimums(\n      cm,\n      matchingAnnotationColumnModel,\n    )\n  }).length\n}\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaForm.js

@@ -15,8 +15,8 @@ import { groupBy as b, isEqual as x, noop as S, omit as C, times as te } from "l
 import { Box as w, Button as T, styled as E } from "@mui/material";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { ColumnTypeEnum as A, VIEW_CONCRETE_TYPE_VALUES as ne } from "@sage-bionetworks/synapse-types";
-import { Provider as j, atom as re, useAtomValue as M, useSetAtom as N } from "jotai";
-import { AddCircleTwoTone as P } from "@mui/icons-material";
+import { AddCircleTwoTone as j } from "@mui/icons-material";
+import { Provider as M, atom as re, useAtomValue as N, useSetAtom as P } from "jotai";
 import F from "pluralize";
 import { selectAtom as I, useAtomCallback as L } from "jotai/utils";
 //#region src/components/TableColumnSchemaEditor/TableColumnSchemaForm.tsx
@@ -36,7 +36,7 @@ var R = "18px 18px 1.75fr 1.75fr 0.75fr 1fr 1.25fr 1.25fr 1fr 1.25fr", z = /* @_
 	borderBottomLeftRadius: "5px"
 }) }), V = E(w, { label: "ColumnHeader" })({ fontWeight: 700 }), H = "Add All Annotations";
 function U(i, s) {
-	let { initialData: d, entityType: h, viewScope: x, onSubmit: E = S, isSubmitting: D = !1, originalColumnModels: A } = i, j = M(v(() => re((e) => e(u).length), [])), I = N(u), [z, B] = y(null), H = L(g((e) => e(u), [])), U = t(h), W = ne.includes(U), G = W, K = W, { data: q, isLoading: J } = o(x?.viewEntityType, x?.viewTypeMask, {
+	let { initialData: d, entityType: h, viewScope: x, onSubmit: E = S, isSubmitting: D = !1, originalColumnModels: A } = i, M = N(v(() => re((e) => e(u).length), [])), I = P(u), [z, B] = y(null), H = L(g((e) => e(u), [])), U = t(h), W = ne.includes(U), G = W, K = W, { data: q, isLoading: J } = o(x?.viewEntityType, x?.viewTypeMask, {
 		enabled: K,
 		staleTime: Infinity
 	}), Y = a({
@@ -83,7 +83,7 @@ function U(i, s) {
 		q && $(q);
 	}, [q, $]), oe = g(() => {
 		X && $(X);
-	}, [X, $]), se = v(() => z ? b(z.errors, (e) => e.path[0]) : {}, [z]);
+	}, [X, $]), se = v(() => z ? b(z.issues, (e) => e.path[0]) : {}, [z]);
 	return /* @__PURE__ */ k(w, {
 		component: "form",
 		sx: { py: 2.5 },
@@ -117,7 +117,7 @@ function U(i, s) {
 						backgroundColor: "grey.300",
 						height: "2px"
 					} }),
-					te(j, (e) => /* @__PURE__ */ O(ie, {
+					te(M, (e) => /* @__PURE__ */ O(ie, {
 						entityType: h,
 						columnModelIndex: e,
 						disabled: D,
@@ -138,13 +138,13 @@ function U(i, s) {
 						onClick: () => {
 							I({ type: "appendColumn" });
 						},
-						startIcon: /* @__PURE__ */ O(P, {}),
+						startIcon: /* @__PURE__ */ O(j, {}),
 						disabled: D,
 						children: "Add Column"
 					}),
 					K && /* @__PURE__ */ k(T, {
 						variant: "outlined",
-						startIcon: O(J ? r : P, {}),
+						startIcon: O(J ? r : j, {}),
 						onClick: () => {
 							ae();
 						},
@@ -157,7 +157,7 @@ function U(i, s) {
 					}),
 					G && /* @__PURE__ */ O(T, {
 						variant: "outlined",
-						startIcon: O(Z ? r : P, {}),
+						startIcon: O(Z ? r : j, {}),
 						disabled: Z || D,
 						onClick: () => {
 							oe();
@@ -176,7 +176,7 @@ function U(i, s) {
 	});
 }
 function ie(e) {
-	let { columnModelIndex: t, entityType: n, disabled: r, columnModelValidationErrors: a = null, annotationColumnModels: o, originalColumnModels: c } = e, l = N(u), f = M(v(() => I(u, (e) => e[t], x), [t])), p = c ? s(c, f) : void 0, m = o ? s(o, f) : void 0, h = v(() => a ? b(a.filter((e) => e.path[0] === t && e.path[1] == "jsonSubColumns"), (e) => e.path[2]) : {}, [t, a]);
+	let { columnModelIndex: t, entityType: n, disabled: r, columnModelValidationErrors: a = null, annotationColumnModels: o, originalColumnModels: c } = e, l = P(u), f = N(v(() => I(u, (e) => e[t], x), [t])), p = c ? s(c, f) : void 0, m = o ? s(o, f) : void 0, h = v(() => a ? b(a.filter((e) => e.path[0] === t && e.path[1] == "jsonSubColumns"), (e) => e.path[2]) : {}, [t, a]);
 	if (!f) return /* @__PURE__ */ O(D, {});
 	let g = f.isOriginallyDefaultColumn;
 	return /* @__PURE__ */ k(D, { children: [
@@ -216,7 +216,7 @@ function ie(e) {
 	] });
 }
 var W = h(U), G = h(function(e, t) {
-	return /* @__PURE__ */ O(j, { children: /* @__PURE__ */ O(W, {
+	return /* @__PURE__ */ O(M, { children: /* @__PURE__ */ O(W, {
 		...e,
 		ref: t
 	}) });

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSchemaForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaForm.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetAnnotationColumnModels,\n  useGetDefaultColumnModels,\n} from '@/synapse-queries/table/useColumnModel'\nimport {\n  convertToConcreteEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, styled } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  VIEW_CONCRETE_TYPE_VALUES,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { atom, Provider, useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom, useAtomCallback } from 'jotai/utils'\nimport { groupBy, isEqual, noop, omit, times } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ZodError, ZodIssue } from 'zod'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../ToastMessage'\nimport ColumnModelForm from './ColumnModelForm'\nimport ImportTableColumnsButton from './ImportTableColumnsButton'\nimport {\n  findMatchingColumnModel,\n  getAllowedColumnTypes,\n  transformColumnModelsToFormData,\n} from './TableColumnSchemaEditorUtils'\nimport { TableColumnSchemaFormActions } from './TableColumnSchemaFormActions'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport { validateColumnModelFormData } from './Validators/ColumnModelValidator'\n\nconst COLUMN_SCHEMA_FORM_GRID_TEMPLATE_COLUMNS =\n  '18px 18px 1.75fr 1.75fr 0.75fr 1fr 1.25fr 1.25fr 1fr 1.25fr'\nconst GRID_CONTAINER_Y_MARGIN_PX = 6\nexport const HIERARCHY_VERTICAL_LINE_COMPONENT = (\n  <Box\n    sx={{\n      width: '1px',\n      height: `calc(100% + 2 * ${GRID_CONTAINER_Y_MARGIN_PX}px)`,\n      backgroundColor: 'grey.400',\n      marginLeft: '8px',\n    }}\n  />\n)\nexport const HIERARCHY_END_COMPONENT = (\n  <Box\n    sx={theme => ({\n      width: '50%',\n      height: '60%',\n      borderLeft: `1px solid ${theme.palette.grey[400]}`,\n      borderBottom: `1px solid ${theme.palette.grey[400]}`,\n      marginLeft: '8px',\n      marginBottom: 'auto',\n      marginRight: '0',\n      borderBottomLeftRadius: '5px',\n    })}\n  />\n)\n\nexport type SubmitHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n  // Imperative handle to get the data out of the form for SWC compatibility\n  getEditedColumnModels: () => SetOptional<ColumnModel, 'id'>[]\n  // Used to check if all form data is valid. Returns the current validity state\n  validate: () => boolean\n}\n\ntype TableColumnSchemaFormProps = {\n  /* The type of the Table, which determines various schema restrictions and form functionality */\n  entityType: EntityType\n  /* If this is an entity view, the ViewScope can be used to determine the default column models and fetch annotation column models */\n  viewScope?: ViewScope\n  initialData?: SetOptional<ColumnModel, 'id'>[]\n  onSubmit?: (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => void\n  isSubmitting?: boolean\n  /** The original/current column models that are applied to the table, if they exist. */\n  originalColumnModels?: ColumnModel[]\n}\n\nconst ColumnHeader = styled(Box, {\n  label: 'ColumnHeader',\n})({\n  fontWeight: 700,\n})\n\nexport const ADD_ALL_ANNOTATIONS_BUTTON_TEXT = 'Add All Annotations'\n\nfunction TableColumnSchemaFormInternal(\n  props: TableColumnSchemaFormProps,\n  ref: ForwardedRef<SubmitHandle>,\n) {\n  const {\n    initialData,\n    entityType,\n    viewScope,\n    onSubmit = noop,\n    isSubmitting = false,\n    originalColumnModels,\n  } = props\n\n  const numColumnModels = useAtomValue(\n    useMemo(() => atom(get => get(tableColumnSchemaFormDataAtom).length), []),\n  )\n\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const [validationErrors, setValidationErrors] = useState<ZodError | null>(\n    null,\n  )\n\n  // useAtomCallback will let us imperatively read the form data, instead of tracking it in state and triggering a full re-render of the form when any data changes\n  const readFormData = useAtomCallback(\n    useCallback(get => {\n      return get(tableColumnSchemaFormDataAtom)\n    }, []),\n  )\n  const concreteTableType = convertToConcreteEntityType(entityType)\n  const isView = VIEW_CONCRETE_TYPE_VALUES.includes(\n    concreteTableType as (typeof VIEW_CONCRETE_TYPE_VALUES)[number],\n  )\n  const hasAnnotationColumnModels = isView,\n    hasDefaultColumnModels = isView\n\n  const { data: defaultColumnModels, isLoading: isLoadingDefaultColumns } =\n    useGetDefaultColumnModels(\n      viewScope?.viewEntityType!,\n      viewScope?.viewTypeMask,\n      {\n        enabled: hasDefaultColumnModels,\n        staleTime: Infinity, // The default column models will never change\n      },\n    )\n\n  const annotationColumnModelsQuery = useGetAnnotationColumnModels(\n    {\n      viewScope: viewScope!,\n      includeDerivedAnnotations: true,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ViewColumnModelRequest',\n    },\n    {\n      enabled: hasAnnotationColumnModels,\n    },\n  )\n\n  const {\n    data: annotationColumnModels,\n    isLoading: isLoadingAnnotationColumns,\n  } = annotationColumnModelsQuery\n\n  /**\n   * Set the initialData in the form state atom on mount, if it exists and we have no data.\n   */\n  useEffect(() => {\n    if (initialData && !isLoadingDefaultColumns) {\n      dispatch({\n        type: 'setValue',\n        value: transformColumnModelsToFormData(\n          initialData,\n          defaultColumnModels ?? [],\n        ),\n      })\n    }\n    // Don't re-run if initial data changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoadingDefaultColumns])\n\n  const validateInternal = useCallback(() => {\n    const result = validateColumnModelFormData(readFormData())\n    if (result.success) {\n      setValidationErrors(null)\n    } else {\n      setValidationErrors(result.error)\n    }\n    return result\n  }, [readFormData])\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        const result = validateInternal()\n        if (result.success) {\n          onSubmit(result.data)\n        }\n      },\n      getEditedColumnModels() {\n        const result = validateInternal()\n        if (!result.success) {\n          throw new Error('Column models were not valid')\n        }\n        return result.data\n      },\n      validate() {\n        const result = validateInternal()\n        return result.success\n      },\n    }\n  }, [onSubmit, validateInternal])\n\n  // Generic function to add a set of columns to the schema (e.g. default columns, annotation columns)\n  const addColumnSet = useCallback(\n    (newColumns: SetOptional<ColumnModel, 'id'>[]) => {\n      const currentFormData = readFormData()\n      let columnsToAdd = newColumns.filter(\n        (cm: SetOptional<ColumnModel, 'id'>) => {\n          // Don't add columns that cannot be added (for example, Views cannot have JSON columns)\n          if (\n            !getAllowedColumnTypes(isView, false).includes(\n              cm.columnType as ColumnTypeEnum,\n            )\n          ) {\n            return false\n          }\n          // Only add columns that are not already present\n          // Use the name column to match because the ID may vary, e.g. if the facetType was changed\n          return !currentFormData.find(fd => fd.name === cm.name)\n        },\n      )\n      // Remove the ID column so TableColumnSchemaUtils.createTableUpdateTransactionRequest recognizes these as new columns\n      // createTableUpdateTransactionRequest uses the existing column ID to track column updates in the table, so any new columns should have no ID\n      // The user can also modify these columns before submitting them, so the ID may not be accurate when we end up submitting them\n      columnsToAdd = columnsToAdd.map(cm => omit(cm, ['id']))\n      if (columnsToAdd.length > 0) {\n        dispatch({\n          type: 'setValue',\n          value: [\n            ...currentFormData,\n            ...transformColumnModelsToFormData(\n              columnsToAdd,\n              defaultColumnModels,\n            ),\n          ],\n        })\n        displayToast(\n          `${columnsToAdd.length} ${pluralize(\n            'column',\n            columnsToAdd.length,\n          )} added to schema.`,\n          'success',\n        )\n      } else {\n        displayToast(\n          'No columns added. All columns to add are present in the column schema.',\n          'info',\n        )\n      }\n    },\n    [defaultColumnModels, dispatch, isView, readFormData],\n  )\n\n  const addDefaultColumns = useCallback(() => {\n    if (defaultColumnModels) {\n      addColumnSet(defaultColumnModels)\n    }\n  }, [defaultColumnModels, addColumnSet])\n\n  const addAnnotationColumns = useCallback(() => {\n    if (annotationColumnModels) {\n      addColumnSet(annotationColumnModels)\n    }\n  }, [annotationColumnModels, addColumnSet])\n\n  // Put the errors into a map of columnModelIndex -> errors\n  const errorsByColumnModel = useMemo(() => {\n    if (validationErrors) {\n      return groupBy(validationErrors.errors, e => e.path[0])\n    }\n    return {}\n  }, [validationErrors])\n\n  return (\n    <Box\n      component={'form'}\n      sx={{\n        py: 2.5,\n      }}\n    >\n      <TableColumnSchemaFormActions\n        disabled={isSubmitting}\n        annotationColumnModelsQuery={annotationColumnModelsQuery}\n      />\n      <Box\n        sx={{\n          display: 'grid',\n          gap: '8px',\n          gridTemplateColumns: COLUMN_SCHEMA_FORM_GRID_TEMPLATE_COLUMNS,\n          py: 2.5,\n        }}\n      >\n        <ColumnHeader>{/* Checkbox */}</ColumnHeader>\n        <ColumnHeader sx={{ gridColumn: '2 / span 2' }}>\n          Column Name\n        </ColumnHeader>\n        <ColumnHeader>Column Type</ColumnHeader>\n        <ColumnHeader>Size</ColumnHeader>\n        <ColumnHeader>Max List Length</ColumnHeader>\n        <ColumnHeader>Default Value</ColumnHeader>\n        <ColumnHeader>Restrict Values</ColumnHeader>\n        <ColumnHeader>Facet</ColumnHeader>\n        <ColumnHeader>Sort Facet Values</ColumnHeader>\n        <Box\n          sx={{\n            gridColumn: '1 / span 11',\n            backgroundColor: 'grey.300',\n            height: '2px',\n          }}\n        />\n        {times(numColumnModels, index => {\n          return (\n            <TableColumnSchemaFormRow\n              entityType={entityType}\n              columnModelIndex={index}\n              disabled={isSubmitting}\n              key={index}\n              columnModelValidationErrors={errorsByColumnModel[index]}\n              annotationColumnModels={annotationColumnModels}\n              originalColumnModels={originalColumnModels}\n            />\n          )\n        })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 1,\n        }}\n      >\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            dispatch({ type: 'appendColumn' })\n          }}\n          startIcon={<AddCircleTwoTone />}\n          disabled={isSubmitting}\n        >\n          Add Column\n        </Button>\n\n        {hasDefaultColumnModels && (\n          <Button\n            variant={'outlined'}\n            startIcon={\n              isLoadingDefaultColumns ? (\n                <SynapseSpinner />\n              ) : (\n                <AddCircleTwoTone />\n              )\n            }\n            onClick={() => {\n              addDefaultColumns()\n            }}\n            disabled={isLoadingDefaultColumns || isSubmitting}\n          >\n            Add Default {entityTypeToFriendlyName(entityType)} Columns\n          </Button>\n        )}\n\n        {hasAnnotationColumnModels && (\n          <Button\n            variant={'outlined'}\n            startIcon={\n              isLoadingAnnotationColumns ? (\n                <SynapseSpinner />\n              ) : (\n                <AddCircleTwoTone />\n              )\n            }\n            disabled={isLoadingAnnotationColumns || isSubmitting}\n            onClick={() => {\n              addAnnotationColumns()\n            }}\n          >\n            {ADD_ALL_ANNOTATIONS_BUTTON_TEXT}\n          </Button>\n        )}\n        <ImportTableColumnsButton\n          onAddColumns={cms => {\n            addColumnSet(cms)\n          }}\n          disabled={isSubmitting}\n        />\n      </Box>\n    </Box>\n  )\n}\n\ntype TableColumnSchemaFormRowProps = {\n  entityType: EntityType\n  columnModelIndex: number\n  disabled: boolean\n  columnModelValidationErrors: ZodIssue[] | null\n  annotationColumnModels?: ColumnModel[]\n  originalColumnModels?: ColumnModel[]\n}\n\nfunction TableColumnSchemaFormRow(props: TableColumnSchemaFormRowProps) {\n  const {\n    columnModelIndex,\n    entityType,\n    disabled,\n    columnModelValidationErrors = null,\n    annotationColumnModels,\n    originalColumnModels,\n  } = props\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const columnModel = useAtomValue(\n    useMemo(\n      () =>\n        selectAtom(\n          tableColumnSchemaFormDataAtom,\n          formData => formData[columnModelIndex],\n          isEqual,\n        ),\n      [columnModelIndex],\n    ),\n  )\n\n  // Find the original column model that matches the current column model by name and type, so we can tell the user what fields have changed\n  const originalColumnModel = originalColumnModels\n    ? findMatchingColumnModel(originalColumnModels, columnModel)\n    : undefined\n\n  // Find the closest match between passed column model and current column model with name and type\n  const defaultAnnotationModel = annotationColumnModels\n    ? findMatchingColumnModel(annotationColumnModels, columnModel)\n    : undefined\n\n  // Organize the JSON Subcolumn errors into a map of subcolumn index to errors\n  const errorsForSubcolumns = useMemo(() => {\n    if (columnModelValidationErrors) {\n      const errorsForAllSubcolumns = columnModelValidationErrors.filter(e => {\n        return e.path[0] === columnModelIndex && e.path[1] == 'jsonSubColumns'\n      })\n      return groupBy(errorsForAllSubcolumns, e => e.path[2])\n    }\n    return {}\n  }, [columnModelIndex, columnModelValidationErrors])\n\n  if (!columnModel) {\n    return <></>\n  }\n  const isDefaultColumn = columnModel.isOriginallyDefaultColumn\n\n  return (\n    <>\n      <ColumnModelForm\n        entityType={entityType}\n        columnModelIndex={columnModelIndex}\n        isDefaultColumn={isDefaultColumn}\n        disabled={disabled}\n        validationErrors={columnModelValidationErrors}\n        defaultAnnotationModel={defaultAnnotationModel}\n        originalColumnModel={originalColumnModel}\n      />\n      {columnModel.columnType === ColumnTypeEnum.JSON &&\n        columnModel.jsonSubColumns &&\n        columnModel.jsonSubColumns.map((subColumnFacet, index) => (\n          <ColumnModelForm\n            key={index}\n            entityType={entityType}\n            columnModelIndex={columnModelIndex}\n            jsonSubColumnIndex={index}\n            isDefaultColumn={isDefaultColumn}\n            disabled={disabled}\n            validationErrors={errorsForSubcolumns[index]}\n          />\n        ))}\n      {columnModel.columnType === ColumnTypeEnum.JSON && (\n        <>\n          <Box\n            sx={{\n              gridColumn: '1 / span 2',\n            }}\n          >\n            {HIERARCHY_END_COMPONENT}\n          </Box>\n          <Box\n            sx={{\n              gridColumn: '3 / span 5',\n            }}\n          >\n            <Button\n              startIcon={<AddToList />}\n              variant={'text'}\n              disabled={disabled}\n              onClick={() =>\n                dispatch({ type: 'appendJsonSubColumn', columnModelIndex })\n              }\n            >\n              Add sub-column\n            </Button>\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n\nconst TableColumnSchemaFormInternalWithForwardRef = forwardRef<\n  SubmitHandle,\n  TableColumnSchemaFormProps\n>(TableColumnSchemaFormInternal)\n\nconst TableColumnSchemaFormWrapped = forwardRef<\n  SubmitHandle,\n  TableColumnSchemaFormProps\n>(function TableColumnSchemaForm(props: TableColumnSchemaFormProps, ref) {\n  // Wrap the form in a Jotai provider so that the internal atoms are scoped to just this component instance\n  // Use forwardRef to ensure that the ref can be passed along\n  return (\n    <Provider>\n      <TableColumnSchemaFormInternalWithForwardRef {...props} ref={ref} />\n    </Provider>\n  )\n})\n\nexport default TableColumnSchemaFormWrapped\n"],"mappings":"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"}
+{"version":3,"file":"TableColumnSchemaForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaForm.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetAnnotationColumnModels,\n  useGetDefaultColumnModels,\n} from '@/synapse-queries/table/useColumnModel'\nimport {\n  convertToConcreteEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, styled } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  VIEW_CONCRETE_TYPE_VALUES,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { atom, Provider, useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom, useAtomCallback } from 'jotai/utils'\nimport { groupBy, isEqual, noop, omit, times } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ZodError, ZodIssue } from 'zod'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../ToastMessage'\nimport ColumnModelForm from './ColumnModelForm'\nimport ImportTableColumnsButton from './ImportTableColumnsButton'\nimport {\n  findMatchingColumnModel,\n  getAllowedColumnTypes,\n  transformColumnModelsToFormData,\n} from './TableColumnSchemaEditorUtils'\nimport { TableColumnSchemaFormActions } from './TableColumnSchemaFormActions'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport { validateColumnModelFormData } from './Validators/ColumnModelValidator'\n\nconst COLUMN_SCHEMA_FORM_GRID_TEMPLATE_COLUMNS =\n  '18px 18px 1.75fr 1.75fr 0.75fr 1fr 1.25fr 1.25fr 1fr 1.25fr'\nconst GRID_CONTAINER_Y_MARGIN_PX = 6\nexport const HIERARCHY_VERTICAL_LINE_COMPONENT = (\n  <Box\n    sx={{\n      width: '1px',\n      height: `calc(100% + 2 * ${GRID_CONTAINER_Y_MARGIN_PX}px)`,\n      backgroundColor: 'grey.400',\n      marginLeft: '8px',\n    }}\n  />\n)\nexport const HIERARCHY_END_COMPONENT = (\n  <Box\n    sx={theme => ({\n      width: '50%',\n      height: '60%',\n      borderLeft: `1px solid ${theme.palette.grey[400]}`,\n      borderBottom: `1px solid ${theme.palette.grey[400]}`,\n      marginLeft: '8px',\n      marginBottom: 'auto',\n      marginRight: '0',\n      borderBottomLeftRadius: '5px',\n    })}\n  />\n)\n\nexport type SubmitHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n  // Imperative handle to get the data out of the form for SWC compatibility\n  getEditedColumnModels: () => SetOptional<ColumnModel, 'id'>[]\n  // Used to check if all form data is valid. Returns the current validity state\n  validate: () => boolean\n}\n\ntype TableColumnSchemaFormProps = {\n  /* The type of the Table, which determines various schema restrictions and form functionality */\n  entityType: EntityType\n  /* If this is an entity view, the ViewScope can be used to determine the default column models and fetch annotation column models */\n  viewScope?: ViewScope\n  initialData?: SetOptional<ColumnModel, 'id'>[]\n  onSubmit?: (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => void\n  isSubmitting?: boolean\n  /** The original/current column models that are applied to the table, if they exist. */\n  originalColumnModels?: ColumnModel[]\n}\n\nconst ColumnHeader = styled(Box, {\n  label: 'ColumnHeader',\n})({\n  fontWeight: 700,\n})\n\nexport const ADD_ALL_ANNOTATIONS_BUTTON_TEXT = 'Add All Annotations'\n\nfunction TableColumnSchemaFormInternal(\n  props: TableColumnSchemaFormProps,\n  ref: ForwardedRef<SubmitHandle>,\n) {\n  const {\n    initialData,\n    entityType,\n    viewScope,\n    onSubmit = noop,\n    isSubmitting = false,\n    originalColumnModels,\n  } = props\n\n  const numColumnModels = useAtomValue(\n    useMemo(() => atom(get => get(tableColumnSchemaFormDataAtom).length), []),\n  )\n\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const [validationErrors, setValidationErrors] = useState<ZodError | null>(\n    null,\n  )\n\n  // useAtomCallback will let us imperatively read the form data, instead of tracking it in state and triggering a full re-render of the form when any data changes\n  const readFormData = useAtomCallback(\n    useCallback(get => {\n      return get(tableColumnSchemaFormDataAtom)\n    }, []),\n  )\n  const concreteTableType = convertToConcreteEntityType(entityType)\n  const isView = VIEW_CONCRETE_TYPE_VALUES.includes(\n    concreteTableType as (typeof VIEW_CONCRETE_TYPE_VALUES)[number],\n  )\n  const hasAnnotationColumnModels = isView,\n    hasDefaultColumnModels = isView\n\n  const { data: defaultColumnModels, isLoading: isLoadingDefaultColumns } =\n    useGetDefaultColumnModels(\n      viewScope?.viewEntityType!,\n      viewScope?.viewTypeMask,\n      {\n        enabled: hasDefaultColumnModels,\n        staleTime: Infinity, // The default column models will never change\n      },\n    )\n\n  const annotationColumnModelsQuery = useGetAnnotationColumnModels(\n    {\n      viewScope: viewScope!,\n      includeDerivedAnnotations: true,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ViewColumnModelRequest',\n    },\n    {\n      enabled: hasAnnotationColumnModels,\n    },\n  )\n\n  const {\n    data: annotationColumnModels,\n    isLoading: isLoadingAnnotationColumns,\n  } = annotationColumnModelsQuery\n\n  /**\n   * Set the initialData in the form state atom on mount, if it exists and we have no data.\n   */\n  useEffect(() => {\n    if (initialData && !isLoadingDefaultColumns) {\n      dispatch({\n        type: 'setValue',\n        value: transformColumnModelsToFormData(\n          initialData,\n          defaultColumnModels ?? [],\n        ),\n      })\n    }\n    // Don't re-run if initial data changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoadingDefaultColumns])\n\n  const validateInternal = useCallback(() => {\n    const result = validateColumnModelFormData(readFormData())\n    if (result.success) {\n      setValidationErrors(null)\n    } else {\n      setValidationErrors(result.error)\n    }\n    return result\n  }, [readFormData])\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        const result = validateInternal()\n        if (result.success) {\n          onSubmit(result.data)\n        }\n      },\n      getEditedColumnModels() {\n        const result = validateInternal()\n        if (!result.success) {\n          throw new Error('Column models were not valid')\n        }\n        return result.data\n      },\n      validate() {\n        const result = validateInternal()\n        return result.success\n      },\n    }\n  }, [onSubmit, validateInternal])\n\n  // Generic function to add a set of columns to the schema (e.g. default columns, annotation columns)\n  const addColumnSet = useCallback(\n    (newColumns: SetOptional<ColumnModel, 'id'>[]) => {\n      const currentFormData = readFormData()\n      let columnsToAdd = newColumns.filter(\n        (cm: SetOptional<ColumnModel, 'id'>) => {\n          // Don't add columns that cannot be added (for example, Views cannot have JSON columns)\n          if (\n            !getAllowedColumnTypes(isView, false).includes(\n              cm.columnType as ColumnTypeEnum,\n            )\n          ) {\n            return false\n          }\n          // Only add columns that are not already present\n          // Use the name column to match because the ID may vary, e.g. if the facetType was changed\n          return !currentFormData.find(fd => fd.name === cm.name)\n        },\n      )\n      // Remove the ID column so TableColumnSchemaUtils.createTableUpdateTransactionRequest recognizes these as new columns\n      // createTableUpdateTransactionRequest uses the existing column ID to track column updates in the table, so any new columns should have no ID\n      // The user can also modify these columns before submitting them, so the ID may not be accurate when we end up submitting them\n      columnsToAdd = columnsToAdd.map(cm => omit(cm, ['id']))\n      if (columnsToAdd.length > 0) {\n        dispatch({\n          type: 'setValue',\n          value: [\n            ...currentFormData,\n            ...transformColumnModelsToFormData(\n              columnsToAdd,\n              defaultColumnModels,\n            ),\n          ],\n        })\n        displayToast(\n          `${columnsToAdd.length} ${pluralize(\n            'column',\n            columnsToAdd.length,\n          )} added to schema.`,\n          'success',\n        )\n      } else {\n        displayToast(\n          'No columns added. All columns to add are present in the column schema.',\n          'info',\n        )\n      }\n    },\n    [defaultColumnModels, dispatch, isView, readFormData],\n  )\n\n  const addDefaultColumns = useCallback(() => {\n    if (defaultColumnModels) {\n      addColumnSet(defaultColumnModels)\n    }\n  }, [defaultColumnModels, addColumnSet])\n\n  const addAnnotationColumns = useCallback(() => {\n    if (annotationColumnModels) {\n      addColumnSet(annotationColumnModels)\n    }\n  }, [annotationColumnModels, addColumnSet])\n\n  // Put the errors into a map of columnModelIndex -> errors\n  const errorsByColumnModel = useMemo(() => {\n    if (validationErrors) {\n      return groupBy(validationErrors.issues, e => e.path[0])\n    }\n    return {}\n  }, [validationErrors])\n\n  return (\n    <Box\n      component={'form'}\n      sx={{\n        py: 2.5,\n      }}\n    >\n      <TableColumnSchemaFormActions\n        disabled={isSubmitting}\n        annotationColumnModelsQuery={annotationColumnModelsQuery}\n      />\n      <Box\n        sx={{\n          display: 'grid',\n          gap: '8px',\n          gridTemplateColumns: COLUMN_SCHEMA_FORM_GRID_TEMPLATE_COLUMNS,\n          py: 2.5,\n        }}\n      >\n        <ColumnHeader>{/* Checkbox */}</ColumnHeader>\n        <ColumnHeader sx={{ gridColumn: '2 / span 2' }}>\n          Column Name\n        </ColumnHeader>\n        <ColumnHeader>Column Type</ColumnHeader>\n        <ColumnHeader>Size</ColumnHeader>\n        <ColumnHeader>Max List Length</ColumnHeader>\n        <ColumnHeader>Default Value</ColumnHeader>\n        <ColumnHeader>Restrict Values</ColumnHeader>\n        <ColumnHeader>Facet</ColumnHeader>\n        <ColumnHeader>Sort Facet Values</ColumnHeader>\n        <Box\n          sx={{\n            gridColumn: '1 / span 11',\n            backgroundColor: 'grey.300',\n            height: '2px',\n          }}\n        />\n        {times(numColumnModels, index => {\n          return (\n            <TableColumnSchemaFormRow\n              entityType={entityType}\n              columnModelIndex={index}\n              disabled={isSubmitting}\n              key={index}\n              columnModelValidationErrors={errorsByColumnModel[index]}\n              annotationColumnModels={annotationColumnModels}\n              originalColumnModels={originalColumnModels}\n            />\n          )\n        })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 1,\n        }}\n      >\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            dispatch({ type: 'appendColumn' })\n          }}\n          startIcon={<AddCircleTwoTone />}\n          disabled={isSubmitting}\n        >\n          Add Column\n        </Button>\n\n        {hasDefaultColumnModels && (\n          <Button\n            variant={'outlined'}\n            startIcon={\n              isLoadingDefaultColumns ? (\n                <SynapseSpinner />\n              ) : (\n                <AddCircleTwoTone />\n              )\n            }\n            onClick={() => {\n              addDefaultColumns()\n            }}\n            disabled={isLoadingDefaultColumns || isSubmitting}\n          >\n            Add Default {entityTypeToFriendlyName(entityType)} Columns\n          </Button>\n        )}\n\n        {hasAnnotationColumnModels && (\n          <Button\n            variant={'outlined'}\n            startIcon={\n              isLoadingAnnotationColumns ? (\n                <SynapseSpinner />\n              ) : (\n                <AddCircleTwoTone />\n              )\n            }\n            disabled={isLoadingAnnotationColumns || isSubmitting}\n            onClick={() => {\n              addAnnotationColumns()\n            }}\n          >\n            {ADD_ALL_ANNOTATIONS_BUTTON_TEXT}\n          </Button>\n        )}\n        <ImportTableColumnsButton\n          onAddColumns={cms => {\n            addColumnSet(cms)\n          }}\n          disabled={isSubmitting}\n        />\n      </Box>\n    </Box>\n  )\n}\n\ntype TableColumnSchemaFormRowProps = {\n  entityType: EntityType\n  columnModelIndex: number\n  disabled: boolean\n  columnModelValidationErrors: ZodIssue[] | null\n  annotationColumnModels?: ColumnModel[]\n  originalColumnModels?: ColumnModel[]\n}\n\nfunction TableColumnSchemaFormRow(props: TableColumnSchemaFormRowProps) {\n  const {\n    columnModelIndex,\n    entityType,\n    disabled,\n    columnModelValidationErrors = null,\n    annotationColumnModels,\n    originalColumnModels,\n  } = props\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const columnModel = useAtomValue(\n    useMemo(\n      () =>\n        selectAtom(\n          tableColumnSchemaFormDataAtom,\n          formData => formData[columnModelIndex],\n          isEqual,\n        ),\n      [columnModelIndex],\n    ),\n  )\n\n  // Find the original column model that matches the current column model by name and type, so we can tell the user what fields have changed\n  const originalColumnModel = originalColumnModels\n    ? findMatchingColumnModel(originalColumnModels, columnModel)\n    : undefined\n\n  // Find the closest match between passed column model and current column model with name and type\n  const defaultAnnotationModel = annotationColumnModels\n    ? findMatchingColumnModel(annotationColumnModels, columnModel)\n    : undefined\n\n  // Organize the JSON Subcolumn errors into a map of subcolumn index to errors\n  const errorsForSubcolumns = useMemo(() => {\n    if (columnModelValidationErrors) {\n      const errorsForAllSubcolumns = columnModelValidationErrors.filter(e => {\n        return e.path[0] === columnModelIndex && e.path[1] == 'jsonSubColumns'\n      })\n      return groupBy(errorsForAllSubcolumns, e => e.path[2])\n    }\n    return {}\n  }, [columnModelIndex, columnModelValidationErrors])\n\n  if (!columnModel) {\n    return <></>\n  }\n  const isDefaultColumn = columnModel.isOriginallyDefaultColumn\n\n  return (\n    <>\n      <ColumnModelForm\n        entityType={entityType}\n        columnModelIndex={columnModelIndex}\n        isDefaultColumn={isDefaultColumn}\n        disabled={disabled}\n        validationErrors={columnModelValidationErrors}\n        defaultAnnotationModel={defaultAnnotationModel}\n        originalColumnModel={originalColumnModel}\n      />\n      {columnModel.columnType === ColumnTypeEnum.JSON &&\n        columnModel.jsonSubColumns &&\n        columnModel.jsonSubColumns.map((subColumnFacet, index) => (\n          <ColumnModelForm\n            key={index}\n            entityType={entityType}\n            columnModelIndex={columnModelIndex}\n            jsonSubColumnIndex={index}\n            isDefaultColumn={isDefaultColumn}\n            disabled={disabled}\n            validationErrors={errorsForSubcolumns[index]}\n          />\n        ))}\n      {columnModel.columnType === ColumnTypeEnum.JSON && (\n        <>\n          <Box\n            sx={{\n              gridColumn: '1 / span 2',\n            }}\n          >\n            {HIERARCHY_END_COMPONENT}\n          </Box>\n          <Box\n            sx={{\n              gridColumn: '3 / span 5',\n            }}\n          >\n            <Button\n              startIcon={<AddToList />}\n              variant={'text'}\n              disabled={disabled}\n              onClick={() =>\n                dispatch({ type: 'appendJsonSubColumn', columnModelIndex })\n              }\n            >\n              Add sub-column\n            </Button>\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n\nconst TableColumnSchemaFormInternalWithForwardRef = forwardRef<\n  SubmitHandle,\n  TableColumnSchemaFormProps\n>(TableColumnSchemaFormInternal)\n\nconst TableColumnSchemaFormWrapped = forwardRef<\n  SubmitHandle,\n  TableColumnSchemaFormProps\n>(function TableColumnSchemaForm(props: TableColumnSchemaFormProps, ref) {\n  // Wrap the form in a Jotai provider so that the internal atoms are scoped to just this component instance\n  // Use forwardRef to ensure that the ref can be passed along\n  return (\n    <Provider>\n      <TableColumnSchemaFormInternalWithForwardRef {...props} ref={ref} />\n    </Provider>\n  )\n})\n\nexport default TableColumnSchemaFormWrapped\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSchemaFormActions.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaFormActions.tsx"],"sourcesContent":["import { useGetAnnotationColumnModels } from '@/synapse-queries/table/useColumnModel'\nimport { Healing, North, South } from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  ButtonGroup,\n  Checkbox,\n  Link,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { useAtomValue, useSetAtom } from 'jotai/index'\nimport pluralize from 'pluralize'\nimport { useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport IconSvg from '../IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes } from './TableColumnSchemaEditorUtils'\nimport {\n  getIsAllSelected,\n  getNumberOfSelectedItems,\n  tableColumnSchemaFormDataAtom,\n} from './TableColumnSchemaFormReducer'\n\nexport const USE_RECOMMENDED_SIZES_BUTTON_TEXT = 'Use Recommended Sizes'\n\nconst RECOMMENDED_SIZES_CONFIRMATION_MODAL_CONTENT = (\n  <>\n    <Typography variant={'body1'}>\n      Proceeding will adjust columns with size values that are shorter than\n      longest data in your annotations.\n    </Typography>\n    <Typography variant={'body1'}>\n      Changed size values will appear in blue. Hover to see the previous value.\n    </Typography>\n    <Typography variant={'body1'}>\n      Changes are saved only after clicking “Save” in the Schema editor. Click\n      “Cancel” to discard unsaved changes.\n    </Typography>\n  </>\n)\ntype TableColumnSchemaFormActionsProps = {\n  disabled?: boolean\n  annotationColumnModelsQuery: ReturnType<typeof useGetAnnotationColumnModels>\n}\n\nexport function TableColumnSchemaFormActions(\n  props: TableColumnSchemaFormActionsProps,\n) {\n  const { disabled = false, annotationColumnModelsQuery } = props\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n\n  const columnModels = useAtomValue(tableColumnSchemaFormDataAtom)\n  const allSelected = getIsAllSelected(columnModels)\n  const numSelected = getNumberOfSelectedItems(columnModels)\n\n  const [\n    showUseRecommendedSizesConfirmationDialog,\n    setShowUseRecommendedSizesConfirmationDialog,\n  ] = useState(false)\n\n  const showUseRecommendedSizesButton =\n    annotationColumnModelsQuery.isLoading || annotationColumnModelsQuery.data\n  const numberOfColumnsBelowRecommendedSizes = annotationColumnModelsQuery.data\n    ? getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes(\n        columnModels,\n        annotationColumnModelsQuery.data,\n      )\n    : 0\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'flex-start',\n        gap: 1,\n      }}\n    >\n      <Button\n        aria-label={'Select All'}\n        variant={'outlined'}\n        color={'neutral'}\n        onClick={() => {\n          dispatch({ type: 'toggleSelectAll' })\n        }}\n        sx={{ alignSelf: 'stretch' }}\n        disabled={disabled || columnModels.length == 0}\n      >\n        <Checkbox\n          sx={{ mr: 1 }}\n          checked={allSelected}\n          indeterminate={numSelected > 0 && !allSelected}\n          disabled={disabled || columnModels.length == 0}\n        />\n        <Typography\n          variant=\"smallText1\"\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          {numSelected} selected\n        </Typography>\n      </Button>\n      <ButtonGroup sx={{ alignSelf: 'stretch' }}>\n        <Button\n          aria-label={'Move Down'}\n          variant={'outlined'}\n          color={'neutral'}\n          onClick={() => {\n            dispatch({ type: 'moveDown' })\n          }}\n          disabled={disabled || numSelected == 0}\n        >\n          <South fontSize={'small'} />\n        </Button>\n        <Button\n          aria-label={'Move Up'}\n          variant={'outlined'}\n          color={'neutral'}\n          onClick={() => {\n            dispatch({ type: 'moveUp' })\n          }}\n          disabled={disabled || numSelected == 0}\n        >\n          <North fontSize={'small'} />\n        </Button>\n      </ButtonGroup>\n      <Button\n        aria-label={'Delete'}\n        variant={'outlined'}\n        color={'neutral'}\n        onClick={() => {\n          dispatch({ type: 'delete' })\n        }}\n        sx={{ alignSelf: 'stretch' }}\n        disabled={disabled || numSelected == 0}\n      >\n        <IconSvg fontSize={'small'} icon={'delete'} wrap={false} />\n      </Button>\n      <Box\n        sx={{\n          flexGrow: 1,\n        }}\n      >\n        {/* spacer */}\n      </Box>\n      <Link\n        sx={{ display: 'block', py: '10px', mr: '10px', textAlign: 'right' }}\n        href=\"https://help.synapse.org/docs/Organizing-Data-With-Tables.2011038095.html\"\n        target=\"_blank\"\n      >\n        About schemas and column types\n      </Link>\n      {showUseRecommendedSizesButton && (\n        <>\n          <ConfirmationDialog\n            open={showUseRecommendedSizesConfirmationDialog}\n            onConfirm={() => {\n              dispatch({\n                type: 'updateColumnSizesToRecommendedValues',\n                annotationColumnModels: annotationColumnModelsQuery.data!,\n              })\n              setShowUseRecommendedSizesConfirmationDialog(false)\n            }}\n            onCancel={() => {\n              setShowUseRecommendedSizesConfirmationDialog(false)\n            }}\n            title={`This will change ${numberOfColumnsBelowRecommendedSizes.toLocaleString()} ${pluralize(\n              'column',\n              numberOfColumnsBelowRecommendedSizes,\n            )} in this schema`}\n            content={RECOMMENDED_SIZES_CONFIRMATION_MODAL_CONTENT}\n            confirmButtonProps={{\n              children: USE_RECOMMENDED_SIZES_BUTTON_TEXT,\n            }}\n          />\n          <Tooltip\n            title={\n              numberOfColumnsBelowRecommendedSizes > 0\n                ? ''\n                : 'All schema values meet the minimum recommended sizes.'\n            }\n          >\n            <Box>\n              <Button\n                sx={{ height: '100%' }}\n                variant={'outlined'}\n                startIcon={\n                  annotationColumnModelsQuery.isLoading ? (\n                    <SynapseSpinner />\n                  ) : (\n                    <Healing />\n                  )\n                }\n                onClick={() => {\n                  setShowUseRecommendedSizesConfirmationDialog(true)\n                }}\n                disabled={\n                  annotationColumnModelsQuery.isLoading ||\n                  numberOfColumnsBelowRecommendedSizes == 0\n                }\n              >\n                Use Recommended Sizes\n              </Button>\n            </Box>\n          </Tooltip>\n        </>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableColumnSchemaFormActions.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaFormActions.tsx"],"sourcesContent":["import { useGetAnnotationColumnModels } from '@/synapse-queries/table/useColumnModel'\nimport { Healing, North, South } from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  ButtonGroup,\n  Checkbox,\n  Link,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { useAtomValue, useSetAtom } from 'jotai/index'\nimport pluralize from 'pluralize'\nimport { useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport IconSvg from '../IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes } from './TableColumnSchemaEditorUtils'\nimport {\n  getIsAllSelected,\n  getNumberOfSelectedItems,\n  tableColumnSchemaFormDataAtom,\n} from './TableColumnSchemaFormReducer'\n\nexport const USE_RECOMMENDED_SIZES_BUTTON_TEXT = 'Use Recommended Sizes'\n\nconst RECOMMENDED_SIZES_CONFIRMATION_MODAL_CONTENT = (\n  <>\n    <Typography variant={'body1'}>\n      Proceeding will adjust columns with size values that are shorter than\n      longest data in your annotations.\n    </Typography>\n    <Typography variant={'body1'}>\n      Changed size values will appear in blue. Hover to see the previous value.\n    </Typography>\n    <Typography variant={'body1'}>\n      Changes are saved only after clicking “Save” in the Schema editor. Click\n      “Cancel” to discard unsaved changes.\n    </Typography>\n  </>\n)\ntype TableColumnSchemaFormActionsProps = {\n  disabled?: boolean\n  annotationColumnModelsQuery: ReturnType<typeof useGetAnnotationColumnModels>\n}\n\nexport function TableColumnSchemaFormActions(\n  props: TableColumnSchemaFormActionsProps,\n) {\n  const { disabled = false, annotationColumnModelsQuery } = props\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n\n  const columnModels = useAtomValue(tableColumnSchemaFormDataAtom)\n  const allSelected = getIsAllSelected(columnModels)\n  const numSelected = getNumberOfSelectedItems(columnModels)\n\n  const [\n    showUseRecommendedSizesConfirmationDialog,\n    setShowUseRecommendedSizesConfirmationDialog,\n  ] = useState(false)\n\n  const showUseRecommendedSizesButton =\n    annotationColumnModelsQuery.isLoading || annotationColumnModelsQuery.data\n  const numberOfColumnsBelowRecommendedSizes = annotationColumnModelsQuery.data\n    ? getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes(\n        columnModels,\n        annotationColumnModelsQuery.data,\n      )\n    : 0\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'flex-start',\n        gap: 1,\n      }}\n    >\n      <Button\n        aria-label={'Select All'}\n        variant={'outlined'}\n        color={'neutral'}\n        onClick={() => {\n          dispatch({ type: 'toggleSelectAll' })\n        }}\n        sx={{ alignSelf: 'stretch' }}\n        disabled={disabled || columnModels.length == 0}\n      >\n        <Checkbox\n          sx={{ mr: 1 }}\n          checked={allSelected}\n          indeterminate={numSelected > 0 && !allSelected}\n          disabled={disabled || columnModels.length == 0}\n        />\n        <Typography\n          variant=\"smallText1\"\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          {numSelected} selected\n        </Typography>\n      </Button>\n      <ButtonGroup sx={{ alignSelf: 'stretch' }}>\n        <Button\n          aria-label={'Move Down'}\n          variant={'outlined'}\n          color={'neutral'}\n          onClick={() => {\n            dispatch({ type: 'moveDown' })\n          }}\n          disabled={disabled || numSelected == 0}\n        >\n          <South fontSize={'small'} />\n        </Button>\n        <Button\n          aria-label={'Move Up'}\n          variant={'outlined'}\n          color={'neutral'}\n          onClick={() => {\n            dispatch({ type: 'moveUp' })\n          }}\n          disabled={disabled || numSelected == 0}\n        >\n          <North fontSize={'small'} />\n        </Button>\n      </ButtonGroup>\n      <Button\n        aria-label={'Delete'}\n        variant={'outlined'}\n        color={'neutral'}\n        onClick={() => {\n          dispatch({ type: 'delete' })\n        }}\n        sx={{ alignSelf: 'stretch' }}\n        disabled={disabled || numSelected == 0}\n      >\n        <IconSvg fontSize={'small'} icon={'delete'} wrap={false} />\n      </Button>\n      <Box\n        sx={{\n          flexGrow: 1,\n        }}\n      >\n        {/* spacer */}\n      </Box>\n      <Link\n        sx={{ display: 'block', py: '10px', mr: '10px', textAlign: 'right' }}\n        href=\"https://help.synapse.org/docs/Organizing-Data-With-Tables.2011038095.html\"\n        target=\"_blank\"\n      >\n        About schemas and column types\n      </Link>\n      {showUseRecommendedSizesButton && (\n        <>\n          <ConfirmationDialog\n            open={showUseRecommendedSizesConfirmationDialog}\n            onConfirm={() => {\n              dispatch({\n                type: 'updateColumnSizesToRecommendedValues',\n                annotationColumnModels: annotationColumnModelsQuery.data!,\n              })\n              setShowUseRecommendedSizesConfirmationDialog(false)\n            }}\n            onCancel={() => {\n              setShowUseRecommendedSizesConfirmationDialog(false)\n            }}\n            title={`This will change ${numberOfColumnsBelowRecommendedSizes.toLocaleString()} ${pluralize(\n              'column',\n              numberOfColumnsBelowRecommendedSizes,\n            )} in this schema`}\n            content={RECOMMENDED_SIZES_CONFIRMATION_MODAL_CONTENT}\n            confirmButtonProps={{\n              children: USE_RECOMMENDED_SIZES_BUTTON_TEXT,\n            }}\n          />\n          <Tooltip\n            title={\n              numberOfColumnsBelowRecommendedSizes > 0\n                ? ''\n                : 'All schema values meet the minimum recommended sizes.'\n            }\n          >\n            <Box>\n              <Button\n                sx={{ height: '100%' }}\n                variant={'outlined'}\n                startIcon={\n                  annotationColumnModelsQuery.isLoading ? (\n                    <SynapseSpinner />\n                  ) : (\n                    <Healing />\n                  )\n                }\n                onClick={() => {\n                  setShowUseRecommendedSizesConfirmationDialog(true)\n                }}\n                disabled={\n                  annotationColumnModelsQuery.isLoading ||\n                  numberOfColumnsBelowRecommendedSizes == 0\n                }\n              >\n                Use Recommended Sizes\n              </Button>\n            </Box>\n          </Tooltip>\n        </>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaFormReducer.d.ts

@@ -53,46 +53,46 @@ export declare function reducer(prevState: ColumnModelFormData[], action: TableC
     columnType: ColumnTypeEnum;
     isSelected: boolean;
     isOriginallyDefaultColumn: boolean;
-    defaultValue?: string | any[] | undefined;
     id?: string | undefined;
+    defaultValue?: string | any[] | undefined;
     maximumSize?: string | number | undefined;
     maximumListLength?: string | number | undefined;
     enumValues?: (string | number)[] | undefined;
     facetType?: "range" | "enumeration" | undefined;
+    facetSortConfig?: {
+        property?: "FREQUENCY" | "VALUE" | undefined;
+        direction?: "ASC" | "DESC" | undefined;
+    } | undefined;
     jsonSubColumns?: {
         name: string;
         columnType: ColumnTypeEnum;
-        facetType: "range" | "enumeration";
         jsonPath: string;
+        facetType: "range" | "enumeration";
         isSelected: boolean;
     }[] | undefined;
-    facetSortConfig?: {
-        direction?: "ASC" | "DESC" | undefined;
-        property?: "FREQUENCY" | "VALUE" | undefined;
-    } | undefined;
 }[];
 export declare const tableColumnSchemaFormDataAtom: import("jotai").WritableAtom<{
     name: string;
     columnType: ColumnTypeEnum;
     isSelected: boolean;
     isOriginallyDefaultColumn: boolean;
-    defaultValue?: string | any[] | undefined;
     id?: string | undefined;
+    defaultValue?: string | any[] | undefined;
     maximumSize?: string | number | undefined;
     maximumListLength?: string | number | undefined;
     enumValues?: (string | number)[] | undefined;
     facetType?: "range" | "enumeration" | undefined;
+    facetSortConfig?: {
+        property?: "FREQUENCY" | "VALUE" | undefined;
+        direction?: "ASC" | "DESC" | undefined;
+    } | undefined;
     jsonSubColumns?: {
         name: string;
         columnType: ColumnTypeEnum;
-        facetType: "range" | "enumeration";
         jsonPath: string;
+        facetType: "range" | "enumeration";
         isSelected: boolean;
     }[] | undefined;
-    facetSortConfig?: {
-        direction?: "ASC" | "DESC" | undefined;
-        property?: "FREQUENCY" | "VALUE" | undefined;
-    } | undefined;
 }[], [TableColumnSchemaFormReducerAction], void>;
 export {};
 //# sourceMappingURL=TableColumnSchemaFormReducer.d.ts.map

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaFormReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSchemaFormReducer.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaFormReducer.ts"],"sourcesContent":["import { ColumnModel, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { atomWithReducer } from 'jotai/utils'\nimport { cloneDeep } from 'lodash-es'\nimport {\n  canHaveMaxListLength,\n  canHaveSize,\n  configureFacetsForType,\n  DEFAULT_STRING_SIZE,\n  findMatchingColumnModel,\n  isFormDataValueSmallerThanRecommendedValue,\n} from './TableColumnSchemaEditorUtils'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\nexport function getIsAllSelected(formData: ColumnModelFormData[]) {\n  return (\n    formData.length > 0 &&\n    formData.every(\n      cm =>\n        // Is selected\n        cm.isSelected &&\n        // And all subcolumns are selected (true if there are no subcolumns)\n        (cm.jsonSubColumns ?? []).every(\n          (jsc: JsonSubColumnModelFormData) => jsc.isSelected,\n        ),\n    )\n  )\n}\n\nexport function getNumberOfSelectedItems(formData: ColumnModelFormData[]) {\n  return formData.reduce((acc, curr) => {\n    if (curr.isSelected) {\n      acc += 1\n    }\n    if (curr.jsonSubColumns) {\n      curr.jsonSubColumns.forEach((jsc: JsonSubColumnModelFormData) => {\n        if (jsc.isSelected) {\n          acc += 1\n        }\n      })\n    }\n    return acc\n  }, 0)\n}\n\nexport function getDefaultColumnModelFormData(): ColumnModelFormData {\n  return {\n    name: '',\n    columnType: ColumnTypeEnum.STRING,\n    maximumSize: DEFAULT_STRING_SIZE,\n    isOriginallyDefaultColumn: false,\n    isSelected: false,\n  }\n}\n\nexport function getDefaultJsonSubColumnFormData(): JsonSubColumnModelFormData {\n  return {\n    name: '',\n    jsonPath: '',\n    columnType: ColumnTypeEnum.STRING,\n    facetType: 'enumeration',\n    isSelected: false,\n  }\n}\n\n/**\n * In the provided array, move items up where the predicate evaluates to true\n * @param arr the array to reorder\n * @param predicate a function that returns true if the item should be moved up\n * @returns - a new array with the reordered items\n */\nfunction moveSelectedItemsUp<T = unknown>(\n  arr: T[],\n  predicate: (item: T) => boolean,\n) {\n  const newArr = [...arr]\n  newArr.forEach((item, index) => {\n    // For each item that should move up, swap it with the previous item\n    if (\n      // Cannot move index 0 up\n      index > 0 &&\n      // Only move if the predicate matches\n      predicate(item) &&\n      // If the previous item should also move, skip the swap\n      !predicate(newArr[index - 1])\n    ) {\n      // swap the items\n      const temp = newArr[index - 1]\n      newArr[index - 1] = newArr[index]\n      newArr[index] = temp\n    }\n  })\n  return newArr\n}\n\n/**\n * In the provided array, move items down where the predicate evaluates to true\n * @param arr the array to reorder\n * @param predicate a function that returns true if the item should be moved down\n * @returns - a new array with the reordered items\n */\nfunction moveSelectedItemsDown<T = unknown>(\n  arr: T[],\n  predicate: (item: T) => boolean,\n) {\n  const newArr = [...arr]\n  // Start from the end and work backwards, otherwise items could be moved more than once\n  for (let i = newArr.length - 1; i >= 0; i--) {\n    const item = newArr[i]\n    if (\n      // Cannot move the last item down\n      i < newArr.length - 1 &&\n      // Only move if the predicate matches\n      predicate(item) &&\n      // If the next item should also be moved, don't swap\n      !predicate(newArr[i + 1])\n    ) {\n      // swap the items\n      const temp = newArr[i]\n      newArr[i] = newArr[i + 1]\n      newArr[i + 1] = temp\n    }\n  }\n  return newArr\n}\n\ntype TableColumnSchemaFormReducerAction =\n  | {\n      type: 'setValue'\n      value: ColumnModelFormData[]\n    }\n  | {\n      type: 'toggleSelect'\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n    }\n  | { type: 'toggleSelectAll' }\n  | {\n      type: 'appendColumn'\n    }\n  | {\n      type: 'appendJsonSubColumn'\n      columnModelIndex: number\n    }\n  | {\n      type: 'setColumnModelValue'\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n      value: ColumnModelFormData | JsonSubColumnModelFormData\n    }\n  | {\n      type: 'changeColumnModelType'\n      newColumnType: ColumnTypeEnum\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n    }\n  | {\n      type: 'move'\n      from: {\n        columnModelIndex: number\n        jsonSubColumnModelIndex?: number\n      }\n      to: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n    }\n  | {\n      type: 'moveUp'\n    }\n  | {\n      type: 'moveDown'\n    }\n  | {\n      type: 'delete'\n    }\n  | {\n      type: 'updateColumnSizesToRecommendedValues'\n      annotationColumnModels: ColumnModel[]\n    }\n\nfunction updateColumnSizesToRecommendedValues(\n  action: {\n    type: 'updateColumnSizesToRecommendedValues'\n    annotationColumnModels: ColumnModel[]\n  },\n  prevState: ColumnModelFormData[],\n): ColumnModelFormData[] {\n  const { annotationColumnModels } = action\n  return prevState.map(cm => {\n    // Note: no need to check JSON subcolumns, because Views cannot have JSON data!\n\n    // Find the closest match between passed column model and current column model with name and type\n    const defaultAnnotationModel = annotationColumnModels\n      ? findMatchingColumnModel(annotationColumnModels, cm)\n      : undefined\n\n    if (defaultAnnotationModel == null) {\n      // No matching annotation column, so do not change it\n      return cm\n    }\n\n    if (\n      isFormDataValueSmallerThanRecommendedValue(\n        cm.maximumSize,\n        defaultAnnotationModel.maximumSize,\n      )\n    ) {\n      cm = { ...cm, maximumSize: defaultAnnotationModel.maximumSize }\n    }\n\n    if (\n      isFormDataValueSmallerThanRecommendedValue(\n        cm.maximumListLength,\n        defaultAnnotationModel.maximumListLength,\n      )\n    ) {\n      cm = {\n        ...cm,\n        maximumListLength: defaultAnnotationModel.maximumListLength,\n      }\n    }\n    return cm\n  })\n}\n\nfunction changeColumnModelType(\n  action: {\n    type: 'changeColumnModelType'\n    newColumnType: ColumnTypeEnum\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex, newColumnType } = action\n  let newColumnModelValue: ColumnModelFormData | JsonSubColumnModelFormData\n\n  // Create a copy of the selected column model\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      newColumnModelValue = cloneDeep(\n        prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex],\n      )\n    } else {\n      newColumnModelValue = cloneDeep(prevState[columnModelIndex])\n    }\n  } else {\n    throw new Error(\n      'Cannot change column model type for a column that does not exist',\n    )\n  }\n\n  // Update the column model. Remove fields that no longer make sense for the new column type\n  newColumnModelValue.columnType = newColumnType\n  if (!canHaveSize(newColumnType) && 'maximumSize' in newColumnModelValue) {\n    delete newColumnModelValue.maximumSize\n  }\n  if (\n    !canHaveMaxListLength(newColumnType) &&\n    'maximumListLength' in newColumnModelValue\n  ) {\n    delete newColumnModelValue.maximumListLength\n  }\n\n  // Remove default and restricted values unconditionally since they may not adhere to the new column type\n  if ('enumValues' in newColumnModelValue) {\n    delete newColumnModelValue.enumValues\n  }\n  if ('defaultValue' in newColumnModelValue) {\n    delete newColumnModelValue.defaultValue\n  }\n\n  const allowedFacetTypes = configureFacetsForType(\n    newColumnType,\n    !!jsonSubColumnModelIndex,\n  )\n  if (\n    'facetType' in newColumnModelValue &&\n    (allowedFacetTypes === null ||\n      !allowedFacetTypes.includes(newColumnModelValue.facetType))\n  ) {\n    delete newColumnModelValue.facetType\n  }\n\n  if (\n    'jsonSubColumns' in newColumnModelValue &&\n    newColumnType !== ColumnTypeEnum.JSON\n  ) {\n    delete newColumnModelValue.jsonSubColumns\n  }\n\n  // Replace the value\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] =\n        newColumnModelValue as JsonSubColumnModelFormData\n    } else {\n      prevState[columnModelIndex] = newColumnModelValue as ColumnModelFormData\n    }\n  }\n}\n\nfunction toggleSelectAll(prevState: ColumnModelFormData[]) {\n  const allSelected = getIsAllSelected(prevState)\n  if (allSelected) {\n    return prevState.map(cm => ({\n      ...cm,\n      jsonSubColumns: cm.jsonSubColumns?.map(jsc => ({\n        ...jsc,\n        isSelected: false,\n      })),\n      isSelected: false,\n    }))\n  } else {\n    return prevState.map(cm => ({\n      ...cm,\n      jsonSubColumns: cm.jsonSubColumns?.map(jsc => ({\n        ...jsc,\n        isSelected: true,\n      })),\n      isSelected: true,\n    }))\n  }\n}\n\nfunction setColumnModelValue(\n  action: {\n    type: 'setColumnModelValue'\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n    value: ColumnModelFormData | JsonSubColumnModelFormData\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex, value } = action\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] =\n        value as JsonSubColumnModelFormData\n    } else {\n      prevState[columnModelIndex] = value as ColumnModelFormData\n    }\n  }\n}\n\nfunction toggleSelect(\n  action: {\n    type: 'toggleSelect'\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex } = action\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      const cm =\n        prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex]\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] = {\n        ...cm,\n        isSelected: !cm.isSelected,\n      }\n    } else {\n      const cm = prevState[columnModelIndex]\n      prevState[columnModelIndex] = { ...cm, isSelected: !cm.isSelected }\n    }\n  }\n}\n\nfunction deleteColumnModel(prevState: ColumnModelFormData[]) {\n  return prevState\n    .filter(cm => !cm.isSelected)\n    .map(cm => {\n      if (cm.jsonSubColumns) {\n        cm = {\n          ...cm,\n          jsonSubColumns: cm.jsonSubColumns.filter(\n            (jsc: JsonSubColumnModelFormData) => !jsc.isSelected,\n          ),\n        }\n      }\n      return cm\n    })\n}\n\n/**\n * Returns a new, shallowly-cloned array that moves the object from the `fromIndex` to the `toIndex`.\n * Derived from https://stackoverflow.com/a/6470794/9723359\n *\n * Returns the same array if the `fromIndex` and `toIndex` are the same.\n * @param arrayToReorder\n * @param fromIndex\n * @param toIndex\n */\nfunction moveElementInArray<T = unknown>(\n  arrayToReorder: Array<T>,\n  fromIndex: number,\n  toIndex: number,\n): Array<T> {\n  if (fromIndex == toIndex) {\n    return arrayToReorder\n  }\n  const newArray = [...arrayToReorder]\n  const elementToMove = newArray[fromIndex]\n  newArray.splice(fromIndex, 1)\n  newArray.splice(toIndex, 0, elementToMove)\n  return newArray\n}\n\n/**\n * Moves a column model or jsonSubColumn from the `from` index to the `to` index\n * @param action\n * @param prevState\n */\nfunction moveColumnModel(\n  action: {\n    type: 'move'\n    from: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n    to: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n  },\n  prevState: ColumnModelFormData[],\n): ColumnModelFormData[] {\n  const { from, to } = action\n  const arrayToReorder =\n    from.jsonSubColumnModelIndex !== undefined\n      ? prevState[from.columnModelIndex].jsonSubColumns!\n      : prevState\n\n  const fromIndex =\n    from.jsonSubColumnModelIndex !== undefined\n      ? from.jsonSubColumnModelIndex\n      : from.columnModelIndex\n\n  const toIndex =\n    to.jsonSubColumnModelIndex !== undefined\n      ? to.jsonSubColumnModelIndex\n      : to.columnModelIndex\n\n  // Move the element\n  const newArray = moveElementInArray<unknown>(\n    arrayToReorder,\n    fromIndex,\n    toIndex,\n  ) as ColumnModelFormData[] | JsonSubColumnModelFormData[]\n\n  if (from.jsonSubColumnModelIndex !== undefined) {\n    // If we moved a jsonSubColumn, update state to use the new, reordered array\n    prevState[from.columnModelIndex].jsonSubColumns =\n      newArray as JsonSubColumnModelFormData[]\n    return prevState\n  } else {\n    // Otherwise, return the new, reordered array of column models\n    return newArray as ColumnModelFormData[]\n  }\n}\n\nexport function reducer(\n  prevState: ColumnModelFormData[],\n  action: TableColumnSchemaFormReducerAction,\n) {\n  switch (action.type) {\n    case 'setValue':\n      prevState = action.value\n      break\n    case 'toggleSelectAll': {\n      prevState = toggleSelectAll(prevState)\n      break\n    }\n    case 'setColumnModelValue': {\n      setColumnModelValue(action, prevState)\n      break\n    }\n    case 'changeColumnModelType': {\n      changeColumnModelType(action, prevState)\n      break\n    }\n\n    case 'appendColumn':\n      prevState.push(getDefaultColumnModelFormData())\n      break\n    case 'appendJsonSubColumn': {\n      const { columnModelIndex } = action\n      prevState[columnModelIndex] = {\n        ...prevState[columnModelIndex],\n        jsonSubColumns: [\n          ...(prevState[columnModelIndex].jsonSubColumns ?? []),\n          getDefaultJsonSubColumnFormData(),\n        ],\n      }\n      break\n    }\n    case 'toggleSelect': {\n      toggleSelect(action, prevState)\n      break\n    }\n    case 'delete':\n      prevState = deleteColumnModel(prevState)\n      break\n    case 'move': {\n      prevState = moveColumnModel(action, prevState)\n      break\n    }\n    case 'moveUp':\n      prevState = moveSelectedItemsUp(prevState, cm => cm.isSelected)\n      prevState.forEach(cm => {\n        if (cm.jsonSubColumns) {\n          cm.jsonSubColumns = moveSelectedItemsUp(\n            cm.jsonSubColumns,\n            jsc => jsc.isSelected,\n          )\n        }\n      })\n      break\n    case 'moveDown':\n      prevState = moveSelectedItemsDown(prevState, cm => cm.isSelected)\n      prevState.forEach(cm => {\n        if (cm.jsonSubColumns) {\n          cm.jsonSubColumns = moveSelectedItemsDown(\n            cm.jsonSubColumns,\n            jsc => jsc.isSelected,\n          )\n        }\n      })\n      break\n    case 'updateColumnSizesToRecommendedValues':\n      prevState = updateColumnSizesToRecommendedValues(action, prevState)\n      break\n    default:\n      throw new Error(`Unexpected action`, action)\n  }\n  return [...prevState]\n}\n\nexport const tableColumnSchemaFormDataAtom = atomWithReducer<\n  ColumnModelFormData[],\n  TableColumnSchemaFormReducerAction\n>([], reducer)\n"],"mappings":"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"}
+{"version":3,"file":"TableColumnSchemaFormReducer.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaFormReducer.ts"],"sourcesContent":["import { ColumnModel, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { atomWithReducer } from 'jotai/utils'\nimport { cloneDeep } from 'lodash-es'\nimport {\n  canHaveMaxListLength,\n  canHaveSize,\n  configureFacetsForType,\n  DEFAULT_STRING_SIZE,\n  findMatchingColumnModel,\n  isFormDataValueSmallerThanRecommendedValue,\n} from './TableColumnSchemaEditorUtils'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\nexport function getIsAllSelected(formData: ColumnModelFormData[]) {\n  return (\n    formData.length > 0 &&\n    formData.every(\n      cm =>\n        // Is selected\n        cm.isSelected &&\n        // And all subcolumns are selected (true if there are no subcolumns)\n        (cm.jsonSubColumns ?? []).every(\n          (jsc: JsonSubColumnModelFormData) => jsc.isSelected,\n        ),\n    )\n  )\n}\n\nexport function getNumberOfSelectedItems(formData: ColumnModelFormData[]) {\n  return formData.reduce((acc, curr) => {\n    if (curr.isSelected) {\n      acc += 1\n    }\n    if (curr.jsonSubColumns) {\n      curr.jsonSubColumns.forEach((jsc: JsonSubColumnModelFormData) => {\n        if (jsc.isSelected) {\n          acc += 1\n        }\n      })\n    }\n    return acc\n  }, 0)\n}\n\nexport function getDefaultColumnModelFormData(): ColumnModelFormData {\n  return {\n    name: '',\n    columnType: ColumnTypeEnum.STRING,\n    maximumSize: DEFAULT_STRING_SIZE,\n    isOriginallyDefaultColumn: false,\n    isSelected: false,\n  }\n}\n\nexport function getDefaultJsonSubColumnFormData(): JsonSubColumnModelFormData {\n  return {\n    name: '',\n    jsonPath: '',\n    columnType: ColumnTypeEnum.STRING,\n    facetType: 'enumeration',\n    isSelected: false,\n  }\n}\n\n/**\n * In the provided array, move items up where the predicate evaluates to true\n * @param arr the array to reorder\n * @param predicate a function that returns true if the item should be moved up\n * @returns - a new array with the reordered items\n */\nfunction moveSelectedItemsUp<T = unknown>(\n  arr: T[],\n  predicate: (item: T) => boolean,\n) {\n  const newArr = [...arr]\n  newArr.forEach((item, index) => {\n    // For each item that should move up, swap it with the previous item\n    if (\n      // Cannot move index 0 up\n      index > 0 &&\n      // Only move if the predicate matches\n      predicate(item) &&\n      // If the previous item should also move, skip the swap\n      !predicate(newArr[index - 1])\n    ) {\n      // swap the items\n      const temp = newArr[index - 1]\n      newArr[index - 1] = newArr[index]\n      newArr[index] = temp\n    }\n  })\n  return newArr\n}\n\n/**\n * In the provided array, move items down where the predicate evaluates to true\n * @param arr the array to reorder\n * @param predicate a function that returns true if the item should be moved down\n * @returns - a new array with the reordered items\n */\nfunction moveSelectedItemsDown<T = unknown>(\n  arr: T[],\n  predicate: (item: T) => boolean,\n) {\n  const newArr = [...arr]\n  // Start from the end and work backwards, otherwise items could be moved more than once\n  for (let i = newArr.length - 1; i >= 0; i--) {\n    const item = newArr[i]\n    if (\n      // Cannot move the last item down\n      i < newArr.length - 1 &&\n      // Only move if the predicate matches\n      predicate(item) &&\n      // If the next item should also be moved, don't swap\n      !predicate(newArr[i + 1])\n    ) {\n      // swap the items\n      const temp = newArr[i]\n      newArr[i] = newArr[i + 1]\n      newArr[i + 1] = temp\n    }\n  }\n  return newArr\n}\n\ntype TableColumnSchemaFormReducerAction =\n  | {\n      type: 'setValue'\n      value: ColumnModelFormData[]\n    }\n  | {\n      type: 'toggleSelect'\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n    }\n  | { type: 'toggleSelectAll' }\n  | {\n      type: 'appendColumn'\n    }\n  | {\n      type: 'appendJsonSubColumn'\n      columnModelIndex: number\n    }\n  | {\n      type: 'setColumnModelValue'\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n      value: ColumnModelFormData | JsonSubColumnModelFormData\n    }\n  | {\n      type: 'changeColumnModelType'\n      newColumnType: ColumnTypeEnum\n      columnModelIndex: number\n      jsonSubColumnModelIndex?: number\n    }\n  | {\n      type: 'move'\n      from: {\n        columnModelIndex: number\n        jsonSubColumnModelIndex?: number\n      }\n      to: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n    }\n  | {\n      type: 'moveUp'\n    }\n  | {\n      type: 'moveDown'\n    }\n  | {\n      type: 'delete'\n    }\n  | {\n      type: 'updateColumnSizesToRecommendedValues'\n      annotationColumnModels: ColumnModel[]\n    }\n\nfunction updateColumnSizesToRecommendedValues(\n  action: {\n    type: 'updateColumnSizesToRecommendedValues'\n    annotationColumnModels: ColumnModel[]\n  },\n  prevState: ColumnModelFormData[],\n): ColumnModelFormData[] {\n  const { annotationColumnModels } = action\n  return prevState.map(cm => {\n    // Note: no need to check JSON subcolumns, because Views cannot have JSON data!\n\n    // Find the closest match between passed column model and current column model with name and type\n    const defaultAnnotationModel = annotationColumnModels\n      ? findMatchingColumnModel(annotationColumnModels, cm)\n      : undefined\n\n    if (defaultAnnotationModel == null) {\n      // No matching annotation column, so do not change it\n      return cm\n    }\n\n    if (\n      isFormDataValueSmallerThanRecommendedValue(\n        cm.maximumSize,\n        defaultAnnotationModel.maximumSize,\n      )\n    ) {\n      cm = { ...cm, maximumSize: defaultAnnotationModel.maximumSize }\n    }\n\n    if (\n      isFormDataValueSmallerThanRecommendedValue(\n        cm.maximumListLength,\n        defaultAnnotationModel.maximumListLength,\n      )\n    ) {\n      cm = {\n        ...cm,\n        maximumListLength: defaultAnnotationModel.maximumListLength,\n      }\n    }\n    return cm\n  })\n}\n\nfunction changeColumnModelType(\n  action: {\n    type: 'changeColumnModelType'\n    newColumnType: ColumnTypeEnum\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex, newColumnType } = action\n  let newColumnModelValue: ColumnModelFormData | JsonSubColumnModelFormData\n\n  // Create a copy of the selected column model\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      newColumnModelValue = cloneDeep(\n        prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex],\n      )\n    } else {\n      newColumnModelValue = cloneDeep(prevState[columnModelIndex])\n    }\n  } else {\n    throw new Error(\n      'Cannot change column model type for a column that does not exist',\n    )\n  }\n\n  // Update the column model. Remove fields that no longer make sense for the new column type\n  newColumnModelValue.columnType = newColumnType\n  if (!canHaveSize(newColumnType) && 'maximumSize' in newColumnModelValue) {\n    delete newColumnModelValue.maximumSize\n  }\n  if (\n    !canHaveMaxListLength(newColumnType) &&\n    'maximumListLength' in newColumnModelValue\n  ) {\n    delete newColumnModelValue.maximumListLength\n  }\n\n  // Remove default and restricted values unconditionally since they may not adhere to the new column type\n  if ('enumValues' in newColumnModelValue) {\n    delete newColumnModelValue.enumValues\n  }\n  if ('defaultValue' in newColumnModelValue) {\n    delete newColumnModelValue.defaultValue\n  }\n\n  const allowedFacetTypes = configureFacetsForType(\n    newColumnType,\n    !!jsonSubColumnModelIndex,\n  )\n  if (\n    'facetType' in newColumnModelValue &&\n    (allowedFacetTypes === null ||\n      !allowedFacetTypes.includes(newColumnModelValue.facetType))\n  ) {\n    delete newColumnModelValue.facetType\n  }\n\n  if (\n    'jsonSubColumns' in newColumnModelValue &&\n    newColumnType !== ColumnTypeEnum.JSON\n  ) {\n    delete newColumnModelValue.jsonSubColumns\n  }\n\n  // Replace the value\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] =\n        newColumnModelValue as JsonSubColumnModelFormData\n    } else {\n      prevState[columnModelIndex] = newColumnModelValue as ColumnModelFormData\n    }\n  }\n}\n\nfunction toggleSelectAll(prevState: ColumnModelFormData[]) {\n  const allSelected = getIsAllSelected(prevState)\n  if (allSelected) {\n    return prevState.map(cm => ({\n      ...cm,\n      jsonSubColumns: cm.jsonSubColumns?.map(jsc => ({\n        ...jsc,\n        isSelected: false,\n      })),\n      isSelected: false,\n    }))\n  } else {\n    return prevState.map(cm => ({\n      ...cm,\n      jsonSubColumns: cm.jsonSubColumns?.map(jsc => ({\n        ...jsc,\n        isSelected: true,\n      })),\n      isSelected: true,\n    }))\n  }\n}\n\nfunction setColumnModelValue(\n  action: {\n    type: 'setColumnModelValue'\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n    value: ColumnModelFormData | JsonSubColumnModelFormData\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex, value } = action\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] =\n        value as JsonSubColumnModelFormData\n    } else {\n      prevState[columnModelIndex] = value as ColumnModelFormData\n    }\n  }\n}\n\nfunction toggleSelect(\n  action: {\n    type: 'toggleSelect'\n    columnModelIndex: number\n    jsonSubColumnModelIndex?: number\n  },\n  prevState: ColumnModelFormData[],\n) {\n  const { columnModelIndex, jsonSubColumnModelIndex } = action\n  if (prevState && prevState[columnModelIndex]) {\n    if (\n      prevState[columnModelIndex].jsonSubColumns &&\n      jsonSubColumnModelIndex !== undefined\n    ) {\n      const cm =\n        prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex]\n      prevState[columnModelIndex].jsonSubColumns[jsonSubColumnModelIndex] = {\n        ...cm,\n        isSelected: !cm.isSelected,\n      }\n    } else {\n      const cm = prevState[columnModelIndex]\n      prevState[columnModelIndex] = { ...cm, isSelected: !cm.isSelected }\n    }\n  }\n}\n\nfunction deleteColumnModel(prevState: ColumnModelFormData[]) {\n  return prevState\n    .filter(cm => !cm.isSelected)\n    .map(cm => {\n      if (cm.jsonSubColumns) {\n        cm = {\n          ...cm,\n          jsonSubColumns: cm.jsonSubColumns.filter(\n            (jsc: JsonSubColumnModelFormData) => !jsc.isSelected,\n          ),\n        }\n      }\n      return cm\n    })\n}\n\n/**\n * Returns a new, shallowly-cloned array that moves the object from the `fromIndex` to the `toIndex`.\n * Derived from https://stackoverflow.com/a/6470794/9723359\n *\n * Returns the same array if the `fromIndex` and `toIndex` are the same.\n * @param arrayToReorder\n * @param fromIndex\n * @param toIndex\n */\nfunction moveElementInArray<T = unknown>(\n  arrayToReorder: Array<T>,\n  fromIndex: number,\n  toIndex: number,\n): Array<T> {\n  if (fromIndex == toIndex) {\n    return arrayToReorder\n  }\n  const newArray = [...arrayToReorder]\n  const elementToMove = newArray[fromIndex]\n  newArray.splice(fromIndex, 1)\n  newArray.splice(toIndex, 0, elementToMove)\n  return newArray\n}\n\n/**\n * Moves a column model or jsonSubColumn from the `from` index to the `to` index\n * @param action\n * @param prevState\n */\nfunction moveColumnModel(\n  action: {\n    type: 'move'\n    from: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n    to: { columnModelIndex: number; jsonSubColumnModelIndex?: number }\n  },\n  prevState: ColumnModelFormData[],\n): ColumnModelFormData[] {\n  const { from, to } = action\n  const arrayToReorder =\n    from.jsonSubColumnModelIndex !== undefined\n      ? prevState[from.columnModelIndex].jsonSubColumns!\n      : prevState\n\n  const fromIndex =\n    from.jsonSubColumnModelIndex !== undefined\n      ? from.jsonSubColumnModelIndex\n      : from.columnModelIndex\n\n  const toIndex =\n    to.jsonSubColumnModelIndex !== undefined\n      ? to.jsonSubColumnModelIndex\n      : to.columnModelIndex\n\n  // Move the element\n  const newArray = moveElementInArray<unknown>(\n    arrayToReorder,\n    fromIndex,\n    toIndex,\n  ) as ColumnModelFormData[] | JsonSubColumnModelFormData[]\n\n  if (from.jsonSubColumnModelIndex !== undefined) {\n    // If we moved a jsonSubColumn, update state to use the new, reordered array\n    prevState[from.columnModelIndex].jsonSubColumns =\n      newArray as JsonSubColumnModelFormData[]\n    return prevState\n  } else {\n    // Otherwise, return the new, reordered array of column models\n    return newArray as ColumnModelFormData[]\n  }\n}\n\nexport function reducer(\n  prevState: ColumnModelFormData[],\n  action: TableColumnSchemaFormReducerAction,\n) {\n  switch (action.type) {\n    case 'setValue':\n      prevState = action.value\n      break\n    case 'toggleSelectAll': {\n      prevState = toggleSelectAll(prevState)\n      break\n    }\n    case 'setColumnModelValue': {\n      setColumnModelValue(action, prevState)\n      break\n    }\n    case 'changeColumnModelType': {\n      changeColumnModelType(action, prevState)\n      break\n    }\n\n    case 'appendColumn':\n      prevState.push(getDefaultColumnModelFormData())\n      break\n    case 'appendJsonSubColumn': {\n      const { columnModelIndex } = action\n      prevState[columnModelIndex] = {\n        ...prevState[columnModelIndex],\n        jsonSubColumns: [\n          ...(prevState[columnModelIndex].jsonSubColumns ?? []),\n          getDefaultJsonSubColumnFormData(),\n        ],\n      }\n      break\n    }\n    case 'toggleSelect': {\n      toggleSelect(action, prevState)\n      break\n    }\n    case 'delete':\n      prevState = deleteColumnModel(prevState)\n      break\n    case 'move': {\n      prevState = moveColumnModel(action, prevState)\n      break\n    }\n    case 'moveUp':\n      prevState = moveSelectedItemsUp(prevState, cm => cm.isSelected)\n      prevState.forEach(cm => {\n        if (cm.jsonSubColumns) {\n          cm.jsonSubColumns = moveSelectedItemsUp(\n            cm.jsonSubColumns,\n            jsc => jsc.isSelected,\n          )\n        }\n      })\n      break\n    case 'moveDown':\n      prevState = moveSelectedItemsDown(prevState, cm => cm.isSelected)\n      prevState.forEach(cm => {\n        if (cm.jsonSubColumns) {\n          cm.jsonSubColumns = moveSelectedItemsDown(\n            cm.jsonSubColumns,\n            jsc => jsc.isSelected,\n          )\n        }\n      })\n      break\n    case 'updateColumnSizesToRecommendedValues':\n      prevState = updateColumnSizesToRecommendedValues(action, prevState)\n      break\n    default:\n      throw new Error(`Unexpected action`, action)\n  }\n  return [...prevState]\n}\n\nexport const tableColumnSchemaFormDataAtom = atomWithReducer<\n  ColumnModelFormData[],\n  TableColumnSchemaFormReducerAction\n>([], reducer)\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/Validators/BooleanSchema.d.ts

@@ -2,5 +2,8 @@ import { z } from 'zod';
 /**
  * Validates and converts a value to a valid Synapse BOOLEAN value
  */
-export declare const booleanSchema: z.ZodUnion<[z.ZodEffects<z.ZodEnum<["true", "false"]>, boolean, "false" | "true">, z.ZodBoolean]>;
+export declare const booleanSchema: z.ZodUnion<readonly [z.ZodPipe<z.ZodEnum<{
+    false: "false";
+    true: "true";
+}>, z.ZodTransform<boolean, "false" | "true">>, z.ZodBoolean]>;
 //# sourceMappingURL=BooleanSchema.d.ts.map

package/dist/components/TableColumnSchemaEditor/Validators/BooleanSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/TableColumnSchemaEditor/Validators/BooleanSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAIvB;;GAEG;AACH,eAAO,MAAM,aAAa,mGAA0C,CAAA"}
+{"version":3,"file":"BooleanSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/TableColumnSchemaEditor/Validators/BooleanSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAIvB;;GAEG;AACH,eAAO,MAAM,aAAa;;;8DAA0C,CAAA"}

package/dist/components/TableColumnSchemaEditor/Validators/BooleanSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/BooleanSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst stringToBoolean = z.enum(['true', 'false']).transform(v => v === 'true')\n\n/**\n * Validates and converts a value to a valid Synapse BOOLEAN value\n */\nexport const booleanSchema = z.union([stringToBoolean, z.boolean()])\n"],"mappings":";;AAEA,IAAM,IAAkB,EAAE,KAAK,CAAC,QAAQ,QAAQ,CAAC,CAAC,WAAU,MAAK,MAAM,OAAO,EAKjE,IAAgB,EAAE,MAAM,CAAC,GAAiB,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"BooleanSchema.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/Validators/BooleanSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst stringToBoolean = z.enum(['true', 'false']).transform(v => v === 'true')\n\n/**\n * Validates and converts a value to a valid Synapse BOOLEAN value\n */\nexport const booleanSchema = z.union([stringToBoolean, z.boolean()])\n"],"mappings":";;AAEA,IAAM,IAAkB,EAAE,KAAK,CAAC,QAAQ,OAAO,CAAC,EAAE,WAAU,MAAK,MAAM,MAAM,GAKhE,IAAgB,EAAE,MAAM,CAAC,GAAiB,EAAE,QAAQ,CAAC,CAAC"}