@gen-epix/ui 1.15.1 → 1.16.0

package/src/pages/RefColsAdminPage/RefColsAdminPage.tsx

@@ -1,286 +0,0 @@
-import {
-  useCallback,
-  useMemo,
-  useRef,
-} from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-  mixed,
-  object,
-  string,
-} from 'yup';
-import { useParams } from 'react-router-dom';
-import type { UseFormReturn } from 'react-hook-form';
-
-import type { RefCol } from '../../api';
-import {
-  CaseApi,
-  ColType,
-  CommandName,
-} from '../../api';
-import { useColTypeOptionsQuery } from '../../dataHooks/useColTypesQuery';
-import { useConceptSetOptionsQuery } from '../../dataHooks/useConceptSetsQuery';
-import {
-  useRefDimMapQuery,
-  useRefDimOptionsQuery,
-} from '../../dataHooks/useRefDimsQuery';
-import { useGeneticDistanceProtocolOptionsQuery } from '../../dataHooks/useGeneticDistanceProtocolsQuery';
-import { useRegionSetOptionsQuery } from '../../dataHooks/useRegionSetsQuery';
-import { useArray } from '../../hooks/useArray';
-import type {
-  FormFieldDefinition,
-  OptionBase,
-} from '../../models/form';
-import { FORM_FIELD_DEFINITION_TYPE } from '../../models/form';
-import { QUERY_KEY } from '../../models/query';
-import type { TableColumn } from '../../models/table';
-import { TableUtil } from '../../utils/TableUtil';
-import { TestIdUtil } from '../../utils/TestIdUtil';
-import { CrudPage } from '../CrudPage';
-import { useRefColsValidationRulesQuery } from '../../dataHooks/useRefColsValidationRulesQuery';
-import { DataUtil } from '../../utils/DataUtil';
-import { NumberUtil } from '../../utils/NumberUtil';
-
-type FormFields = Pick<RefCol, 'ref_dim_id' | 'code_suffix' | 'code' | 'rank' | 'label' | 'col_type' | 'concept_set_id' | 'region_set_id' | 'genetic_distance_protocol_id' | 'description'>;
-
-const CONCEPT_COL_TYPES: ColType[] = [ColType.NOMINAL, ColType.ORDINAL, ColType.INTERVAL];
-
-export const RefColsAdminPage = () => {
-  const { refDimId } = useParams();
-  const { t } = useTranslation();
-  const refDimOptionsQuery = useRefDimOptionsQuery();
-  const refDimMapQuery = useRefDimMapQuery();
-  const colTypeOptionsQuery = useColTypeOptionsQuery();
-  const conceptSetOptionsQuery = useConceptSetOptionsQuery();
-  const regionSetOptionsQuery = useRegionSetOptionsQuery();
-  const geneticDistanceProtocolOptionsQuery = useGeneticDistanceProtocolOptionsQuery();
-  const colsValidationRulesQuery = useRefColsValidationRulesQuery();
-  const colTypeOptionsByDimIdCache = useRef(new Map<string, OptionBase<string>[]>());
-
-  const loadables = useArray([refDimMapQuery, refDimOptionsQuery, colTypeOptionsQuery, conceptSetOptionsQuery, regionSetOptionsQuery, geneticDistanceProtocolOptionsQuery, colsValidationRulesQuery]);
-
-  const fetchAll = useCallback(async (signal: AbortSignal) => {
-    return (await CaseApi.instance.refColsGetAll({ signal }))?.data;
-  }, []);
-
-  const fetchAllSelect = useCallback((refCols: RefCol[]) => {
-    if (refDimId) {
-      return refCols.filter((refCol) => refCol.ref_dim_id === refDimId);
-    }
-    return refCols;
-  }, [refDimId]);
-
-  const deleteOne = useCallback(async (item: RefCol) => {
-    return await CaseApi.instance.refColsDeleteOne(item.id);
-  }, []);
-
-  const updateOne = useCallback(async (variables: FormFields, item: RefCol) => {
-    return (await CaseApi.instance.refColsPutOne(item.id, { id: item.id, ...variables })).data;
-  }, []);
-
-  const createOne = useCallback(async (variables: FormFields) => {
-    return (await CaseApi.instance.refColsPostOne(variables)).data;
-  }, []);
-
-  const getName = useCallback((item: RefCol) => {
-    return item.label;
-  }, []);
-
-  const schema = useMemo(() => {
-    return object<FormFields>().shape({
-      label: string().extendedAlphaNumeric().required().max(100),
-      code: string().code().required().max(100),
-      code_suffix: string().alphaNumeric().required().max(100),
-      rank: NumberUtil.yup.required().min(0).integer(),
-      ref_dim_id: string().uuid4().required().max(100),
-      col_type: mixed<ColType>().required().oneOf(Object.values(ColType)),
-      description: string().freeFormText().required().max(100),
-      concept_set_id: string().when('col_type', {
-        is: (colType: ColType) => CONCEPT_COL_TYPES.includes(colType),
-        then: () => string().uuid4().required(),
-        otherwise: () => string().nullable().notRequired(),
-      }),
-      region_set_id: string().when('col_type', {
-        is: (col_type: ColType) => col_type === ColType.GEO_REGION,
-        then: () => string().uuid4().required(),
-        otherwise: () => string().nullable().notRequired(),
-      }),
-      genetic_distance_protocol_id: string().when('col_type', {
-        is: (col_type: ColType) => col_type === ColType.GENETIC_DISTANCE,
-        then: () => string().uuid4().required(),
-        otherwise: () => string().nullable().notRequired(),
-      }),
-    });
-  }, []);
-
-  const getColTypeOptionsForDimId = useCallback((id: string): OptionBase<string>[] => {
-    if (colTypeOptionsByDimIdCache.current.has(id)) {
-      return colTypeOptionsByDimIdCache.current.get(id);
-    }
-    const options = DataUtil.getColTypeOptionsForRefDimId({
-      refDimId: id,
-      refDimMap: refDimMapQuery.map,
-      colTypeOptions: colTypeOptionsQuery.options,
-      colsValidationRules: colsValidationRulesQuery.data?.valid_col_types_by_dim_type ?? {},
-    });
-    colTypeOptionsByDimIdCache.current.set(id, options);
-    return options;
-  }, [colTypeOptionsQuery.options, colsValidationRulesQuery.data?.valid_col_types_by_dim_type, refDimMapQuery.map]);
-
-  const onFormChange = useCallback((_item: RefCol, values: FormFields, formMethods: UseFormReturn<FormFields>) => {
-    if (values.col_type && values.concept_set_id && !CONCEPT_COL_TYPES.includes(values.col_type)) {
-      formMethods.setValue('concept_set_id', null);
-    }
-    if (values.col_type && values.region_set_id && values.col_type !== ColType.GEO_REGION) {
-      formMethods.setValue('region_set_id', null);
-    }
-    if (values.col_type && values.genetic_distance_protocol_id && values.col_type !== ColType.GENETIC_DISTANCE) {
-      formMethods.setValue('genetic_distance_protocol_id', null);
-    }
-    if (values.col_type && values.ref_dim_id) {
-      const validColOptions = getColTypeOptionsForDimId(values.ref_dim_id);
-      if (!validColOptions.find(option => option.value === values.col_type)) {
-        formMethods.setValue('col_type', validColOptions.length === 1 ? validColOptions[0].value as ColType : null);
-      }
-    }
-  }, [getColTypeOptionsForDimId]);
-
-
-  const formFieldDefinitions = useCallback((item: RefCol, values: FormFields): FormFieldDefinition<FormFields>[] => {
-    const normalizedRefDimId = values?.ref_dim_id ?? item?.ref_dim_id ?? refDimId ?? null;
-
-    return [
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'ref_dim_id',
-        label: t`Reference dimension`,
-        options: refDimOptionsQuery.options,
-        disabled: !!item,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'col_type',
-        label: t`Column type`,
-        options: getColTypeOptionsForDimId(normalizedRefDimId),
-        loading: colTypeOptionsQuery.isLoading,
-        disabled: !!item,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'label',
-        label: t`Label`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'description',
-        label: t`Description`,
-        multiline: true,
-        rows: 5,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'code',
-        label: t`Code`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'code_suffix',
-        label: t`Column code prefix`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'concept_set_id',
-        label: t`Concept set`,
-        options: conceptSetOptionsQuery.options,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'region_set_id',
-        label: t`Region set`,
-        options: regionSetOptionsQuery.options,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'genetic_distance_protocol_id',
-        label: t`Genetic distance protocol`,
-        options: geneticDistanceProtocolOptionsQuery.options,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'rank',
-        label: t`Rank`,
-        type: 'number',
-      } as const satisfies FormFieldDefinition<FormFields>,
-    ] as const satisfies FormFieldDefinition<FormFields>[];
-  }, [colTypeOptionsQuery.isLoading, conceptSetOptionsQuery.options, refDimId, refDimOptionsQuery.options, geneticDistanceProtocolOptionsQuery.options, getColTypeOptionsForDimId, regionSetOptionsQuery.options, t]);
-
-  const tableColumns = useMemo((): TableColumn<RefCol>[] => {
-    const columns: TableColumn<RefCol>[] = [];
-
-    if (!refDimId) {
-      columns.push(
-        TableUtil.createOptionsColumn<RefCol>({ id: 'ref_dim_id', name: t`Reference dimension`, options: refDimOptionsQuery.options }),
-      );
-    }
-
-    columns.push(
-      TableUtil.createTextColumn<RefCol>({ id: 'code', name: t`Code` }),
-      TableUtil.createOptionsColumn<RefCol>({ id: 'col_type', name: t`Column type`, options: colTypeOptionsQuery.options }),
-      TableUtil.createTextColumn<RefCol>({ id: 'label', name: t`Label` }),
-      TableUtil.createNumberColumn<RefCol>({ id: 'rank', name: t`Rank` }),
-    );
-
-    return columns;
-  }, [colTypeOptionsQuery.options, refDimId, refDimOptionsQuery.options, t]);
-
-  const getOptimisticUpdateIntermediateItem = useCallback((variables: FormFields, previousItem: RefCol): RefCol => {
-    return {
-      id: previousItem.id,
-      ref_dim_id: previousItem.ref_dim_id,
-      ...variables,
-    };
-  }, []);
-
-  const defaultNewItem = useMemo<Partial<FormFields>>(() => {
-    return {
-      ref_dim_id: refDimId ?? null,
-    };
-  }, [refDimId]);
-
-  const title = useMemo(() => {
-    const parts: string[] = [];
-
-    if (refDimId && refDimMapQuery.map.has(refDimId)) {
-      parts.push(refDimMapQuery.map.get(refDimId)?.code);
-    }
-    parts.push(t`Reference columns`);
-
-    return parts;
-  }, [refDimId, refDimMapQuery.map, t]);
-
-  return (
-    <CrudPage<FormFields, RefCol>
-      createItemDialogTitle={t`Create new reference column`}
-      createOne={createOne}
-      crudCommandType={CommandName.RefColCrudCommand}
-      defaultNewItem={defaultNewItem}
-      defaultSortByField={refDimId ? 'rank' : 'ref_dim_id'}
-      defaultSortDirection={'asc'}
-      deleteOne={deleteOne}
-      fetchAll={fetchAll}
-      fetchAllSelect={fetchAllSelect}
-      formFieldDefinitions={formFieldDefinitions}
-      getName={getName}
-      getOptimisticUpdateIntermediateItem={getOptimisticUpdateIntermediateItem}
-      loadables={loadables}
-      resourceQueryKeyBase={QUERY_KEY.REF_COLS}
-      schema={schema}
-      tableColumns={tableColumns}
-      tableStoreStorageNamePostFix={refDimId ? 'RefDim' : undefined}
-      testIdAttributes={TestIdUtil.createAttributes('RefColsAdminPage')}
-      title={title}
-      updateOne={updateOne}
-      onFormChange={onFormChange}
-    />
-  );
-};

