Function fieldMenuItems

packages/app-core/src/components/DatabaseTableView.tsx:366–397

(field: DbField)

  }

  const fieldMenuItems = (field: DbField): ContextMenuItem[] => [
    { label: 'Sort ascending', onSelect: () => updateDatabaseSchema(csvPath, updateView(doc, view.id, { sorts: [{ fieldId: field.id, direction: 'asc' }] })) },
    { label: 'Sort descending', onSelect: () => updateDatabaseSchema(csvPath, updateView(doc, view.id, { sorts: [{ fieldId: field.id, direction: 'desc' }] })) },
    { label: 'Clear sort', disabled: view.sorts.length === 0, onSelect: () => updateDatabaseSchema(csvPath, updateView(doc, view.id, { sorts: [] })) },
    { kind: 'separator' },
    {
      label: 'Move left',
      hint: 'H',
      disabled: columns[0]?.id === field.id,
      onSelect: () => updateDatabaseSchema(csvPath, moveColumn(doc, view.id, field.id, 'left'))
    },
    {
      label: 'Move right',
      hint: 'L',
      disabled: columns[columns.length - 1]?.id === field.id,
      onSelect: () => updateDatabaseSchema(csvPath, moveColumn(doc, view.id, field.id, 'right'))
    },
    { kind: 'separator' },
    { label: 'Rename field', onSelect: () => setRenamingField(field.id) },
    ...(Object.keys(FIELD_TYPE_LABELS) as FieldType[]).map((t) => ({
      label: `Type: ${FIELD_TYPE_LABELS[t]}`,
      hint: field.type === t ? '●' : undefined,
      onSelect: () => updateDatabaseSchema(csvPath, retypeField(doc, field.id, t))
    })),
    { kind: 'separator' },
    {
      label: 'Delete field',
      danger: true,
      disabled: field.id === doc.idFieldId,
      onSelect: () => updateDatabaseSchema(csvPath, deleteField(doc, field.id))
    }
  ]

  return (
    <div