package/src/pages/RefColsAdminPage/index.ts

@@ -1 +0,0 @@
-export * from './RefColsAdminPage';

package/src/pages/RefDimsAdminPage/RefDimsAdminPage.tsx

@@ -1,152 +0,0 @@
-import {
-  useCallback,
-  useMemo,
-} from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-  mixed,
-  object,
-  string,
-} from 'yup';
-
-import type { RefDim } from '../../api';
-import {
-  CaseApi,
-  DimType,
-  CommandName,
-  PermissionType,
-} from '../../api';
-import { useDimTypeOptionsQuery } from '../../dataHooks/useDimTypesQuery';
-import type { FormFieldDefinition } from '../../models/form';
-import { FORM_FIELD_DEFINITION_TYPE } from '../../models/form';
-import { QUERY_KEY } from '../../models/query';
-import type { TableColumn } from '../../models/table';
-import { TableUtil } from '../../utils/TableUtil';
-import { TestIdUtil } from '../../utils/TestIdUtil';
-import type { CrudPageSubPage } from '../CrudPage';
-import { CrudPage } from '../CrudPage';
-import { AuthorizationManager } from '../../classes/managers/AuthorizationManager';
-import { NumberUtil } from '../../utils/NumberUtil';
-
-type FormFields = Pick<RefDim, 'dim_type' | 'code' | 'label' | 'description' | 'rank' | 'col_code_prefix'>;
-
-export const RefDimsAdminPage = () => {
-  const { t } = useTranslation();
-  const dimTypeOptionsQuery = useDimTypeOptionsQuery();
-
-  const fetchAll = useCallback(async (signal: AbortSignal) => {
-    return (await CaseApi.instance.refDimsGetAll({ signal }))?.data;
-  }, []);
-
-  const deleteOne = useCallback(async (item: RefDim) => {
-    return await CaseApi.instance.refDimsDeleteOne(item.id);
-  }, []);
-
-  const updateOne = useCallback(async (variables: FormFields, item: RefDim) => {
-    return (await CaseApi.instance.refDimsPutOne(item.id, { id: item.id, ...variables })).data;
-  }, []);
-
-  const createOne = useCallback(async (variables: FormFields) => {
-    return (await CaseApi.instance.refDimsPostOne(variables)).data;
-  }, []);
-
-  const getName = useCallback((item: RefDim) => {
-    return item.label;
-  }, []);
-
-  const schema = useMemo(() => {
-    return object<FormFields>().shape({
-      dim_type: mixed<DimType>().required().oneOf(Object.values(DimType)),
-      code: string().code().required().max(100),
-      label: string().extendedAlphaNumeric().required().max(100),
-      description: string().freeFormText().required().max(100),
-      rank: NumberUtil.yup.required().min(0).integer(),
-      col_code_prefix: string().alphaNumeric().required().max(100),
-    });
-  }, []);
-
-  const formFieldDefinitions = useCallback((item: RefDim): FormFieldDefinition<FormFields>[] => {
-    return [
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'dim_type',
-        label: t`Dimension type`,
-        options: dimTypeOptionsQuery.options,
-        disabled: !!item,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'label',
-        label: t`Label`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'description',
-        label: t`Description`,
-        multiline: true,
-        rows: 5,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'code',
-        label: t`Code`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'col_code_prefix',
-        label: t`Column code prefix`,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,
-        name: 'rank',
-        label: t`Rank`,
-        type: 'number',
-      } as const satisfies FormFieldDefinition<FormFields>,
-    ] as const;
-  }, [dimTypeOptionsQuery.options, t]);
-
-  const tableColumns = useMemo((): TableColumn<RefDim>[] => {
-    return [
-      TableUtil.createTextColumn<RefDim>({ id: 'code', name: t`Code` }),
-      TableUtil.createOptionsColumn<RefDim>({ id: 'dim_type', name: t`Dimension type`, options: dimTypeOptionsQuery.options }),
-      TableUtil.createTextColumn<RefDim>({ id: 'label', name: t`Label` }),
-      TableUtil.createNumberColumn<RefDim>({ id: 'rank', name: t`Rank` }),
-    ];
-  }, [dimTypeOptionsQuery.options, t]);
-
-  const subPages = useMemo<CrudPageSubPage<RefDim>[]>(() => {
-    if (!AuthorizationManager.instance.doesUserHavePermission([
-      { command_name: CommandName.RefColCrudCommand, permission_type: PermissionType.READ },
-    ])) {
-      return [];
-    }
-
-    return [
-      {
-        label: t`Manage reference columns`,
-        getPathName: (item: RefDim) => `/management/reference-dimensions/${item.id}/reference-columns`,
-      } satisfies CrudPageSubPage<RefDim>,
-    ];
-  }, [t]);
-
-  return (
-    <CrudPage<FormFields, RefDim>
-      createOne={createOne}
-      crudCommandType={CommandName.RefDimCrudCommand}
-      createItemDialogTitle={t`Create new reference dimension`}
-      defaultSortByField={'code'}
-      defaultSortDirection={'asc'}
-      subPages={subPages}
-      deleteOne={deleteOne}
-      fetchAll={fetchAll}
-      formFieldDefinitions={formFieldDefinitions}
-      getName={getName}
-      resourceQueryKeyBase={QUERY_KEY.REF_DIMS}
-      schema={schema}
-      tableColumns={tableColumns}
-      testIdAttributes={TestIdUtil.createAttributes('RefDimsAdminPage')}
-      title={t`Dimensions`}
-      updateOne={updateOne}
-    />
-  );
-};

package/src/pages/RefDimsAdminPage/index.ts

@@ -1 +0,0 @@
-export * from './RefDimsAdminPage';

package/src/pages/RegionRelationsAdminPage/RegionRelationsAdminPage.tsx

@@ -1,132 +0,0 @@
-import {
-  useCallback,
-  useMemo,
-} from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-  mixed,
-  object,
-  string,
-} from 'yup';
-
-import type { RegionRelation } from '../../api';
-import {
-  CommandName,
-  RegionRelationType,
-  GeoApi,
-} from '../../api';
-import type { FormFieldDefinition } from '../../models/form';
-import { FORM_FIELD_DEFINITION_TYPE } from '../../models/form';
-import { QUERY_KEY } from '../../models/query';
-import type { TableColumn } from '../../models/table';
-import { TableUtil } from '../../utils/TableUtil';
-import { TestIdUtil } from '../../utils/TestIdUtil';
-import { CrudPage } from '../CrudPage';
-import { useArray } from '../../hooks/useArray';
-import {
-  useRegionMapQuery,
-  useRegionOptionsQuery,
-} from '../../dataHooks/useRegionQuery';
-import { useRegionRelationTypeOptionsQuery } from '../../dataHooks/useRegionRelationTypeQuery';
-
-
-type FormFields = Omit<RegionRelation, 'id' | 'from_region' | 'to_region'>;
-
-export const RegionRelationsAdminPage = () => {
-  const { t } = useTranslation();
-
-  const regionMapQuery = useRegionMapQuery();
-  const regionOptionsQuery = useRegionOptionsQuery();
-  const regionRelationTypeOptionsQuery = useRegionRelationTypeOptionsQuery();
-
-  const loadables = useArray([regionOptionsQuery, regionMapQuery, regionRelationTypeOptionsQuery]);
-
-  const fetchAll = useCallback(async (signal: AbortSignal) => {
-    return (await GeoApi.instance.regionRelationsGetAll({ signal }))?.data;
-  }, []);
-
-  const deleteOne = useCallback(async (item: RegionRelation) => {
-    return await GeoApi.instance.regionRelationsDeleteOne(item.id);
-  }, []);
-
-  const updateOne = useCallback(async (variables: FormFields, item: RegionRelation) => {
-    return (await GeoApi.instance.regionRelationsPutOne(item.id, { id: item.id, ...variables })).data;
-  }, []);
-
-  const createOne = useCallback(async (variables: FormFields) => {
-    return (await GeoApi.instance.regionRelationsPostOne(variables)).data;
-  }, []);
-
-  const getName = useCallback((item: RegionRelation) => {
-    const fromRegion = regionMapQuery.map.get(item.from_region_id);
-    const toRegion = regionMapQuery.map.get(item.to_region_id);
-    if (fromRegion && toRegion) {
-      return `${fromRegion.name} -> ${toRegion.name}`;
-    }
-    return `${item.from_region_id} -> ${item.to_region_id}`;
-  }, [regionMapQuery.map]);
-
-  const schema = useMemo(() => {
-    return object<FormFields>().shape({
-      from_region_id: string().uuid4().required(),
-      to_region_id: string().uuid4().required(),
-      relation: mixed<RegionRelationType>().required().oneOf(Object.values(RegionRelationType)),
-    });
-  }, []);
-
-  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {
-    return [
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'from_region_id',
-        label: t`From Region`,
-        options: regionOptionsQuery.options,
-        loading: regionOptionsQuery.isLoading,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'to_region_id',
-        label: t`To Region`,
-        options: regionOptionsQuery.options,
-        loading: regionOptionsQuery.isLoading,
-      } as const satisfies FormFieldDefinition<FormFields>,
-      {
-        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,
-        name: 'relation',
-        label: t`Relation`,
-        options: regionRelationTypeOptionsQuery.options,
-        loading: regionRelationTypeOptionsQuery.isLoading,
-      } as const satisfies FormFieldDefinition<FormFields>,
-    ] as const;
-  }, [regionOptionsQuery.isLoading, regionOptionsQuery.options, regionRelationTypeOptionsQuery.isLoading, regionRelationTypeOptionsQuery.options, t]);
-
-  const tableColumns = useMemo((): TableColumn<RegionRelation>[] => {
-    return [
-      TableUtil.createOptionsColumn<RegionRelation>({ id: 'from_region_id', name: t`From Region`, options: regionOptionsQuery.options }),
-      TableUtil.createOptionsColumn<RegionRelation>({ id: 'to_region_id', name: t`To Region`, options: regionOptionsQuery.options }),
-      TableUtil.createOptionsColumn<RegionRelation>({ id: 'relation', name: t`Relation`, options: regionRelationTypeOptionsQuery.options }),
-    ];
-  }, [regionOptionsQuery.options, regionRelationTypeOptionsQuery.options, t]);
-
-
-  return (
-    <CrudPage<FormFields, RegionRelation>
-      createOne={createOne}
-      crudCommandType={CommandName.RegionRelationCrudCommand}
-      createItemDialogTitle={t`Create new region relation`}
-      defaultSortByField={'from_region_id'}
-      loadables={loadables}
-      defaultSortDirection={'asc'}
-      deleteOne={deleteOne}
-      fetchAll={fetchAll}
-      formFieldDefinitions={formFieldDefinitions}
-      getName={getName}
-      resourceQueryKeyBase={QUERY_KEY.REGION_RELATIONS}
-      schema={schema}
-      tableColumns={tableColumns}
-      testIdAttributes={TestIdUtil.createAttributes('RegionRelationsAdminPage')}
-      title={t`Region Relations`}
-      updateOne={updateOne}
-    />
-  );
-};

package/src/pages/RegionRelationsAdminPage/index.ts

@@ -1 +0,0 @@
-export * from './RegionRelationsAdminPage';