@gen-epix/ui-client-casedb 4.0.0 → 4.0.2

package/dist/pages/EventsPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/EventsPage/EventsPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Button,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';\nimport type {\n  CaseDbCaseSet,\n  CaseDbCaseStats,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type {\n  TableColumn,\n  TableRowParams,\n} from '@gen-epix/ui/models/table';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport {\n  createTableStore,\n  TableStoreContextProvider,\n} from '@gen-epix/ui/stores/tableStore';\nimport { LoadableUtil } from '@gen-epix/ui/utils/LoadableUtil';\nimport { PageContainer } from '@gen-epix/ui/components/ui/PageContainer';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { RouterService } from '@gen-epix/ui/classes/services/RouterService';\nimport {\n  Table,\n  TableCaption,\n  TableMenu,\n  TableSidebarMenu,\n} from '@gen-epix/ui/components/ui/Table';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { useInitializeTableStore } from '@gen-epix/ui/hooks/useInitializeTableStore';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport CollectionIcon from '../../assets/icons/CollectionIcon.svg?react';\nimport type { CaseSetInfoDialogRefMethods } from '../../components/ui/CaseSetInfoDialog';\nimport { CaseSetInfoDialog } from '../../components/ui/CaseSetInfoDialog';\nimport type { CreateEventDialogRefMethods } from '../../components/ui/CreateEventDialog';\nimport { CreateEventDialog } from '../../components/ui/CreateEventDialog';\nimport { useCaseSetCategoryOptionsQuery } from '../../dataHooks/useCaseSetCategoriesQuery';\nimport { useCaseSetStatsMapQuery } from '../../dataHooks/useCaseSetStatsQuery';\nimport { useCaseSetStatusOptionsQuery } from '../../dataHooks/useCaseSetStatusesQuery';\nimport { useCaseTypeOptionsQuery } from '../../dataHooks/useCaseTypesQuery';\nimport { CaseSetUtil } from '../../utils/CaseSetUtil';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\n\ntype Row = CaseDbCaseSet & CaseDbCaseStats;\n\nexport const EventsPage = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const caseTypeOptionsQuery = useCaseTypeOptionsQuery();\n  const caseSetCategoryOptionsQuery = useCaseSetCategoryOptionsQuery();\n  const caseSetStatusOptionsQuery = useCaseSetStatusOptionsQuery();\n  const caseSetInfoDialogRef = useRef<CaseSetInfoDialogRefMethods>(null);\n  const createEventDialogRef = useRef<CreateEventDialogRefMethods>(null);\n\n  const { data: caseSets, error: caseSetsError, isLoading: isCaseSetsLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetsGetAll(null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SETS),\n  });\n  const caseSetStatsMapQuery = useCaseSetStatsMapQuery(caseSets ? caseSets.map(cs => cs.id) : null);\n  const loadables = useArray([caseTypeOptionsQuery, caseSetCategoryOptionsQuery, caseSetStatusOptionsQuery, caseSetStatsMapQuery]);\n\n  const navigateToEvent = useCallback(async (row: CaseDbCaseSet) => {\n    await RouterService.getInstance().router.navigate(CaseSetUtil.createCaseSetLink(row));\n  }, []);\n\n  const showEventInformation = useCallback((row: CaseDbCaseSet) => {\n    caseSetInfoDialogRef.current?.open({\n      caseSetId: row.id,\n      caseTypeId: row.case_type_id,\n    });\n  }, []);\n\n  const onRowClick = useCallback(async (tableRowParams: TableRowParams<Row>) => {\n    await navigateToEvent(tableRowParams.row);\n  }, [navigateToEvent]);\n\n  const onIndexCellClick = useCallback((row: CaseDbCaseSet) => {\n    showEventInformation(row);\n  }, [showEventInformation]);\n\n  const onCreateItemButtonClick = useCallback(() => {\n    createEventDialogRef.current?.open({});\n  }, []);\n\n  const data = useMemo<Row[]>(() => {\n    if (!caseSets || !caseSetStatsMapQuery.map) {\n      return [];\n    }\n    return caseSets.map(caseSet => {\n      return {\n        ...caseSetStatsMapQuery.map?.get(caseSet.id),\n        ...caseSet,\n      } satisfies Row;\n    });\n  }, [caseSetStatsMapQuery.map, caseSets]);\n\n  const columns = useMemo<TableColumn<Row>[]>(() => {\n    return [\n      TableUtil.createReadableIndexColumn({\n        getAriaLabel: (params: TableRowParams<Row>) => t('Open event information for {{name}}', { name: params.row.name }),\n      }),\n      TableUtil.createOptionsColumn({ flex: 1.5, id: 'case_type_id', name: t`Case type`, options: caseTypeOptionsQuery.options, shouldFilterOptions: true }),\n      TableUtil.createTextColumn({ flex: 1.5, id: 'name', name: t`Name` }),\n      TableUtil.createOptionsColumn({ flex: 0.4, id: 'case_set_category_id', name: t`Category`, options: caseSetCategoryOptionsQuery.options }),\n      TableUtil.createOptionsColumn({ flex: 0.4, id: 'case_set_status_id', name: t`Status`, options: caseSetStatusOptionsQuery.options }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'first_case_date', name: t`First case date` }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'last_case_date', name: t`Last case date` }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'case_set_date', name: t`Created on` }),\n      TableUtil.createNumberColumn({ flex: 0.35, id: 'n_cases', name: t`Cases` }),\n      TableUtil.createNumberColumn({ flex: 0.35, id: 'n_own_cases', name: t`Own cases` }),\n      TableUtil.createActionsColumn({\n        getActions: (params) => {\n          return [\n            (\n              <MenuItem\n                key={'actions1'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={async () => onRowClick(params)}\n              >\n                <ListItemIcon>\n                  <ArrowCircleRightIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Go to event`}\n                </ListItemText>\n              </MenuItem>\n            ),\n            (\n              <MenuItem\n                key={'actions2'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={() => showEventInformation(params.row)}\n              >\n                <ListItemIcon>\n                  <CollectionIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Show event information`}\n                </ListItemText>\n              </MenuItem>\n            ),\n          ];\n        },\n        t,\n      }),\n    ];\n  }, [caseSetCategoryOptionsQuery.options, caseSetStatusOptionsQuery.options, caseTypeOptionsQuery.options, onRowClick, showEventInformation, t]);\n\n  const tableStore = useMemo(() => createTableStore<Row>({\n    defaultSortByField: 'case_set_date',\n    defaultSortDirection: 'desc',\n    idSelectorCallback: (row) => row.id,\n    navigatorFunction: RouterService.getInstance().router.navigate,\n    storageNamePostFix: 'caseSets',\n    storageVersion: 3,\n  }), []);\n\n  useInitializeTableStore({ columns, createFiltersFromColumns: true, rows: data, store: tableStore });\n\n  const contentActions = useMemo(() => {\n    const isLoading = LoadableUtil.isSomeLoading(loadables);\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          gap: theme.spacing(1),\n        }}\n      >\n        <TableMenu />\n        <Button\n          color={'secondary'}\n          disabled={isLoading}\n          loading={isLoading}\n          onClick={onCreateItemButtonClick}\n          size={'small'}\n          variant={'contained'}\n        >\n          {t`Create event`}\n        </Button>\n      </Box>\n    );\n  }, [loadables, onCreateItemButtonClick, t, theme]);\n\n  const getRowName = useCallback((row: Row) => {\n    return row.name;\n  }, []);\n\n  return (\n    <TableStoreContextProvider store={tableStore}>\n      <PageContainer\n        contentActions={contentActions}\n        contentHeader={(\n          <TableCaption\n            caption={t`Events`}\n            component={'h2'}\n            variant={'h2'}\n          />\n        )}\n        fullWidth\n        showBreadcrumbs\n        testIdAttributes={TestIdUtil.createAttributes('EventsPage')}\n        title={t`Events`}\n      >\n        <Box\n          sx={{\n            height: '100%',\n            position: 'relative',\n          }}\n        >\n          <ResponseHandler\n            error={caseSetsError}\n            isLoading={isCaseSetsLoading}\n            loadables={loadables}\n          >\n            {caseSets?.length === 0 && (\n              <Box\n                sx={{\n                  alignItems: 'center',\n                  display: 'flex',\n                  flexDirection: 'column',\n                }}\n              >\n                <Typography variant={'h6'}>\n                  {t`No events found`}\n                </Typography>\n              </Box>\n            )}\n            {caseSets?.length > 0 && (\n              <>\n                <Box\n                  sx={{\n                    height: '100%',\n                    paddingLeft: theme.spacing(ConfigService.getInstance().config.layout.SIDEBAR_MENU_WIDTH + 1),\n                    width: '100%',\n                  }}\n                >\n                  <Table\n                    getRowName={getRowName}\n                    onReadableIndexClick={onIndexCellClick}\n                    onRowClick={onRowClick}\n                  />\n                </Box>\n                <TableSidebarMenu />\n              </>\n            )}\n\n          </ResponseHandler>\n          <CaseSetInfoDialog\n            ref={caseSetInfoDialogRef}\n            showNavigationButton\n          />\n          <CreateEventDialog\n            ref={createEventDialogRef}\n          />\n        </Box>\n      </PageContainer>\n    </TableStoreContextProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/EventsPage/EventsPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Button,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';\nimport type {\n  CaseDbCaseSet,\n  CaseDbCaseStats,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type {\n  TableColumn,\n  TableRowParams,\n} from '@gen-epix/ui-client-common/models/table';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport {\n  createTableStore,\n  TableStoreContextProvider,\n} from '@gen-epix/ui-client-common/stores/tableStore';\nimport { LoadableUtil } from '@gen-epix/ui-client-common/utils/LoadableUtil';\nimport { PageContainer } from '@gen-epix/ui-client-common/components/ui/PageContainer';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { RouterService } from '@gen-epix/ui-client-common/classes/services/RouterService';\nimport {\n  Table,\n  TableCaption,\n  TableMenu,\n  TableSidebarMenu,\n} from '@gen-epix/ui-client-common/components/ui/Table';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { useInitializeTableStore } from '@gen-epix/ui-client-common/hooks/useInitializeTableStore';\nimport { useQueryMemo } from '@gen-epix/ui-client-common/hooks/useQueryMemo';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport CollectionIcon from '../../assets/icons/CollectionIcon.svg?react';\nimport type { CaseSetInfoDialogRefMethods } from '../../components/ui/CaseSetInfoDialog';\nimport { CaseSetInfoDialog } from '../../components/ui/CaseSetInfoDialog';\nimport type { CreateEventDialogRefMethods } from '../../components/ui/CreateEventDialog';\nimport { CreateEventDialog } from '../../components/ui/CreateEventDialog';\nimport { useCaseSetCategoryOptionsQuery } from '../../dataHooks/useCaseSetCategoriesQuery';\nimport { useCaseSetStatsMapQuery } from '../../dataHooks/useCaseSetStatsQuery';\nimport { useCaseSetStatusOptionsQuery } from '../../dataHooks/useCaseSetStatusesQuery';\nimport { useCaseTypeOptionsQuery } from '../../dataHooks/useCaseTypesQuery';\nimport { CaseSetUtil } from '../../utils/CaseSetUtil';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\n\ntype Row = CaseDbCaseSet & CaseDbCaseStats;\n\nexport const EventsPage = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const caseTypeOptionsQuery = useCaseTypeOptionsQuery();\n  const caseSetCategoryOptionsQuery = useCaseSetCategoryOptionsQuery();\n  const caseSetStatusOptionsQuery = useCaseSetStatusOptionsQuery();\n  const caseSetInfoDialogRef = useRef<CaseSetInfoDialogRefMethods>(null);\n  const createEventDialogRef = useRef<CreateEventDialogRefMethods>(null);\n\n  const { data: caseSets, error: caseSetsError, isLoading: isCaseSetsLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetsGetAll(null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SETS),\n  });\n  const caseSetStatsMapQuery = useCaseSetStatsMapQuery(caseSets ? caseSets.map(cs => cs.id) : null);\n  const loadables = useArray([caseTypeOptionsQuery, caseSetCategoryOptionsQuery, caseSetStatusOptionsQuery, caseSetStatsMapQuery]);\n\n  const navigateToEvent = useCallback(async (row: CaseDbCaseSet) => {\n    await RouterService.getInstance().router.navigate(CaseSetUtil.createCaseSetLink(row));\n  }, []);\n\n  const showEventInformation = useCallback((row: CaseDbCaseSet) => {\n    caseSetInfoDialogRef.current?.open({\n      caseSetId: row.id,\n      caseTypeId: row.case_type_id,\n    });\n  }, []);\n\n  const onRowClick = useCallback(async (tableRowParams: TableRowParams<Row>) => {\n    await navigateToEvent(tableRowParams.row);\n  }, [navigateToEvent]);\n\n  const onIndexCellClick = useCallback((row: CaseDbCaseSet) => {\n    showEventInformation(row);\n  }, [showEventInformation]);\n\n  const onCreateItemButtonClick = useCallback(() => {\n    createEventDialogRef.current?.open({});\n  }, []);\n\n  const data = useMemo<Row[]>(() => {\n    if (!caseSets || !caseSetStatsMapQuery.map) {\n      return [];\n    }\n    return caseSets.map(caseSet => {\n      return {\n        ...caseSetStatsMapQuery.map?.get(caseSet.id),\n        ...caseSet,\n      } satisfies Row;\n    });\n  }, [caseSetStatsMapQuery.map, caseSets]);\n\n  const columns = useMemo<TableColumn<Row>[]>(() => {\n    return [\n      TableUtil.createReadableIndexColumn({\n        getAriaLabel: (params: TableRowParams<Row>) => t('Open event information for {{name}}', { name: params.row.name }),\n      }),\n      TableUtil.createOptionsColumn({ flex: 1.5, id: 'case_type_id', name: t`Case type`, options: caseTypeOptionsQuery.options, shouldFilterOptions: true }),\n      TableUtil.createTextColumn({ flex: 1.5, id: 'name', name: t`Name` }),\n      TableUtil.createOptionsColumn({ flex: 0.4, id: 'case_set_category_id', name: t`Category`, options: caseSetCategoryOptionsQuery.options }),\n      TableUtil.createOptionsColumn({ flex: 0.4, id: 'case_set_status_id', name: t`Status`, options: caseSetStatusOptionsQuery.options }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'first_case_date', name: t`First case date` }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'last_case_date', name: t`Last case date` }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, id: 'case_set_date', name: t`Created on` }),\n      TableUtil.createNumberColumn({ flex: 0.35, id: 'n_cases', name: t`Cases` }),\n      TableUtil.createNumberColumn({ flex: 0.35, id: 'n_own_cases', name: t`Own cases` }),\n      TableUtil.createActionsColumn({\n        getActions: (params) => {\n          return [\n            (\n              <MenuItem\n                key={'actions1'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={async () => onRowClick(params)}\n              >\n                <ListItemIcon>\n                  <ArrowCircleRightIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Go to event`}\n                </ListItemText>\n              </MenuItem>\n            ),\n            (\n              <MenuItem\n                key={'actions2'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={() => showEventInformation(params.row)}\n              >\n                <ListItemIcon>\n                  <CollectionIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Show event information`}\n                </ListItemText>\n              </MenuItem>\n            ),\n          ];\n        },\n        t,\n      }),\n    ];\n  }, [caseSetCategoryOptionsQuery.options, caseSetStatusOptionsQuery.options, caseTypeOptionsQuery.options, onRowClick, showEventInformation, t]);\n\n  const tableStore = useMemo(() => createTableStore<Row>({\n    defaultSortByField: 'case_set_date',\n    defaultSortDirection: 'desc',\n    idSelectorCallback: (row) => row.id,\n    navigatorFunction: RouterService.getInstance().router.navigate,\n    storageNamePostFix: 'caseSets',\n    storageVersion: 3,\n  }), []);\n\n  useInitializeTableStore({ columns, createFiltersFromColumns: true, rows: data, store: tableStore });\n\n  const contentActions = useMemo(() => {\n    const isLoading = LoadableUtil.isSomeLoading(loadables);\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          gap: theme.spacing(1),\n        }}\n      >\n        <TableMenu />\n        <Button\n          color={'secondary'}\n          disabled={isLoading}\n          loading={isLoading}\n          onClick={onCreateItemButtonClick}\n          size={'small'}\n          variant={'contained'}\n        >\n          {t`Create event`}\n        </Button>\n      </Box>\n    );\n  }, [loadables, onCreateItemButtonClick, t, theme]);\n\n  const getRowName = useCallback((row: Row) => {\n    return row.name;\n  }, []);\n\n  return (\n    <TableStoreContextProvider store={tableStore}>\n      <PageContainer\n        contentActions={contentActions}\n        contentHeader={(\n          <TableCaption\n            caption={t`Events`}\n            component={'h2'}\n            variant={'h2'}\n          />\n        )}\n        fullWidth\n        showBreadcrumbs\n        testIdAttributes={TestIdUtil.createAttributes('EventsPage')}\n        title={t`Events`}\n      >\n        <Box\n          sx={{\n            height: '100%',\n            position: 'relative',\n          }}\n        >\n          <ResponseHandler\n            error={caseSetsError}\n            isLoading={isCaseSetsLoading}\n            loadables={loadables}\n          >\n            {caseSets?.length === 0 && (\n              <Box\n                sx={{\n                  alignItems: 'center',\n                  display: 'flex',\n                  flexDirection: 'column',\n                }}\n              >\n                <Typography variant={'h6'}>\n                  {t`No events found`}\n                </Typography>\n              </Box>\n            )}\n            {caseSets?.length > 0 && (\n              <>\n                <Box\n                  sx={{\n                    height: '100%',\n                    paddingLeft: theme.spacing(ConfigService.getInstance().config.layout.SIDEBAR_MENU_WIDTH + 1),\n                    width: '100%',\n                  }}\n                >\n                  <Table\n                    getRowName={getRowName}\n                    onReadableIndexClick={onIndexCellClick}\n                    onRowClick={onRowClick}\n                  />\n                </Box>\n                <TableSidebarMenu />\n              </>\n            )}\n\n          </ResponseHandler>\n          <CaseSetInfoDialog\n            ref={caseSetInfoDialogRef}\n            showNavigationButton\n          />\n          <CreateEventDialog\n            ref={createEventDialogRef}\n          />\n        </Box>\n      </PageContainer>\n    </TableStoreContextProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/HomePage/index.js

@@ -1,10 +1,10 @@
 import { t as e } from "../../_chunks/HomePageTrends.js";
-import { ConfigService as t } from "@gen-epix/ui/classes/services/ConfigService";
+import { ConfigService as t } from "@gen-epix/ui-client-common/classes/services/ConfigService";
 import { Box as n } from "@mui/material";
 import { useTranslation as r } from "react-i18next";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { TestIdUtil as o } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { PageContainer as s } from "@gen-epix/ui/components/ui/PageContainer";
+import { PageContainer as s } from "@gen-epix/ui-client-common/components/ui/PageContainer";
 //#region src/pages/HomePage/HomePage.tsx
 var c = () => {
 	let { t: c } = r(), { HomePageIntroduction: l } = t.getInstance().config;

package/dist/pages/HomePage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/HomePage/HomePage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { Box } from '@mui/material';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport { PageContainer } from '@gen-epix/ui/components/ui/PageContainer';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { HomePageTrends } from '../../components/ui/HomePageTrends';\n\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const { HomePageIntroduction } = ConfigService.getInstance().config;\n\n  return (\n    <PageContainer\n      testIdAttributes={TestIdUtil.createAttributes('HomePage')}\n      title={t`Home`}\n    >\n      <Box\n        sx={{\n          display: 'grid',\n          gap: 2,\n          gridTemplateRows: 'auto max-content',\n          height: '100%',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'grid',\n            gap: 2,\n            gridTemplateColumns: '1fr 1fr',\n          }}\n        >\n          <HomePageIntroduction />\n        </Box>\n        <HomePageTrends />\n      </Box>\n    </PageContainer>\n  );\n};\n"],"mappings":";;;;;;;;AASA,IAAa,UAAiB;CAC5B,IAAM,EAAE,SAAM,EAAe,GACvB,EAAE,4BAAyB,EAAc,YAAY,CAAC,CAAC;CAE7D,OACE,kBAAC,GAAD;EACE,kBAAkB,EAAW,iBAAiB,UAAU;EACxD,OAAO,CAAC;YAER,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,kBAAkB;IAClB,QAAQ;GACV;aANF,CAQE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;KACL,qBAAqB;IACvB;cAEA,kBAAC,GAAD,CAAuB,CAAA;GACpB,CAAA,GACL,kBAAC,GAAD,CAAiB,CAAA,CACd;;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/HomePage/HomePage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { Box } from '@mui/material';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { PageContainer } from '@gen-epix/ui-client-common/components/ui/PageContainer';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { HomePageTrends } from '../../components/ui/HomePageTrends';\n\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const { HomePageIntroduction } = ConfigService.getInstance().config;\n\n  return (\n    <PageContainer\n      testIdAttributes={TestIdUtil.createAttributes('HomePage')}\n      title={t`Home`}\n    >\n      <Box\n        sx={{\n          display: 'grid',\n          gap: 2,\n          gridTemplateRows: 'auto max-content',\n          height: '100%',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'grid',\n            gap: 2,\n            gridTemplateColumns: '1fr 1fr',\n          }}\n        >\n          <HomePageIntroduction />\n        </Box>\n        <HomePageTrends />\n      </Box>\n    </PageContainer>\n  );\n};\n"],"mappings":";;;;;;;;AASA,IAAa,UAAiB;CAC5B,IAAM,EAAE,SAAM,EAAe,GACvB,EAAE,4BAAyB,EAAc,YAAY,CAAC,CAAC;CAE7D,OACE,kBAAC,GAAD;EACE,kBAAkB,EAAW,iBAAiB,UAAU;EACxD,OAAO,CAAC;EAER,UAAA,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,kBAAkB;IAClB,QAAQ;GACV;GANF,UAAA,CAQE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;KACL,qBAAqB;IACvB;IAEA,UAAA,kBAAC,GAAD,CAAuB,CAAA;GACpB,CAAA,GACL,kBAAC,GAAD,CAAiB,CAAA,CACd;;CACQ,CAAA;AAEnB"}

package/dist/pages/OrganizationAccessCasePoliciesAdminPage/index.js

@@ -5,15 +5,15 @@ import { useCaseTypeSetOptionsQuery as r } from "../../dataHooks/useCaseTypeSets
 import { useOrganizationCasePolicyNameFactory as i } from "../../hooks/useOrganizationCasePolicyNameFactory/index.js";
 import { boolean as a, object as o, string as s } from "yup";
 import { CaseDbAbacApi as c, CaseDbCommandName as l } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as d, useMemo as f } from "react";
 import { useTranslation as p } from "react-i18next";
 import { jsx as m } from "react/jsx-runtime";
 import { useArray as h } from "@gen-epix/ui-core/hooks/useArray";
-import { TableUtil as g } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as g } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as _ } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { CrudPage as v } from "@gen-epix/ui/pages/CrudPage";
-import { useOrganizationOptionsQuery as y } from "@gen-epix/ui/dataHooks/useOrganizationsQuery";
+import { CrudPage as v } from "@gen-epix/ui-client-common/pages/CrudPage";
+import { useOrganizationOptionsQuery as y } from "@gen-epix/ui-client-common/dataHooks/useOrganizationsQuery";
 //#region src/pages/OrganizationAccessCasePoliciesAdminPage/OrganizationAccessCasePoliciesAdminPage.tsx
 var b = () => {
 	let { t: b } = p(), x = y(), S = t(), C = n(), w = r(), T = i(), E = h([

package/dist/pages/OrganizationAccessCasePoliciesAdminPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/OrganizationAccessCasePoliciesAdminPage/OrganizationAccessCasePoliciesAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbOrganizationAccessCasePolicy,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbAbacApi,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { useOrganizationOptionsQuery } from '@gen-epix/ui/dataHooks/useOrganizationsQuery';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\n\nimport { useColSetOptionsQuery } from '../../dataHooks/useColSetsQuery';\nimport { useCaseTypeSetOptionsQuery } from '../../dataHooks/useCaseTypeSetsQuery';\nimport { useDataCollectionOptionsQuery } from '../../dataHooks/useDataCollectionsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useOrganizationCasePolicyNameFactory } from '../../hooks/useOrganizationCasePolicyNameFactory';\n\ntype FormFields = OmitWithMetaData<CaseDbOrganizationAccessCasePolicy, 'case_type_set' | 'data_collection' | 'organization' | 'read_col_set' | 'write_col_set'>;\n\nexport const OrganizationAccessCasePoliciesAdminPage = () => {\n  const { t } = useTranslation();\n  const organizationOptionsQuery = useOrganizationOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const colSetOptionsQuery = useColSetOptionsQuery();\n  const caseTypeSetOptionsQuery = useCaseTypeSetOptionsQuery();\n\n  const nameFactory = useOrganizationCasePolicyNameFactory();\n\n  const loadables = useArray([nameFactory, organizationOptionsQuery, dataCollectionOptionsQuery, colSetOptionsQuery, caseTypeSetOptionsQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbOrganizationAccessCasePolicy) => {\n    return await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbOrganizationAccessCasePolicy) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbOrganizationAccessCasePolicy) => {\n    return nameFactory.getName(item);\n  }, [nameFactory]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      add_case: boolean().required(),\n      add_case_set: boolean().required(),\n      case_type_set_id: string().uuid4().required().max(100),\n      data_collection_id: string().uuid4().required().max(100),\n      is_active: boolean().required(),\n      is_private: boolean().required(),\n      organization_id: string().uuid4().required().max(100),\n      read_case_set: boolean().required(),\n      read_col_set_id: string().uuid4().required().max(100),\n      remove_case: boolean().required(),\n      remove_case_set: boolean().required(),\n      write_case_set: boolean().required(),\n      write_col_set_id: string().uuid4().nullable().notRequired().max(100),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Organization`,\n        loading: organizationOptionsQuery.isLoading,\n        name: 'organization_id',\n        options: organizationOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Case type set`,\n        loading: caseTypeSetOptionsQuery.isLoading,\n        name: 'case_type_set_id',\n        options: caseTypeSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Read column set`,\n        loading: colSetOptionsQuery.isLoading,\n        name: 'read_col_set_id',\n        options: colSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Write column set`,\n        loading: colSetOptionsQuery.isLoading,\n        name: 'write_col_set_id',\n        options: colSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case`,\n        name: 'add_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case`,\n        name: 'remove_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case set`,\n        name: 'add_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case set`,\n        name: 'remove_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Read case set`,\n        name: 'read_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Write case set`,\n        name: 'write_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is private`,\n        name: 'is_private',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is active`,\n        name: 'is_active',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [colSetOptionsQuery.isLoading, colSetOptionsQuery.options, caseTypeSetOptionsQuery.isLoading, caseTypeSetOptionsQuery.options, dataCollectionOptionsQuery.isLoading, dataCollectionOptionsQuery.options, organizationOptionsQuery.isLoading, organizationOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbOrganizationAccessCasePolicy>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'organization_id', name: t`Organization`, options: organizationOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'data_collection_id', name: t`Data collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'case_type_set_id', name: t`Case type set`, options: caseTypeSetOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'read_col_set_id', name: t`Read column set`, options: colSetOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'write_col_set_id', name: t`Write column set`, options: colSetOptionsQuery.options }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'add_case', name: t`Add case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'remove_case', name: t`Remove case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'add_case_set', name: t`Add case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'remove_case_set', name: t`Remove case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'read_case_set', name: t`Read case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'write_case_set', name: t`Write case set` }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'is_private', name: t`Private` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'is_active', name: t`Active` }),\n    ];\n  }, [colSetOptionsQuery.options, caseTypeSetOptionsQuery.options, dataCollectionOptionsQuery.options, organizationOptionsQuery.options, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbOrganizationAccessCasePolicy, CaseDbOrganizationAccessCasePolicy, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new organization access case policy`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.OrganizationAccessCasePolicyCrudCommand}\n      defaultSortByField={'organization_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Organization access case policy`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.ORGANIZATION_ACCESS_CASE_POLICIES}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('OrganizationAccessCasePoliciesAdminPage')}\n      title={t`Organization access case policies`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/OrganizationAccessCasePoliciesAdminPage/OrganizationAccessCasePoliciesAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbOrganizationAccessCasePolicy,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbAbacApi,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui-client-common/models/data';\nimport type { TableColumn } from '@gen-epix/ui-client-common/models/table';\nimport { CrudPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { useOrganizationOptionsQuery } from '@gen-epix/ui-client-common/dataHooks/useOrganizationsQuery';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\n\nimport { useColSetOptionsQuery } from '../../dataHooks/useColSetsQuery';\nimport { useCaseTypeSetOptionsQuery } from '../../dataHooks/useCaseTypeSetsQuery';\nimport { useDataCollectionOptionsQuery } from '../../dataHooks/useDataCollectionsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useOrganizationCasePolicyNameFactory } from '../../hooks/useOrganizationCasePolicyNameFactory';\n\ntype FormFields = OmitWithMetaData<CaseDbOrganizationAccessCasePolicy, 'case_type_set' | 'data_collection' | 'organization' | 'read_col_set' | 'write_col_set'>;\n\nexport const OrganizationAccessCasePoliciesAdminPage = () => {\n  const { t } = useTranslation();\n  const organizationOptionsQuery = useOrganizationOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const colSetOptionsQuery = useColSetOptionsQuery();\n  const caseTypeSetOptionsQuery = useCaseTypeSetOptionsQuery();\n\n  const nameFactory = useOrganizationCasePolicyNameFactory();\n\n  const loadables = useArray([nameFactory, organizationOptionsQuery, dataCollectionOptionsQuery, colSetOptionsQuery, caseTypeSetOptionsQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbOrganizationAccessCasePolicy) => {\n    return await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbOrganizationAccessCasePolicy) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbAbacApi.getInstance().organizationAccessCasePoliciesPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbOrganizationAccessCasePolicy) => {\n    return nameFactory.getName(item);\n  }, [nameFactory]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      add_case: boolean().required(),\n      add_case_set: boolean().required(),\n      case_type_set_id: string().uuid4().required().max(100),\n      data_collection_id: string().uuid4().required().max(100),\n      is_active: boolean().required(),\n      is_private: boolean().required(),\n      organization_id: string().uuid4().required().max(100),\n      read_case_set: boolean().required(),\n      read_col_set_id: string().uuid4().required().max(100),\n      remove_case: boolean().required(),\n      remove_case_set: boolean().required(),\n      write_case_set: boolean().required(),\n      write_col_set_id: string().uuid4().nullable().notRequired().max(100),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Organization`,\n        loading: organizationOptionsQuery.isLoading,\n        name: 'organization_id',\n        options: organizationOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Case type set`,\n        loading: caseTypeSetOptionsQuery.isLoading,\n        name: 'case_type_set_id',\n        options: caseTypeSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Read column set`,\n        loading: colSetOptionsQuery.isLoading,\n        name: 'read_col_set_id',\n        options: colSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Write column set`,\n        loading: colSetOptionsQuery.isLoading,\n        name: 'write_col_set_id',\n        options: colSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case`,\n        name: 'add_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case`,\n        name: 'remove_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case set`,\n        name: 'add_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case set`,\n        name: 'remove_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Read case set`,\n        name: 'read_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Write case set`,\n        name: 'write_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is private`,\n        name: 'is_private',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is active`,\n        name: 'is_active',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [colSetOptionsQuery.isLoading, colSetOptionsQuery.options, caseTypeSetOptionsQuery.isLoading, caseTypeSetOptionsQuery.options, dataCollectionOptionsQuery.isLoading, dataCollectionOptionsQuery.options, organizationOptionsQuery.isLoading, organizationOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbOrganizationAccessCasePolicy>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'organization_id', name: t`Organization`, options: organizationOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'data_collection_id', name: t`Data collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'case_type_set_id', name: t`Case type set`, options: caseTypeSetOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'read_col_set_id', name: t`Read column set`, options: colSetOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'write_col_set_id', name: t`Write column set`, options: colSetOptionsQuery.options }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'add_case', name: t`Add case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'remove_case', name: t`Remove case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'add_case_set', name: t`Add case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'remove_case_set', name: t`Remove case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'read_case_set', name: t`Read case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'write_case_set', name: t`Write case set` }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'is_private', name: t`Private` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationAccessCasePolicy>({ id: 'is_active', name: t`Active` }),\n    ];\n  }, [colSetOptionsQuery.options, caseTypeSetOptionsQuery.options, dataCollectionOptionsQuery.options, organizationOptionsQuery.options, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbOrganizationAccessCasePolicy, CaseDbOrganizationAccessCasePolicy, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new organization access case policy`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.OrganizationAccessCasePolicyCrudCommand}\n      defaultSortByField={'organization_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Organization access case policy`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.ORGANIZATION_ACCESS_CASE_POLICIES}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('OrganizationAccessCasePoliciesAdminPage')}\n      title={t`Organization access case policies`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/pages/OrganizationShareCasePoliciesAdminPage/index.js

@@ -5,15 +5,15 @@ import { useCaseTypeSetOptionsQuery as r } from "../../dataHooks/useCaseTypeSets
 import { useOrganizationCasePolicyNameFactory as i } from "../../hooks/useOrganizationCasePolicyNameFactory/index.js";
 import { boolean as a, object as o, string as s } from "yup";
 import { CaseDbAbacApi as c, CaseDbCommandName as l } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as d, useMemo as f } from "react";
 import { useTranslation as p } from "react-i18next";
 import { jsx as m } from "react/jsx-runtime";
 import { useArray as h } from "@gen-epix/ui-core/hooks/useArray";
-import { TableUtil as g } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as g } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as _ } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { CrudPage as v } from "@gen-epix/ui/pages/CrudPage";
-import { useOrganizationOptionsQuery as y } from "@gen-epix/ui/dataHooks/useOrganizationsQuery";
+import { CrudPage as v } from "@gen-epix/ui-client-common/pages/CrudPage";
+import { useOrganizationOptionsQuery as y } from "@gen-epix/ui-client-common/dataHooks/useOrganizationsQuery";
 //#region src/pages/OrganizationShareCasePoliciesAdminPage/OrganizationShareCasePoliciesAdminPage.tsx
 var b = () => {
 	let { t: b } = p(), x = y(), S = t(), C = n(), w = r(), T = i(), E = h([

package/dist/pages/OrganizationShareCasePoliciesAdminPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/OrganizationShareCasePoliciesAdminPage/OrganizationShareCasePoliciesAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbOrganizationShareCasePolicy,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbAbacApi,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { useOrganizationOptionsQuery } from '@gen-epix/ui/dataHooks/useOrganizationsQuery';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\n\nimport { useColSetOptionsQuery } from '../../dataHooks/useColSetsQuery';\nimport { useCaseTypeSetOptionsQuery } from '../../dataHooks/useCaseTypeSetsQuery';\nimport { useDataCollectionOptionsQuery } from '../../dataHooks/useDataCollectionsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useOrganizationCasePolicyNameFactory } from '../../hooks/useOrganizationCasePolicyNameFactory';\n\ntype FormFields = OmitWithMetaData<CaseDbOrganizationShareCasePolicy, 'case_type_set' | 'data_collection' | 'from_data_collection' | 'organization'>;\n\nexport const OrganizationShareCasePoliciesAdminPage = () => {\n  const { t } = useTranslation();\n  const organizationOptionsQuery = useOrganizationOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const colSetOptionsQuery = useColSetOptionsQuery();\n  const caseTypeSetOptions = useCaseTypeSetOptionsQuery();\n\n  const nameFactory = useOrganizationCasePolicyNameFactory();\n\n  const loadables = useArray([nameFactory, organizationOptionsQuery, dataCollectionOptionsQuery, colSetOptionsQuery, caseTypeSetOptions]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbOrganizationShareCasePolicy) => {\n    return await CaseDbAbacApi.getInstance().organizationShareCasePoliciesDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbOrganizationShareCasePolicy) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbOrganizationShareCasePolicy) => {\n    return nameFactory.getName(item);\n  }, [nameFactory]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      add_case: boolean().required(),\n      add_case_set: boolean().required(),\n      case_type_set_id: string().uuid4().required().max(100),\n      data_collection_id: string().uuid4().required().max(100),\n      from_data_collection_id: string().uuid4().required().max(100),\n      is_active: boolean().required(),\n      organization_id: string().uuid4().required().max(100),\n      remove_case: boolean().required(),\n      remove_case_set: boolean().required(),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Organization`,\n        loading: organizationOptionsQuery.isLoading,\n        name: 'organization_id',\n        options: organizationOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`From data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'from_data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Case type set`,\n        loading: caseTypeSetOptions.isLoading,\n        name: 'case_type_set_id',\n        options: caseTypeSetOptions.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case`,\n        name: 'add_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case`,\n        name: 'remove_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case set`,\n        name: 'add_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case set`,\n        name: 'remove_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is active`,\n        name: 'is_active',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [caseTypeSetOptions.isLoading, caseTypeSetOptions.options, dataCollectionOptionsQuery.isLoading, dataCollectionOptionsQuery.options, organizationOptionsQuery.isLoading, organizationOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbOrganizationShareCasePolicy>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'organization_id', name: t`Organization`, options: organizationOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'data_collection_id', name: t`Data collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'from_data_collection_id', name: t`From collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'case_type_set_id', name: t`Case type set`, options: caseTypeSetOptions.options }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'add_case', name: t`Add case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'remove_case', name: t`Remove case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'add_case_set', name: t`Add case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'remove_case_set', name: t`Remove case set` }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'is_active', name: t`Active` }),\n    ];\n  }, [caseTypeSetOptions.options, dataCollectionOptionsQuery.options, organizationOptionsQuery.options, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbOrganizationShareCasePolicy, CaseDbOrganizationShareCasePolicy, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new organization share case policy`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.OrganizationShareCasePolicyCrudCommand}\n      defaultSortByField={'organization_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Organization share case policy`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.ORGANIZATION_SHARE_CASE_POLICIES}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('OrganizationShareCasePoliciesAdminPage')}\n      title={t`Organization share case policies`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/OrganizationShareCasePoliciesAdminPage/OrganizationShareCasePoliciesAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbOrganizationShareCasePolicy,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbAbacApi,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui-client-common/models/data';\nimport type { TableColumn } from '@gen-epix/ui-client-common/models/table';\nimport { CrudPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { useOrganizationOptionsQuery } from '@gen-epix/ui-client-common/dataHooks/useOrganizationsQuery';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\n\nimport { useColSetOptionsQuery } from '../../dataHooks/useColSetsQuery';\nimport { useCaseTypeSetOptionsQuery } from '../../dataHooks/useCaseTypeSetsQuery';\nimport { useDataCollectionOptionsQuery } from '../../dataHooks/useDataCollectionsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useOrganizationCasePolicyNameFactory } from '../../hooks/useOrganizationCasePolicyNameFactory';\n\ntype FormFields = OmitWithMetaData<CaseDbOrganizationShareCasePolicy, 'case_type_set' | 'data_collection' | 'from_data_collection' | 'organization'>;\n\nexport const OrganizationShareCasePoliciesAdminPage = () => {\n  const { t } = useTranslation();\n  const organizationOptionsQuery = useOrganizationOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const colSetOptionsQuery = useColSetOptionsQuery();\n  const caseTypeSetOptions = useCaseTypeSetOptionsQuery();\n\n  const nameFactory = useOrganizationCasePolicyNameFactory();\n\n  const loadables = useArray([nameFactory, organizationOptionsQuery, dataCollectionOptionsQuery, colSetOptionsQuery, caseTypeSetOptions]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbOrganizationShareCasePolicy) => {\n    return await CaseDbAbacApi.getInstance().organizationShareCasePoliciesDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbOrganizationShareCasePolicy) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbAbacApi.getInstance().organizationShareCasePoliciesPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbOrganizationShareCasePolicy) => {\n    return nameFactory.getName(item);\n  }, [nameFactory]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      add_case: boolean().required(),\n      add_case_set: boolean().required(),\n      case_type_set_id: string().uuid4().required().max(100),\n      data_collection_id: string().uuid4().required().max(100),\n      from_data_collection_id: string().uuid4().required().max(100),\n      is_active: boolean().required(),\n      organization_id: string().uuid4().required().max(100),\n      remove_case: boolean().required(),\n      remove_case_set: boolean().required(),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Organization`,\n        loading: organizationOptionsQuery.isLoading,\n        name: 'organization_id',\n        options: organizationOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`From data collection`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'from_data_collection_id',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Case type set`,\n        loading: caseTypeSetOptions.isLoading,\n        name: 'case_type_set_id',\n        options: caseTypeSetOptions.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case`,\n        name: 'add_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case`,\n        name: 'remove_case',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Add case set`,\n        name: 'add_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Remove case set`,\n        name: 'remove_case_set',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        label: t`Is active`,\n        name: 'is_active',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [caseTypeSetOptions.isLoading, caseTypeSetOptions.options, dataCollectionOptionsQuery.isLoading, dataCollectionOptionsQuery.options, organizationOptionsQuery.isLoading, organizationOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbOrganizationShareCasePolicy>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'organization_id', name: t`Organization`, options: organizationOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'data_collection_id', name: t`Data collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'from_data_collection_id', name: t`From collection`, options: dataCollectionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbOrganizationShareCasePolicy>({ id: 'case_type_set_id', name: t`Case type set`, options: caseTypeSetOptions.options }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'add_case', name: t`Add case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'remove_case', name: t`Remove case` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'add_case_set', name: t`Add case set` }),\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'remove_case_set', name: t`Remove case set` }),\n\n      TableUtil.createBooleanColumn<CaseDbOrganizationShareCasePolicy>({ id: 'is_active', name: t`Active` }),\n    ];\n  }, [caseTypeSetOptions.options, dataCollectionOptionsQuery.options, organizationOptionsQuery.options, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbOrganizationShareCasePolicy, CaseDbOrganizationShareCasePolicy, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new organization share case policy`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.OrganizationShareCasePolicyCrudCommand}\n      defaultSortByField={'organization_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Organization share case policy`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.ORGANIZATION_SHARE_CASE_POLICIES}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('OrganizationShareCasePoliciesAdminPage')}\n      title={t`Organization share case policies`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/pages/RefColsAdminPage/index.js

@@ -1,6 +1,6 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
 import { CaseDbDataUtil as t } from "../../utils/CaseDbDataUtil/index.js";
-import { t as n } from "../../_chunks/chunk-KS7C4IRE.js";
+import { t as n } from "../../_chunks/chunk-BV7QT456.js";
 import { useRefColsValidationRulesQuery as r } from "../../dataHooks/useRefColsValidationRulesQuery/index.js";
 import { useRefDimMapQuery as i, useRefDimOptionsQuery as a } from "../../dataHooks/useRefDimsQuery/index.js";
 import { useConceptSetMapQuery as o, useConceptSetOptionsQuery as s } from "../../dataHooks/useConceptSetsQuery/index.js";
@@ -10,15 +10,15 @@ import { useGeneticDistanceProtocolOptionsQuery as u } from "../../dataHooks/use
 import { useRegionSetOptionsQuery as d } from "../../dataHooks/useRegionSetsQuery/index.js";
 import { mixed as f, object as p, string as m } from "yup";
 import { CaseDbCaseApi as h, CaseDbColType as g, CaseDbCommandName as _ } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as v } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as v } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as y, useMemo as b, useRef as x } from "react";
 import { useTranslation as S } from "react-i18next";
 import { jsx as C } from "react/jsx-runtime";
 import { useArray as w } from "@gen-epix/ui-core/hooks/useArray";
-import { TableUtil as T } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as T } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as E } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { SchemaUtil as D } from "@gen-epix/ui-form/utils/SchemaUtil";
-import { CrudPage as O } from "@gen-epix/ui/pages/CrudPage";
+import { SchemaUtil as D } from "@gen-epix/ui-core-form/utils/SchemaUtil";
+import { CrudPage as O } from "@gen-epix/ui-client-common/pages/CrudPage";
 //#region src/pages/RefColsAdminPage/RefColsAdminPage.tsx
 var k = [
 	g.NOMINAL,
@@ -90,7 +90,7 @@ var k = [
 			name: "unit-is-required-for-col-type",
 			test: (e, t) => {
 				let { col_type: n } = t.parent;
-				return Y.includes(n) ? !!e : !0;
+				return !Y.includes(n) || !!e;
 			}
 		}).test({
 			message: j`Unit should match the unit of the selected concept set`,
@@ -99,7 +99,7 @@ var k = [
 				let { concept_set_id: n } = t.parent;
 				if (!n) return !0;
 				let r = I.map.get(n);
-				return r?.unit ? e === r.unit : !0;
+				return !r?.unit || e === r.unit;
 			}
 		})
 	}), [

package/dist/pages/RefColsAdminPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RefColsAdminPage/RefColsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport { useParams } from 'react-router-dom';\nimport type { UseFormReturn } from 'react-hook-form';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRefCol,\n  CaseDbUnit,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbColType,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type {\n  FormFieldDefinition,\n  OptionBase,\n} from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-form/utils/SchemaUtil';\n\nimport { useColTypeOptionsQuery } from '../../dataHooks/useColTypesQuery';\nimport { useUnitOptionsQuery } from '../../dataHooks/useUnitQuery/useUnit';\nimport {\n  useConceptSetMapQuery,\n  useConceptSetOptionsQuery,\n} from '../../dataHooks/useConceptSetsQuery';\nimport {\n  useRefDimMapQuery,\n  useRefDimOptionsQuery,\n} from '../../dataHooks/useRefDimsQuery';\nimport { useGeneticDistanceProtocolOptionsQuery } from '../../dataHooks/useGeneticDistanceProtocolsQuery';\nimport { useRegionSetOptionsQuery } from '../../dataHooks/useRegionSetsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useRefColsValidationRulesQuery } from '../../dataHooks/useRefColsValidationRulesQuery';\nimport { CaseDbDataUtil } from '../../utils/CaseDbDataUtil';\n\ntype FormFields = OmitWithMetaData<CaseDbRefCol, 'concept_set' | 'genetic_distance_protocol' | 'props' | 'ref_dim' | 'region_set'>;\n\nconst CONCEPT_COL_TYPES: CaseDbColType[] = [CaseDbColType.NOMINAL, CaseDbColType.ORDINAL, CaseDbColType.INTERVAL];\n\nexport const RefColsAdminPage = () => {\n  const { refDimId } = useParams();\n  const { t } = useTranslation();\n  const refDimOptionsQuery = useRefDimOptionsQuery();\n  const refDimMapQuery = useRefDimMapQuery();\n  const colTypeOptionsQuery = useColTypeOptionsQuery();\n  const conceptSetOptionsQuery = useConceptSetOptionsQuery();\n  const conceptSetMapQuery = useConceptSetMapQuery();\n  const regionSetOptionsQuery = useRegionSetOptionsQuery();\n  const unitOptionsQuery = useUnitOptionsQuery();\n  const geneticDistanceProtocolOptionsQuery = useGeneticDistanceProtocolOptionsQuery();\n  const colsValidationRulesQuery = useRefColsValidationRulesQuery();\n  const colTypeOptionsByDimIdCacheRef = useRef(new Map<string, OptionBase<string>[]>());\n\n  const loadables = useArray([unitOptionsQuery, conceptSetMapQuery, refDimMapQuery, refDimOptionsQuery, colTypeOptionsQuery, conceptSetOptionsQuery, regionSetOptionsQuery, geneticDistanceProtocolOptionsQuery, colsValidationRulesQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().refColsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const fetchAllSelect = useCallback((refCols: CaseDbRefCol[]) => {\n    if (refDimId) {\n      return refCols.filter((refCol) => refCol.ref_dim_id === refDimId);\n    }\n    return refCols;\n  }, [refDimId]);\n\n  const deleteOne = useCallback(async (item: CaseDbRefCol) => {\n    return await CaseDbCaseApi.getInstance().refColsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRefCol) => {\n    return (await CaseDbCaseApi.getInstance().refColsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbCaseApi.getInstance().refColsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRefCol) => {\n    return item.label;\n  }, []);\n\n  const colTypesThatRequireUnit = useMemo(() => [\n    CaseDbColType.INTERVAL,\n    CaseDbColType.DECIMAL_0,\n    CaseDbColType.DECIMAL_1,\n    CaseDbColType.DECIMAL_2,\n    CaseDbColType.DECIMAL_3,\n    CaseDbColType.DECIMAL_4,\n    CaseDbColType.DECIMAL_5,\n    CaseDbColType.DECIMAL_6] as CaseDbColType[], []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      code: SchemaUtil.code,\n      code_suffix: SchemaUtil.code,\n      col_type: mixed<CaseDbColType>().required().oneOf(Object.values(CaseDbColType)),\n      concept_set_id: string().when('col_type', {\n        is: (colType: CaseDbColType) => CONCEPT_COL_TYPES.includes(colType),\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      description: SchemaUtil.description,\n      genetic_distance_protocol_id: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.GENETIC_DISTANCE,\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      label: SchemaUtil.label,\n      rank: SchemaUtil.rank,\n      ref_dim_id: string().uuid4().required().max(100),\n      regex: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.REGULAR_LANGUAGE,\n        otherwise: () => string().regex().max(500).nullable().notRequired(),\n        then: () => string().regex().max(500).required(),\n      }),\n      region_set_id: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.GEO_REGION,\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      schema_definition: string().when('col_type', {\n        is: (col_type: CaseDbColType) => ([CaseDbColType.CONTEXT_FREE_GRAMMAR_JSON, CaseDbColType.CONTEXT_FREE_GRAMMAR_XML] as CaseDbColType[]).includes(col_type),\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().freeFormText().max(10000).required(),\n      }),\n      schema_uri: string().when('col_type', {\n        is: (col_type: CaseDbColType) => ([CaseDbColType.CONTEXT_FREE_GRAMMAR_JSON, CaseDbColType.CONTEXT_FREE_GRAMMAR_XML] as CaseDbColType[]).includes(col_type),\n        otherwise: () => string().url().max(1000).nullable().notRequired(),\n        then: () => string().url().max(1000).required(),\n      }),\n      unit: mixed<CaseDbUnit>().nullable()\n        .test({\n          message: t`Unit is required for this column type`,\n          name: 'unit-is-required-for-col-type',\n          test: (fieldValue, context) => {\n            const { col_type: colType } = context.parent as Partial<FormFields> | undefined;\n            if (colTypesThatRequireUnit.includes(colType)) {\n              return !!fieldValue;\n            }\n            return true;\n          },\n        })\n        .test({\n          message: t`Unit should match the unit of the selected concept set`,\n          name: 'unit-should-match-concept-set',\n          test: (fieldValue, context) => {\n            const { concept_set_id: conceptSetId } = context.parent as Partial<FormFields> | undefined;\n            if (!conceptSetId) {\n              return true;\n            }\n            const conceptSet = conceptSetMapQuery.map.get(conceptSetId);\n            if (!conceptSet?.unit) {\n              return true;\n            }\n            return fieldValue === conceptSet.unit;\n          },\n        }),\n    });\n  }, [colTypesThatRequireUnit, conceptSetMapQuery.map, t]);\n\n  const getColTypeOptionsForDimId = useCallback((id: string): OptionBase<string>[] => {\n    if (colTypeOptionsByDimIdCacheRef.current.has(id)) {\n      return colTypeOptionsByDimIdCacheRef.current.get(id);\n    }\n    const options = CaseDbDataUtil.getColTypeOptionsForRefDimId({\n      colsValidationRules: colsValidationRulesQuery.data?.valid_col_types_by_dim_type ?? {},\n      colTypeOptions: colTypeOptionsQuery.options,\n      refDimId: id,\n      refDimMap: refDimMapQuery.map,\n    });\n    colTypeOptionsByDimIdCacheRef.current.set(id, options);\n    return options;\n  }, [colTypeOptionsQuery.options, colsValidationRulesQuery.data?.valid_col_types_by_dim_type, refDimMapQuery.map]);\n\n  const onFormChange = useCallback((_item: CaseDbRefCol, values: FormFields, formMethods: UseFormReturn<FormFields>) => {\n    if (values.col_type && values.concept_set_id && !CONCEPT_COL_TYPES.includes(values.col_type)) {\n      formMethods.setValue('concept_set_id', null);\n    }\n    if (values.col_type && values.unit && !colTypesThatRequireUnit.includes(values.col_type)) {\n      formMethods.setValue('unit', null);\n    }\n    if (values.concept_set_id) {\n      const conceptSetUnit = conceptSetMapQuery.map.get(values.concept_set_id)?.unit;\n      if (conceptSetUnit && values.unit !== conceptSetUnit) {\n        formMethods.setValue('unit', conceptSetUnit);\n      }\n    }\n    if (values.col_type && values.region_set_id && values.col_type !== CaseDbColType.GEO_REGION) {\n      formMethods.setValue('region_set_id', null);\n    }\n    if (values.col_type && values.genetic_distance_protocol_id && values.col_type !== CaseDbColType.GENETIC_DISTANCE) {\n      formMethods.setValue('genetic_distance_protocol_id', null);\n    }\n    if (values.col_type && values.ref_dim_id) {\n      const validColOptions = getColTypeOptionsForDimId(values.ref_dim_id);\n      if (!validColOptions.find(option => option.value === values.col_type)) {\n        formMethods.setValue('col_type', validColOptions.length === 1 ? validColOptions[0].value as CaseDbColType : null);\n      }\n    }\n\n  }, [colTypesThatRequireUnit, conceptSetMapQuery.map, getColTypeOptionsForDimId]);\n\n\n  const formFieldDefinitions = useCallback((item: CaseDbRefCol, values: FormFields): FormFieldDefinition<FormFields>[] => {\n    const normalizedRefDimId = values?.ref_dim_id ?? item?.ref_dim_id ?? refDimId ?? null;\n    const normalizedColType = values?.col_type ?? item?.col_type ?? null;\n\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Reference dimension`,\n        name: 'ref_dim_id',\n        options: refDimOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Column type`,\n        loading: colTypeOptionsQuery.isLoading,\n        name: 'col_type',\n        options: getColTypeOptionsForDimId(normalizedRefDimId),\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Label`,\n        name: 'label',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 5,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Code`,\n        name: 'code',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Column code prefix`,\n        name: 'code_suffix',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Concept set`,\n        name: 'concept_set_id',\n        options: conceptSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Region set`,\n        name: 'region_set_id',\n        options: regionSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Genetic distance protocol`,\n        name: 'genetic_distance_protocol_id',\n        options: geneticDistanceProtocolOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Rank`,\n        name: 'rank',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Regex`,\n        name: 'regex',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Schema URI`,\n        name: 'schema_uri',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Schema definition`,\n        multiline: true,\n        name: 'schema_definition',\n        rows: 10,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !normalizedColType || !colTypesThatRequireUnit.includes(normalizedColType),\n        label: t`Unit`,\n        loading: unitOptionsQuery.isLoading,\n        name: 'unit',\n        options: unitOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const satisfies FormFieldDefinition<FormFields>[];\n  }, [refDimId, t, refDimOptionsQuery.options, colTypeOptionsQuery.isLoading, getColTypeOptionsForDimId, conceptSetOptionsQuery.options, regionSetOptionsQuery.options, geneticDistanceProtocolOptionsQuery.options, colTypesThatRequireUnit, unitOptionsQuery.isLoading, unitOptionsQuery.options]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRefCol>[] => {\n    const columns: TableColumn<CaseDbRefCol>[] = [];\n\n    if (!refDimId) {\n      columns.push(\n        TableUtil.createOptionsColumn<CaseDbRefCol>({ id: 'ref_dim_id', name: t`Reference dimension`, options: refDimOptionsQuery.options }),\n      );\n    }\n\n    columns.push(\n      TableUtil.createTextColumn<CaseDbRefCol>({ id: 'code', name: t`Code` }),\n      TableUtil.createOptionsColumn<CaseDbRefCol>({ id: 'col_type', name: t`Column type`, options: colTypeOptionsQuery.options }),\n      TableUtil.createTextColumn<CaseDbRefCol>({ id: 'label', name: t`Label` }),\n      TableUtil.createNumberColumn<CaseDbRefCol>({ id: 'rank', name: t`Rank` }),\n    );\n\n    return columns;\n  }, [colTypeOptionsQuery.options, refDimId, refDimOptionsQuery.options, t]);\n\n  const getOptimisticUpdateIntermediateItem = useCallback((variables: FormFields, previousItem: CaseDbRefCol): CaseDbRefCol => {\n    return {\n      id: previousItem.id,\n      ref_dim_id: previousItem.ref_dim_id,\n      ...variables,\n    };\n  }, []);\n\n  const defaultNewItem = useMemo<Partial<FormFields>>(() => {\n    return {\n      ref_dim_id: refDimId ?? null,\n    };\n  }, [refDimId]);\n\n  const title = useMemo(() => {\n    const parts: string[] = [];\n\n    if (refDimId && refDimMapQuery.map.has(refDimId)) {\n      parts.push(refDimMapQuery.map.get(refDimId)?.code);\n    }\n    parts.push(t`Reference columns`);\n\n    return parts;\n  }, [refDimId, refDimMapQuery.map, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbRefCol, CaseDbRefCol, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new reference column`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RefColCrudCommand}\n      defaultNewItem={defaultNewItem}\n      defaultSortByField={refDimId ? 'rank' : 'ref_dim_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      fetchAllSelect={fetchAllSelect}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      getOptimisticUpdateIntermediateItem={getOptimisticUpdateIntermediateItem}\n      itemName={t`Reference column`}\n      loadables={loadables}\n      onFormChange={onFormChange}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REF_COLS}\n      schema={schema}\n      tableColumns={tableColumns}\n      tableStoreStorageNamePostFix={refDimId ? 'RefDim' : undefined}\n      testIdAttributes={TestIdUtil.createAttributes('RefColsAdminPage')}\n      title={title}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RefColsAdminPage/RefColsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport { useParams } from 'react-router-dom';\nimport type { UseFormReturn } from 'react-hook-form';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRefCol,\n  CaseDbUnit,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbColType,\n  CaseDbCommandName,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui-client-common/models/data';\nimport type { TableColumn } from '@gen-epix/ui-client-common/models/table';\nimport { CrudPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type {\n  FormFieldDefinition,\n  OptionBase,\n} from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-core-form/utils/SchemaUtil';\n\nimport { useColTypeOptionsQuery } from '../../dataHooks/useColTypesQuery';\nimport { useUnitOptionsQuery } from '../../dataHooks/useUnitQuery/useUnit';\nimport {\n  useConceptSetMapQuery,\n  useConceptSetOptionsQuery,\n} from '../../dataHooks/useConceptSetsQuery';\nimport {\n  useRefDimMapQuery,\n  useRefDimOptionsQuery,\n} from '../../dataHooks/useRefDimsQuery';\nimport { useGeneticDistanceProtocolOptionsQuery } from '../../dataHooks/useGeneticDistanceProtocolsQuery';\nimport { useRegionSetOptionsQuery } from '../../dataHooks/useRegionSetsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useRefColsValidationRulesQuery } from '../../dataHooks/useRefColsValidationRulesQuery';\nimport { CaseDbDataUtil } from '../../utils/CaseDbDataUtil';\n\ntype FormFields = OmitWithMetaData<CaseDbRefCol, 'concept_set' | 'genetic_distance_protocol' | 'props' | 'ref_dim' | 'region_set'>;\n\nconst CONCEPT_COL_TYPES: CaseDbColType[] = [CaseDbColType.NOMINAL, CaseDbColType.ORDINAL, CaseDbColType.INTERVAL];\n\nexport const RefColsAdminPage = () => {\n  const { refDimId } = useParams();\n  const { t } = useTranslation();\n  const refDimOptionsQuery = useRefDimOptionsQuery();\n  const refDimMapQuery = useRefDimMapQuery();\n  const colTypeOptionsQuery = useColTypeOptionsQuery();\n  const conceptSetOptionsQuery = useConceptSetOptionsQuery();\n  const conceptSetMapQuery = useConceptSetMapQuery();\n  const regionSetOptionsQuery = useRegionSetOptionsQuery();\n  const unitOptionsQuery = useUnitOptionsQuery();\n  const geneticDistanceProtocolOptionsQuery = useGeneticDistanceProtocolOptionsQuery();\n  const colsValidationRulesQuery = useRefColsValidationRulesQuery();\n  const colTypeOptionsByDimIdCacheRef = useRef(new Map<string, OptionBase<string>[]>());\n\n  const loadables = useArray([unitOptionsQuery, conceptSetMapQuery, refDimMapQuery, refDimOptionsQuery, colTypeOptionsQuery, conceptSetOptionsQuery, regionSetOptionsQuery, geneticDistanceProtocolOptionsQuery, colsValidationRulesQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().refColsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const fetchAllSelect = useCallback((refCols: CaseDbRefCol[]) => {\n    if (refDimId) {\n      return refCols.filter((refCol) => refCol.ref_dim_id === refDimId);\n    }\n    return refCols;\n  }, [refDimId]);\n\n  const deleteOne = useCallback(async (item: CaseDbRefCol) => {\n    return await CaseDbCaseApi.getInstance().refColsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRefCol) => {\n    return (await CaseDbCaseApi.getInstance().refColsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbCaseApi.getInstance().refColsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRefCol) => {\n    return item.label;\n  }, []);\n\n  const colTypesThatRequireUnit = useMemo(() => [\n    CaseDbColType.INTERVAL,\n    CaseDbColType.DECIMAL_0,\n    CaseDbColType.DECIMAL_1,\n    CaseDbColType.DECIMAL_2,\n    CaseDbColType.DECIMAL_3,\n    CaseDbColType.DECIMAL_4,\n    CaseDbColType.DECIMAL_5,\n    CaseDbColType.DECIMAL_6] as CaseDbColType[], []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      code: SchemaUtil.code,\n      code_suffix: SchemaUtil.code,\n      col_type: mixed<CaseDbColType>().required().oneOf(Object.values(CaseDbColType)),\n      concept_set_id: string().when('col_type', {\n        is: (colType: CaseDbColType) => CONCEPT_COL_TYPES.includes(colType),\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      description: SchemaUtil.description,\n      genetic_distance_protocol_id: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.GENETIC_DISTANCE,\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      label: SchemaUtil.label,\n      rank: SchemaUtil.rank,\n      ref_dim_id: string().uuid4().required().max(100),\n      regex: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.REGULAR_LANGUAGE,\n        otherwise: () => string().regex().max(500).nullable().notRequired(),\n        then: () => string().regex().max(500).required(),\n      }),\n      region_set_id: string().when('col_type', {\n        is: (col_type: CaseDbColType) => col_type === CaseDbColType.GEO_REGION,\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().uuid4().required(),\n      }),\n      schema_definition: string().when('col_type', {\n        is: (col_type: CaseDbColType) => ([CaseDbColType.CONTEXT_FREE_GRAMMAR_JSON, CaseDbColType.CONTEXT_FREE_GRAMMAR_XML] as CaseDbColType[]).includes(col_type),\n        otherwise: () => string().nullable().notRequired(),\n        then: () => string().freeFormText().max(10000).required(),\n      }),\n      schema_uri: string().when('col_type', {\n        is: (col_type: CaseDbColType) => ([CaseDbColType.CONTEXT_FREE_GRAMMAR_JSON, CaseDbColType.CONTEXT_FREE_GRAMMAR_XML] as CaseDbColType[]).includes(col_type),\n        otherwise: () => string().url().max(1000).nullable().notRequired(),\n        then: () => string().url().max(1000).required(),\n      }),\n      unit: mixed<CaseDbUnit>().nullable()\n        .test({\n          message: t`Unit is required for this column type`,\n          name: 'unit-is-required-for-col-type',\n          test: (fieldValue, context) => {\n            const { col_type: colType } = context.parent as Partial<FormFields> | undefined;\n            if (colTypesThatRequireUnit.includes(colType)) {\n              return !!fieldValue;\n            }\n            return true;\n          },\n        })\n        .test({\n          message: t`Unit should match the unit of the selected concept set`,\n          name: 'unit-should-match-concept-set',\n          test: (fieldValue, context) => {\n            const { concept_set_id: conceptSetId } = context.parent as Partial<FormFields> | undefined;\n            if (!conceptSetId) {\n              return true;\n            }\n            const conceptSet = conceptSetMapQuery.map.get(conceptSetId);\n            if (!conceptSet?.unit) {\n              return true;\n            }\n            return fieldValue === conceptSet.unit;\n          },\n        }),\n    });\n  }, [colTypesThatRequireUnit, conceptSetMapQuery.map, t]);\n\n  const getColTypeOptionsForDimId = useCallback((id: string): OptionBase<string>[] => {\n    if (colTypeOptionsByDimIdCacheRef.current.has(id)) {\n      return colTypeOptionsByDimIdCacheRef.current.get(id);\n    }\n    const options = CaseDbDataUtil.getColTypeOptionsForRefDimId({\n      colsValidationRules: colsValidationRulesQuery.data?.valid_col_types_by_dim_type ?? {},\n      colTypeOptions: colTypeOptionsQuery.options,\n      refDimId: id,\n      refDimMap: refDimMapQuery.map,\n    });\n    colTypeOptionsByDimIdCacheRef.current.set(id, options);\n    return options;\n  }, [colTypeOptionsQuery.options, colsValidationRulesQuery.data?.valid_col_types_by_dim_type, refDimMapQuery.map]);\n\n  const onFormChange = useCallback((_item: CaseDbRefCol, values: FormFields, formMethods: UseFormReturn<FormFields>) => {\n    if (values.col_type && values.concept_set_id && !CONCEPT_COL_TYPES.includes(values.col_type)) {\n      formMethods.setValue('concept_set_id', null);\n    }\n    if (values.col_type && values.unit && !colTypesThatRequireUnit.includes(values.col_type)) {\n      formMethods.setValue('unit', null);\n    }\n    if (values.concept_set_id) {\n      const conceptSetUnit = conceptSetMapQuery.map.get(values.concept_set_id)?.unit;\n      if (conceptSetUnit && values.unit !== conceptSetUnit) {\n        formMethods.setValue('unit', conceptSetUnit);\n      }\n    }\n    if (values.col_type && values.region_set_id && values.col_type !== CaseDbColType.GEO_REGION) {\n      formMethods.setValue('region_set_id', null);\n    }\n    if (values.col_type && values.genetic_distance_protocol_id && values.col_type !== CaseDbColType.GENETIC_DISTANCE) {\n      formMethods.setValue('genetic_distance_protocol_id', null);\n    }\n    if (values.col_type && values.ref_dim_id) {\n      const validColOptions = getColTypeOptionsForDimId(values.ref_dim_id);\n      if (!validColOptions.find(option => option.value === values.col_type)) {\n        formMethods.setValue('col_type', validColOptions.length === 1 ? validColOptions[0].value as CaseDbColType : null);\n      }\n    }\n\n  }, [colTypesThatRequireUnit, conceptSetMapQuery.map, getColTypeOptionsForDimId]);\n\n\n  const formFieldDefinitions = useCallback((item: CaseDbRefCol, values: FormFields): FormFieldDefinition<FormFields>[] => {\n    const normalizedRefDimId = values?.ref_dim_id ?? item?.ref_dim_id ?? refDimId ?? null;\n    const normalizedColType = values?.col_type ?? item?.col_type ?? null;\n\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Reference dimension`,\n        name: 'ref_dim_id',\n        options: refDimOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Column type`,\n        loading: colTypeOptionsQuery.isLoading,\n        name: 'col_type',\n        options: getColTypeOptionsForDimId(normalizedRefDimId),\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Label`,\n        name: 'label',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 5,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Code`,\n        name: 'code',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Column code prefix`,\n        name: 'code_suffix',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Concept set`,\n        name: 'concept_set_id',\n        options: conceptSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Region set`,\n        name: 'region_set_id',\n        options: regionSetOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Genetic distance protocol`,\n        name: 'genetic_distance_protocol_id',\n        options: geneticDistanceProtocolOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Rank`,\n        name: 'rank',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Regex`,\n        name: 'regex',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Schema URI`,\n        name: 'schema_uri',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Schema definition`,\n        multiline: true,\n        name: 'schema_definition',\n        rows: 10,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !normalizedColType || !colTypesThatRequireUnit.includes(normalizedColType),\n        label: t`Unit`,\n        loading: unitOptionsQuery.isLoading,\n        name: 'unit',\n        options: unitOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const satisfies FormFieldDefinition<FormFields>[];\n  }, [refDimId, t, refDimOptionsQuery.options, colTypeOptionsQuery.isLoading, getColTypeOptionsForDimId, conceptSetOptionsQuery.options, regionSetOptionsQuery.options, geneticDistanceProtocolOptionsQuery.options, colTypesThatRequireUnit, unitOptionsQuery.isLoading, unitOptionsQuery.options]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRefCol>[] => {\n    const columns: TableColumn<CaseDbRefCol>[] = [];\n\n    if (!refDimId) {\n      columns.push(\n        TableUtil.createOptionsColumn<CaseDbRefCol>({ id: 'ref_dim_id', name: t`Reference dimension`, options: refDimOptionsQuery.options }),\n      );\n    }\n\n    columns.push(\n      TableUtil.createTextColumn<CaseDbRefCol>({ id: 'code', name: t`Code` }),\n      TableUtil.createOptionsColumn<CaseDbRefCol>({ id: 'col_type', name: t`Column type`, options: colTypeOptionsQuery.options }),\n      TableUtil.createTextColumn<CaseDbRefCol>({ id: 'label', name: t`Label` }),\n      TableUtil.createNumberColumn<CaseDbRefCol>({ id: 'rank', name: t`Rank` }),\n    );\n\n    return columns;\n  }, [colTypeOptionsQuery.options, refDimId, refDimOptionsQuery.options, t]);\n\n  const getOptimisticUpdateIntermediateItem = useCallback((variables: FormFields, previousItem: CaseDbRefCol): CaseDbRefCol => {\n    return {\n      id: previousItem.id,\n      ref_dim_id: previousItem.ref_dim_id,\n      ...variables,\n    };\n  }, []);\n\n  const defaultNewItem = useMemo<Partial<FormFields>>(() => {\n    return {\n      ref_dim_id: refDimId ?? null,\n    };\n  }, [refDimId]);\n\n  const title = useMemo(() => {\n    const parts: string[] = [];\n\n    if (refDimId && refDimMapQuery.map.has(refDimId)) {\n      parts.push(refDimMapQuery.map.get(refDimId)?.code);\n    }\n    parts.push(t`Reference columns`);\n\n    return parts;\n  }, [refDimId, refDimMapQuery.map, t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbRefCol, CaseDbRefCol, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new reference column`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RefColCrudCommand}\n      defaultNewItem={defaultNewItem}\n      defaultSortByField={refDimId ? 'rank' : 'ref_dim_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      fetchAllSelect={fetchAllSelect}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      getOptimisticUpdateIntermediateItem={getOptimisticUpdateIntermediateItem}\n      itemName={t`Reference column`}\n      loadables={loadables}\n      onFormChange={onFormChange}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REF_COLS}\n      schema={schema}\n      tableColumns={tableColumns}\n      tableStoreStorageNamePostFix={refDimId ? 'RefDim' : undefined}\n      testIdAttributes={TestIdUtil.createAttributes('RefColsAdminPage')}\n      title={title}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsDA,IAAM,IAAqC;CAAC,EAAc;CAAS,EAAc;CAAS,EAAc;AAAQ,GAEnG,UAAyB;CACpC,IAAM,EAAE,gBAAa,EAAU,GACzB,EAAE,SAAM,EAAe,GACvB,IAAqB,EAAsB,GAC3C,IAAiB,EAAkB,GACnC,IAAsB,EAAuB,GAC7C,IAAyB,EAA0B,GACnD,IAAqB,EAAsB,GAC3C,IAAwB,EAAyB,GACjD,IAAmB,EAAoB,GACvC,IAAsC,EAAuC,GAC7E,IAA2B,EAA+B,GAC1D,IAAgC,kBAAO,IAAI,IAAkC,CAAC,GAE9E,IAAY,EAAS;EAAC;EAAkB;EAAoB;EAAgB;EAAoB;EAAqB;EAAwB;EAAuB;EAAqC;CAAwB,CAAC,GAElO,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACjF,CAAC,CAAC,GAEC,IAAiB,GAAa,MAC9B,IACK,EAAQ,QAAQ,MAAW,EAAO,eAAe,CAAQ,IAE3D,GACN,CAAC,CAAQ,CAAC,GAEP,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAc,YAAY,CAAC,CAAC,iBAAiB,EAAK,EAAE,GAChE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,MAChG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAc,YAAY,CAAC,CAAC,eAAe,CAAS,EAAA,CAAG,MACpE,CAAC,CAAC,GAEC,IAAU,GAAa,MACpB,EAAK,OACX,CAAC,CAAC,GAEC,IAA0B,QAAc;EAC5C,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;CAAS,GAAsB,CAAC,CAAC,GAE3C,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,MAAM,EAAW;EACjB,aAAa,EAAW;EACxB,UAAU,EAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,OAAO,OAAO,CAAa,CAAC;EAC9E,gBAAgB,EAAO,CAAC,CAAC,KAAK,YAAY;GACxC,KAAK,MAA2B,EAAkB,SAAS,CAAO;GAClE,iBAAiB,EAAO,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GACjD,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;EACxC,CAAC;EACD,aAAa,EAAW;EACxB,8BAA8B,EAAO,CAAC,CAAC,KAAK,YAAY;GACtD,KAAK,MAA4B,MAAa,EAAc;GAC5D,iBAAiB,EAAO,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GACjD,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;EACxC,CAAC;EACD,OAAO,EAAW;EAClB,MAAM,EAAW;EACjB,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,GAAG;EAC/C,OAAO,EAAO,CAAC,CAAC,KAAK,YAAY;GAC/B,KAAK,MAA4B,MAAa,EAAc;GAC5D,iBAAiB,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GAClE,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS;EACjD,CAAC;EACD,eAAe,EAAO,CAAC,CAAC,KAAK,YAAY;GACvC,KAAK,MAA4B,MAAa,EAAc;GAC5D,iBAAiB,EAAO,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GACjD,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;EACxC,CAAC;EACD,mBAAmB,EAAO,CAAC,CAAC,KAAK,YAAY;GAC3C,KAAK,MAA6B,CAAC,EAAc,2BAA2B,EAAc,wBAAwB,CAAC,CAAqB,SAAS,CAAQ;GACzJ,iBAAiB,EAAO,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GACjD,YAAY,EAAO,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,GAAK,CAAC,CAAC,SAAS;EAC1D,CAAC;EACD,YAAY,EAAO,CAAC,CAAC,KAAK,YAAY;GACpC,KAAK,MAA6B,CAAC,EAAc,2BAA2B,EAAc,wBAAwB,CAAC,CAAqB,SAAS,CAAQ;GACzJ,iBAAiB,EAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAI,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY;GACjE,YAAY,EAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAI,CAAC,CAAC,SAAS;EAChD,CAAC;EACD,MAAM,EAAkB,CAAC,CAAC,SAAS,CAAC,CACjC,KAAK;GACJ,SAAS,CAAC;GACV,MAAM;GACN,OAAO,GAAY,MAAY;IAC7B,IAAM,EAAE,UAAU,MAAY,EAAQ;IAItC,OAHA,CAAI,EAAwB,SAAS,CAAO,KACnC,CAAC,CAAC;GAGb;EACF,CAAC,CAAC,CACD,KAAK;GACJ,SAAS,CAAC;GACV,MAAM;GACN,OAAO,GAAY,MAAY;IAC7B,IAAM,EAAE,gBAAgB,MAAiB,EAAQ;IACjD,IAAI,CAAC,GACH,OAAO;IAET,IAAM,IAAa,EAAmB,IAAI,IAAI,CAAY;IAI1D,OAHA,CAAK,GAAY,QAGV,MAAe,EAAW;GACnC;EACF,CAAC;CACL,CAAC,GACA;EAAC;EAAyB,EAAmB;EAAK;CAAC,CAAC,GAEjD,IAA4B,GAAa,MAAqC;EAClF,IAAI,EAA8B,QAAQ,IAAI,CAAE,GAC9C,OAAO,EAA8B,QAAQ,IAAI,CAAE;EAErD,IAAM,IAAU,EAAe,6BAA6B;GAC1D,qBAAqB,EAAyB,MAAM,+BAA+B,CAAC;GACpF,gBAAgB,EAAoB;GACpC,UAAU;GACV,WAAW,EAAe;EAC5B,CAAC;EAED,OADA,EAA8B,QAAQ,IAAI,GAAI,CAAO,GAC9C;CACT,GAAG;EAAC,EAAoB;EAAS,EAAyB,MAAM;EAA6B,EAAe;CAAG,CAAC,GAE1G,IAAe,GAAa,GAAqB,GAAoB,MAA2C;EAOpH,IANI,EAAO,YAAY,EAAO,kBAAkB,CAAC,EAAkB,SAAS,EAAO,QAAQ,KACzF,EAAY,SAAS,kBAAkB,IAAI,GAEzC,EAAO,YAAY,EAAO,QAAQ,CAAC,EAAwB,SAAS,EAAO,QAAQ,KACrF,EAAY,SAAS,QAAQ,IAAI,GAE/B,EAAO,gBAAgB;GACzB,IAAM,IAAiB,EAAmB,IAAI,IAAI,EAAO,cAAc,CAAC,EAAE;GAC1E,AAAI,KAAkB,EAAO,SAAS,KACpC,EAAY,SAAS,QAAQ,CAAc;EAE/C;EAOA,IANI,EAAO,YAAY,EAAO,iBAAiB,EAAO,aAAa,EAAc,cAC/E,EAAY,SAAS,iBAAiB,IAAI,GAExC,EAAO,YAAY,EAAO,gCAAgC,EAAO,aAAa,EAAc,oBAC9F,EAAY,SAAS,gCAAgC,IAAI,GAEvD,EAAO,YAAY,EAAO,YAAY;GACxC,IAAM,IAAkB,EAA0B,EAAO,UAAU;GACnE,AAAK,EAAgB,MAAK,MAAU,EAAO,UAAU,EAAO,QAAQ,KAClE,EAAY,SAAS,YAAY,EAAgB,WAAW,IAAI,EAAgB,EAAE,CAAC,QAAyB,IAAI;EAEpH;CAEF,GAAG;EAAC;EAAyB,EAAmB;EAAK;CAAyB,CAAC,GAGzE,IAAuB,GAAa,GAAoB,MAA0D;EACtH,IAAM,IAAqB,GAAQ,cAAc,GAAM,cAAc,KAAY,MAC3E,IAAoB,GAAQ,YAAY,GAAM,YAAY;EAEhE,OAAO;GACL;IACE,YAAY,EAA2B;IACvC,UAAU,CAAC,CAAC;IACZ,OAAO,CAAC;IACR,MAAM;IACN,SAAS,EAAmB;GAC9B;GACA;IACE,YAAY,EAA2B;IACvC,UAAU,CAAC,CAAC;IACZ,OAAO,CAAC;IACR,SAAS,EAAoB;IAC7B,MAAM;IACN,SAAS,EAA0B,CAAkB;GACvD;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,WAAW;IACX,MAAM;IACN,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;IACN,SAAS,EAAuB;GAClC;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;IACN,SAAS,EAAsB;GACjC;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;IACN,SAAS,EAAoC;GAC/C;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;IACN,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,OAAO,CAAC;IACR,WAAW;IACX,MAAM;IACN,MAAM;GACR;GACA;IACE,YAAY,EAA2B;IACvC,UAAU,CAAC,KAAqB,CAAC,EAAwB,SAAS,CAAiB;IACnF,OAAO,CAAC;IACR,SAAS,EAAiB;IAC1B,MAAM;IACN,SAAS,EAAiB;GAC5B;EACF;CACF,GAAG;EAAC;EAAU;EAAG,EAAmB;EAAS,EAAoB;EAAW;EAA2B,EAAuB;EAAS,EAAsB;EAAS,EAAoC;EAAS;EAAyB,EAAiB;EAAW,EAAiB;CAAO,CAAC,GAE3R,KAAe,QAA2C;EAC9D,IAAM,IAAuC,CAAC;EAe9C,OAbK,KACH,EAAQ,KACN,EAAU,oBAAkC;GAAE,IAAI;GAAc,MAAM,CAAC;GAAuB,SAAS,EAAmB;EAAQ,CAAC,CACrI,GAGF,EAAQ,KACN,EAAU,iBAA+B;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC,GACtE,EAAU,oBAAkC;GAAE,IAAI;GAAY,MAAM,CAAC;GAAe,SAAS,EAAoB;EAAQ,CAAC,GAC1H,EAAU,iBAA+B;GAAE,IAAI;GAAS,MAAM,CAAC;EAAQ,CAAC,GACxE,EAAU,mBAAiC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC,CAC1E,GAEO;CACT,GAAG;EAAC,EAAoB;EAAS;EAAU,EAAmB;EAAS;CAAC,CAAC,GAEnE,KAAsC,GAAa,GAAuB,OACvE;EACL,IAAI,EAAa;EACjB,YAAY,EAAa;EACzB,GAAG;CACL,IACC,CAAC,CAAC,GAEC,KAAiB,SACd,EACL,YAAY,KAAY,KAC1B,IACC,CAAC,CAAQ,CAAC,GAEP,KAAQ,QAAc;EAC1B,IAAM,IAAkB,CAAC;EAOzB,OALI,KAAY,EAAe,IAAI,IAAI,CAAQ,KAC7C,EAAM,KAAK,EAAe,IAAI,IAAI,CAAQ,CAAC,EAAE,IAAI,GAEnD,EAAM,KAAK,CAAC,mBAAmB,GAExB;CACT,GAAG;EAAC;EAAU,EAAe;EAAK;CAAC,CAAC;CAEpC,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnB;EAChB,oBAAoB,IAAW,SAAS;EACxC,sBAAsB;EACX;EACD;EACM;EACM;EACb;EAC4B;EACrC,UAAU,CAAC;EACA;EACG;EACd,sBAAsB,EAAiB;EAC/B;EACM;EACd,8BAA8B,IAAW,WAAW,KAAA;EACpD,kBAAkB,EAAW,iBAAiB,kBAAkB;EACzD;EACI;CACZ,CAAA;AAEL"}

package/dist/pages/RefDimsAdminPage/index.js

@@ -2,15 +2,15 @@ import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
 import { useDimTypeOptionsQuery as t } from "../../dataHooks/useDimTypesQuery/index.js";
 import { mixed as n, object as r, string as i } from "yup";
 import { CaseDbCaseApi as a, CaseDbCommandName as o, CaseDbDimType as s, CaseDbPermissionType as c } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as l } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as l } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as u, useMemo as d } from "react";
 import { useTranslation as f } from "react-i18next";
 import { jsx as p } from "react/jsx-runtime";
-import { TableUtil as m } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as m } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as h } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { SchemaUtil as g } from "@gen-epix/ui-form/utils/SchemaUtil";
-import { AuthorizationService as _ } from "@gen-epix/ui/classes/services/AuthorizationService";
-import { CrudPage as v } from "@gen-epix/ui/pages/CrudPage";
+import { SchemaUtil as g } from "@gen-epix/ui-core-form/utils/SchemaUtil";
+import { AuthorizationService as _ } from "@gen-epix/ui-client-common/classes/services/AuthorizationService";
+import { CrudPage as v } from "@gen-epix/ui-client-common/pages/CrudPage";
 //#region src/pages/RefDimsAdminPage/RefDimsAdminPage.tsx
 var y = () => {
 	let { t: y } = f(), b = t(), x = u(async (e) => (await a.getInstance().refDimsGetAll(null, null, { signal: e }))?.data, []), S = u(async (e) => await a.getInstance().refDimsDeleteOne(e.id), []), C = u(async (e, t) => (await a.getInstance().refDimsPutOne(t.id, {

package/dist/pages/RefDimsAdminPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RefDimsAdminPage/RefDimsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRefDim,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCommandName,\n  CaseDbDimType,\n  CaseDbPermissionType,\n} from '@gen-epix/api-casedb';\nimport type { CrudPageSubPage } from '@gen-epix/ui/pages/CrudPage';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { AuthorizationService } from '@gen-epix/ui/classes/services/AuthorizationService';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-form/utils/SchemaUtil';\n\nimport { useDimTypeOptionsQuery } from '../../dataHooks/useDimTypesQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\ntype FormFields = OmitWithMetaData<CaseDbRefDim, 'props'>;\n\nexport const RefDimsAdminPage = () => {\n  const { t } = useTranslation();\n  const dimTypeOptionsQuery = useDimTypeOptionsQuery();\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().refDimsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbRefDim) => {\n    return await CaseDbCaseApi.getInstance().refDimsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRefDim) => {\n    return (await CaseDbCaseApi.getInstance().refDimsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbCaseApi.getInstance().refDimsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRefDim) => {\n    return item.label;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      code: SchemaUtil.code,\n      col_code_prefix: string().alphaNumeric().required().max(100),\n      description: SchemaUtil.description,\n      dim_type: mixed<CaseDbDimType>().required().oneOf(Object.values(CaseDbDimType)),\n      label: SchemaUtil.label,\n      rank: SchemaUtil.rank,\n    });\n  }, []);\n\n  const formFieldDefinitions = useCallback((item: CaseDbRefDim): FormFieldDefinition<FormFields>[] => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Dimension type`,\n        name: 'dim_type',\n        options: dimTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Label`,\n        name: 'label',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 5,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Code`,\n        name: 'code',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Column code prefix`,\n        name: 'col_code_prefix',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Rank`,\n        name: 'rank',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [dimTypeOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRefDim>[] => {\n    return [\n      TableUtil.createTextColumn<CaseDbRefDim>({ id: 'code', name: t`Code` }),\n      TableUtil.createOptionsColumn<CaseDbRefDim>({ id: 'dim_type', name: t`Dimension type`, options: dimTypeOptionsQuery.options }),\n      TableUtil.createTextColumn<CaseDbRefDim>({ id: 'label', name: t`Label` }),\n      TableUtil.createNumberColumn<CaseDbRefDim>({ id: 'rank', name: t`Rank` }),\n    ];\n  }, [dimTypeOptionsQuery.options, t]);\n\n  const subPages = useMemo<CrudPageSubPage<CaseDbRefDim>[]>(() => {\n    if (!AuthorizationService.getInstance().doesUserHavePermission<CaseDbApiPermission>([\n      { command_name: CaseDbCommandName.RefColCrudCommand, permission_type: CaseDbPermissionType.READ },\n    ])) {\n      return [];\n    }\n\n    return [\n      {\n        getPathName: (item: CaseDbRefDim) => `/management/reference-dimensions/${item.id}/reference-columns`,\n        label: t`Manage reference columns`,\n      } satisfies CrudPageSubPage<CaseDbRefDim>,\n    ];\n  }, [t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbRefDim, CaseDbRefDim, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new reference dimension`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RefDimCrudCommand}\n      defaultSortByField={'code'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Reference dimension`}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REF_DIMS}\n      schema={schema}\n      subPages={subPages}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('RefDimsAdminPage')}\n      title={t`Dimensions`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAoCA,IAAa,UAAyB;CACpC,IAAM,EAAE,SAAM,EAAe,GACvB,IAAsB,EAAuB,GAE7C,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACjF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAc,YAAY,CAAC,CAAC,iBAAiB,EAAK,EAAE,GAChE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,MAChG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAc,YAAY,CAAC,CAAC,eAAe,CAAS,EAAA,CAAG,MACpE,CAAC,CAAC,GAEC,IAAU,GAAa,MACpB,EAAK,OACX,CAAC,CAAC,GAEC,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,MAAM,EAAW;EACjB,iBAAiB,EAAO,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,GAAG;EAC3D,aAAa,EAAW;EACxB,UAAU,EAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,OAAO,OAAO,CAAa,CAAC;EAC9E,OAAO,EAAW;EAClB,MAAM,EAAW;CACnB,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,GAAa,MACjC;EACL;GACE,YAAY,EAA2B;GACvC,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC;GACR,MAAM;GACN,SAAS,EAAoB;EAC/B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,WAAW;GACX,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;CACF,GACC,CAAC,EAAoB,SAAS,CAAC,CAAC,GAE7B,IAAe,QACZ;EACL,EAAU,iBAA+B;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;EACtE,EAAU,oBAAkC;GAAE,IAAI;GAAY,MAAM,CAAC;GAAkB,SAAS,EAAoB;EAAQ,CAAC;EAC7H,EAAU,iBAA+B;GAAE,IAAI;GAAS,MAAM,CAAC;EAAQ,CAAC;EACxE,EAAU,mBAAiC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;CAC1E,GACC,CAAC,EAAoB,SAAS,CAAC,CAAC,GAE7B,IAAW,QACV,EAAqB,YAAY,CAAC,CAAC,uBAA4C,CAClF;EAAE,cAAc,EAAkB;EAAmB,iBAAiB,EAAqB;CAAK,CAClG,CAAC,IAIM,CACL;EACE,cAAc,MAAuB,oCAAoC,EAAK,GAAG;EACjF,OAAO,CAAC;CACV,CACF,IARS,CAAC,GAST,CAAC,CAAC,CAAC;CAEN,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACY;EACb;EACT,UAAU,CAAC;EACX,sBAAsB,EAAiB;EAC/B;EACE;EACI;EACd,kBAAkB,EAAW,iBAAiB,kBAAkB;EAChE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RefDimsAdminPage/RefDimsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRefDim,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCommandName,\n  CaseDbDimType,\n  CaseDbPermissionType,\n} from '@gen-epix/api-casedb';\nimport type { CrudPageSubPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport type { OmitWithMetaData } from '@gen-epix/ui-client-common/models/data';\nimport type { TableColumn } from '@gen-epix/ui-client-common/models/table';\nimport { AuthorizationService } from '@gen-epix/ui-client-common/classes/services/AuthorizationService';\nimport { CrudPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport type { FormFieldDefinition } from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-core-form/utils/SchemaUtil';\n\nimport { useDimTypeOptionsQuery } from '../../dataHooks/useDimTypesQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\ntype FormFields = OmitWithMetaData<CaseDbRefDim, 'props'>;\n\nexport const RefDimsAdminPage = () => {\n  const { t } = useTranslation();\n  const dimTypeOptionsQuery = useDimTypeOptionsQuery();\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().refDimsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbRefDim) => {\n    return await CaseDbCaseApi.getInstance().refDimsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRefDim) => {\n    return (await CaseDbCaseApi.getInstance().refDimsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbCaseApi.getInstance().refDimsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRefDim) => {\n    return item.label;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      code: SchemaUtil.code,\n      col_code_prefix: string().alphaNumeric().required().max(100),\n      description: SchemaUtil.description,\n      dim_type: mixed<CaseDbDimType>().required().oneOf(Object.values(CaseDbDimType)),\n      label: SchemaUtil.label,\n      rank: SchemaUtil.rank,\n    });\n  }, []);\n\n  const formFieldDefinitions = useCallback((item: CaseDbRefDim): FormFieldDefinition<FormFields>[] => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!item,\n        label: t`Dimension type`,\n        name: 'dim_type',\n        options: dimTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Label`,\n        name: 'label',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 5,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Code`,\n        name: 'code',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Column code prefix`,\n        name: 'col_code_prefix',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Rank`,\n        name: 'rank',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [dimTypeOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRefDim>[] => {\n    return [\n      TableUtil.createTextColumn<CaseDbRefDim>({ id: 'code', name: t`Code` }),\n      TableUtil.createOptionsColumn<CaseDbRefDim>({ id: 'dim_type', name: t`Dimension type`, options: dimTypeOptionsQuery.options }),\n      TableUtil.createTextColumn<CaseDbRefDim>({ id: 'label', name: t`Label` }),\n      TableUtil.createNumberColumn<CaseDbRefDim>({ id: 'rank', name: t`Rank` }),\n    ];\n  }, [dimTypeOptionsQuery.options, t]);\n\n  const subPages = useMemo<CrudPageSubPage<CaseDbRefDim>[]>(() => {\n    if (!AuthorizationService.getInstance().doesUserHavePermission<CaseDbApiPermission>([\n      { command_name: CaseDbCommandName.RefColCrudCommand, permission_type: CaseDbPermissionType.READ },\n    ])) {\n      return [];\n    }\n\n    return [\n      {\n        getPathName: (item: CaseDbRefDim) => `/management/reference-dimensions/${item.id}/reference-columns`,\n        label: t`Manage reference columns`,\n      } satisfies CrudPageSubPage<CaseDbRefDim>,\n    ];\n  }, [t]);\n\n  return (\n    <CrudPage<FormFields, CaseDbRefDim, CaseDbRefDim, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new reference dimension`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RefDimCrudCommand}\n      defaultSortByField={'code'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Reference dimension`}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REF_DIMS}\n      schema={schema}\n      subPages={subPages}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('RefDimsAdminPage')}\n      title={t`Dimensions`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAoCA,IAAa,UAAyB;CACpC,IAAM,EAAE,SAAM,EAAe,GACvB,IAAsB,EAAuB,GAE7C,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACjF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAc,YAAY,CAAC,CAAC,iBAAiB,EAAK,EAAE,GAChE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAc,YAAY,CAAC,CAAC,cAAc,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,MAChG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAc,YAAY,CAAC,CAAC,eAAe,CAAS,EAAA,CAAG,MACpE,CAAC,CAAC,GAEC,IAAU,GAAa,MACpB,EAAK,OACX,CAAC,CAAC,GAEC,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,MAAM,EAAW;EACjB,iBAAiB,EAAO,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,GAAG;EAC3D,aAAa,EAAW;EACxB,UAAU,EAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,OAAO,OAAO,CAAa,CAAC;EAC9E,OAAO,EAAW;EAClB,MAAM,EAAW;CACnB,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,GAAa,MACjC;EACL;GACE,YAAY,EAA2B;GACvC,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC;GACR,MAAM;GACN,SAAS,EAAoB;EAC/B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,WAAW;GACX,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;CACF,GACC,CAAC,EAAoB,SAAS,CAAC,CAAC,GAE7B,IAAe,QACZ;EACL,EAAU,iBAA+B;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;EACtE,EAAU,oBAAkC;GAAE,IAAI;GAAY,MAAM,CAAC;GAAkB,SAAS,EAAoB;EAAQ,CAAC;EAC7H,EAAU,iBAA+B;GAAE,IAAI;GAAS,MAAM,CAAC;EAAQ,CAAC;EACxE,EAAU,mBAAiC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;CAC1E,GACC,CAAC,EAAoB,SAAS,CAAC,CAAC,GAE7B,IAAW,QACV,EAAqB,YAAY,CAAC,CAAC,uBAA4C,CAClF;EAAE,cAAc,EAAkB;EAAmB,iBAAiB,EAAqB;CAAK,CAClG,CAAC,IAIM,CACL;EACE,cAAc,MAAuB,oCAAoC,EAAK,GAAG;EACjF,OAAO,CAAC;CACV,CACF,IARS,CAAC,GAST,CAAC,CAAC,CAAC;CAEN,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACY;EACb;EACT,UAAU,CAAC;EACX,sBAAsB,EAAiB;EAC/B;EACE;EACI;EACd,kBAAkB,EAAW,iBAAiB,kBAAkB;EAChE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}

package/dist/pages/RegionRelationsAdminPage/index.js

@@ -3,14 +3,14 @@ import { useRegionMapQuery as t, useRegionOptionsQuery as n } from "../../dataHo
 import { useRegionRelationTypeOptionsQuery as r } from "../../dataHooks/useRegionRelationTypeQuery/index.js";
 import { mixed as i, object as a, string as o } from "yup";
 import { CaseDbCommandName as s, CaseDbGeoApi as c, CaseDbRegionRelationType as l } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as u } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as d, useMemo as f } from "react";
 import { useTranslation as p } from "react-i18next";
 import { jsx as m } from "react/jsx-runtime";
 import { useArray as h } from "@gen-epix/ui-core/hooks/useArray";
-import { TableUtil as g } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as g } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as _ } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { CrudPage as v } from "@gen-epix/ui/pages/CrudPage";
+import { CrudPage as v } from "@gen-epix/ui-client-common/pages/CrudPage";
 //#region src/pages/RegionRelationsAdminPage/RegionRelationsAdminPage.tsx
 var y = () => {
 	let { t: y } = p(), b = t(), x = n(), S = r(), C = h([

package/dist/pages/RegionRelationsAdminPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RegionRelationsAdminPage/RegionRelationsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRegionRelation,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCommandName,\n  CaseDbGeoApi,\n  CaseDbRegionRelationType,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\n\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport {\n  useRegionMapQuery,\n  useRegionOptionsQuery,\n} from '../../dataHooks/useRegionQuery';\nimport { useRegionRelationTypeOptionsQuery } from '../../dataHooks/useRegionRelationTypeQuery';\n\n\ntype FormFields = OmitWithMetaData<CaseDbRegionRelation, 'from_region' | 'to_region'>;\n\nexport const RegionRelationsAdminPage = () => {\n  const { t } = useTranslation();\n\n  const regionMapQuery = useRegionMapQuery();\n  const regionOptionsQuery = useRegionOptionsQuery();\n  const regionRelationTypeOptionsQuery = useRegionRelationTypeOptionsQuery();\n\n  const loadables = useArray([regionOptionsQuery, regionMapQuery, regionRelationTypeOptionsQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbRegionRelation) => {\n    return await CaseDbGeoApi.getInstance().regionRelationsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRegionRelation) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRegionRelation) => {\n    const fromRegion = regionMapQuery.map.get(item.from_region_id);\n    const toRegion = regionMapQuery.map.get(item.to_region_id);\n    if (fromRegion && toRegion) {\n      return `${fromRegion.name} -> ${toRegion.name}`;\n    }\n    return `${item.from_region_id} -> ${item.to_region_id}`;\n  }, [regionMapQuery.map]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      from_region_id: string().uuid4().required(),\n      relation: mixed<CaseDbRegionRelationType>().required().oneOf(Object.values(CaseDbRegionRelationType)),\n      to_region_id: string().uuid4().required(),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`From Region`,\n        loading: regionOptionsQuery.isLoading,\n        name: 'from_region_id',\n        options: regionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`To Region`,\n        loading: regionOptionsQuery.isLoading,\n        name: 'to_region_id',\n        options: regionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Relation`,\n        loading: regionRelationTypeOptionsQuery.isLoading,\n        name: 'relation',\n        options: regionRelationTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [regionOptionsQuery.isLoading, regionOptionsQuery.options, regionRelationTypeOptionsQuery.isLoading, regionRelationTypeOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRegionRelation>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'from_region_id', name: t`From Region`, options: regionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'to_region_id', name: t`To Region`, options: regionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'relation', name: t`Relation`, options: regionRelationTypeOptionsQuery.options }),\n    ];\n  }, [regionOptionsQuery.options, regionRelationTypeOptionsQuery.options, t]);\n\n\n  return (\n    <CrudPage<FormFields, CaseDbRegionRelation, CaseDbRegionRelation, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new region relation`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RegionRelationCrudCommand}\n      defaultSortByField={'from_region_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Region relation`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REGION_RELATIONS}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('RegionRelationsAdminPage')}\n      title={t`Region Relations`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsCA,IAAa,UAAiC;CAC5C,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAiB,EAAkB,GACnC,IAAqB,EAAsB,GAC3C,IAAiC,EAAkC,GAEnE,IAAY,EAAS;EAAC;EAAoB;EAAgB;CAA8B,CAAC,GAEzF,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAa,YAAY,CAAC,CAAC,sBAAsB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACxF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAa,YAAY,CAAC,CAAC,yBAAyB,EAAK,EAAE,GACvE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAa,YAAY,CAAC,CAAC,sBAAsB,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,MACvG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAa,YAAY,CAAC,CAAC,uBAAuB,CAAS,EAAA,CAAG,MAC3E,CAAC,CAAC,GAEC,IAAU,GAAa,MAA+B;EAC1D,IAAM,IAAa,EAAe,IAAI,IAAI,EAAK,cAAc,GACvD,IAAW,EAAe,IAAI,IAAI,EAAK,YAAY;EAIzD,OAHI,KAAc,IACT,GAAG,EAAW,KAAK,MAAM,EAAS,SAEpC,GAAG,EAAK,eAAe,MAAM,EAAK;CAC3C,GAAG,CAAC,EAAe,GAAG,CAAC,GAEjB,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,gBAAgB,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;EAC1C,UAAU,EAAgC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,OAAO,OAAO,CAAwB,CAAC;EACpG,cAAc,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;CAC1C,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,QACpB;EACL;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAAmB;GAC5B,MAAM;GACN,SAAS,EAAmB;EAC9B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAAmB;GAC5B,MAAM;GACN,SAAS,EAAmB;EAC9B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAA+B;GACxC,MAAM;GACN,SAAS,EAA+B;EAC1C;CACF,GACC;EAAC,EAAmB;EAAW,EAAmB;EAAS,EAA+B;EAAW,EAA+B;EAAS;CAAC,CAAC,GAE5I,IAAe,QACZ;EACL,EAAU,oBAA0C;GAAE,IAAI;GAAkB,MAAM,CAAC;GAAe,SAAS,EAAmB;EAAQ,CAAC;EACvI,EAAU,oBAA0C;GAAE,IAAI;GAAgB,MAAM,CAAC;GAAa,SAAS,EAAmB;EAAQ,CAAC;EACnI,EAAU,oBAA0C;GAAE,IAAI;GAAY,MAAM,CAAC;GAAY,SAAS,EAA+B;EAAQ,CAAC;CAC5I,GACC;EAAC,EAAmB;EAAS,EAA+B;EAAS;CAAC,CAAC;CAG1E,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACY;EACb;EACT,UAAU,CAAC;EACA;EACX,sBAAsB,EAAiB;EAC/B;EACM;EACd,kBAAkB,EAAW,iBAAiB,0BAA0B;EACxE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/RegionRelationsAdminPage/RegionRelationsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbRegionRelation,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCommandName,\n  CaseDbGeoApi,\n  CaseDbRegionRelationType,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui-client-common/models/data';\nimport type { TableColumn } from '@gen-epix/ui-client-common/models/table';\nimport { CrudPage } from '@gen-epix/ui-client-common/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui-client-common/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\n\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport {\n  useRegionMapQuery,\n  useRegionOptionsQuery,\n} from '../../dataHooks/useRegionQuery';\nimport { useRegionRelationTypeOptionsQuery } from '../../dataHooks/useRegionRelationTypeQuery';\n\n\ntype FormFields = OmitWithMetaData<CaseDbRegionRelation, 'from_region' | 'to_region'>;\n\nexport const RegionRelationsAdminPage = () => {\n  const { t } = useTranslation();\n\n  const regionMapQuery = useRegionMapQuery();\n  const regionOptionsQuery = useRegionOptionsQuery();\n  const regionRelationTypeOptionsQuery = useRegionRelationTypeOptionsQuery();\n\n  const loadables = useArray([regionOptionsQuery, regionMapQuery, regionRelationTypeOptionsQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbRegionRelation) => {\n    return await CaseDbGeoApi.getInstance().regionRelationsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbRegionRelation) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbGeoApi.getInstance().regionRelationsPostOne(variables)).data;\n  }, []);\n\n  const getName = useCallback((item: CaseDbRegionRelation) => {\n    const fromRegion = regionMapQuery.map.get(item.from_region_id);\n    const toRegion = regionMapQuery.map.get(item.to_region_id);\n    if (fromRegion && toRegion) {\n      return `${fromRegion.name} -> ${toRegion.name}`;\n    }\n    return `${item.from_region_id} -> ${item.to_region_id}`;\n  }, [regionMapQuery.map]);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      from_region_id: string().uuid4().required(),\n      relation: mixed<CaseDbRegionRelationType>().required().oneOf(Object.values(CaseDbRegionRelationType)),\n      to_region_id: string().uuid4().required(),\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`From Region`,\n        loading: regionOptionsQuery.isLoading,\n        name: 'from_region_id',\n        options: regionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`To Region`,\n        loading: regionOptionsQuery.isLoading,\n        name: 'to_region_id',\n        options: regionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Relation`,\n        loading: regionRelationTypeOptionsQuery.isLoading,\n        name: 'relation',\n        options: regionRelationTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [regionOptionsQuery.isLoading, regionOptionsQuery.options, regionRelationTypeOptionsQuery.isLoading, regionRelationTypeOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbRegionRelation>[] => {\n    return [\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'from_region_id', name: t`From Region`, options: regionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'to_region_id', name: t`To Region`, options: regionOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbRegionRelation>({ id: 'relation', name: t`Relation`, options: regionRelationTypeOptionsQuery.options }),\n    ];\n  }, [regionOptionsQuery.options, regionRelationTypeOptionsQuery.options, t]);\n\n\n  return (\n    <CrudPage<FormFields, CaseDbRegionRelation, CaseDbRegionRelation, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new region relation`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.RegionRelationCrudCommand}\n      defaultSortByField={'from_region_id'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Region relation`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.REGION_RELATIONS}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('RegionRelationsAdminPage')}\n      title={t`Region Relations`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsCA,IAAa,UAAiC;CAC5C,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAiB,EAAkB,GACnC,IAAqB,EAAsB,GAC3C,IAAiC,EAAkC,GAEnE,IAAY,EAAS;EAAC;EAAoB;EAAgB;CAA8B,CAAC,GAEzF,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAa,YAAY,CAAC,CAAC,sBAAsB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACxF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAa,YAAY,CAAC,CAAC,yBAAyB,EAAK,EAAE,GACvE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAa,YAAY,CAAC,CAAC,sBAAsB,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,MACvG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAa,YAAY,CAAC,CAAC,uBAAuB,CAAS,EAAA,CAAG,MAC3E,CAAC,CAAC,GAEC,IAAU,GAAa,MAA+B;EAC1D,IAAM,IAAa,EAAe,IAAI,IAAI,EAAK,cAAc,GACvD,IAAW,EAAe,IAAI,IAAI,EAAK,YAAY;EAIzD,OAHI,KAAc,IACT,GAAG,EAAW,KAAK,MAAM,EAAS,SAEpC,GAAG,EAAK,eAAe,MAAM,EAAK;CAC3C,GAAG,CAAC,EAAe,GAAG,CAAC,GAEjB,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,gBAAgB,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;EAC1C,UAAU,EAAgC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,OAAO,OAAO,CAAwB,CAAC;EACpG,cAAc,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS;CAC1C,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,QACpB;EACL;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAAmB;GAC5B,MAAM;GACN,SAAS,EAAmB;EAC9B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAAmB;GAC5B,MAAM;GACN,SAAS,EAAmB;EAC9B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAA+B;GACxC,MAAM;GACN,SAAS,EAA+B;EAC1C;CACF,GACC;EAAC,EAAmB;EAAW,EAAmB;EAAS,EAA+B;EAAW,EAA+B;EAAS;CAAC,CAAC,GAE5I,IAAe,QACZ;EACL,EAAU,oBAA0C;GAAE,IAAI;GAAkB,MAAM,CAAC;GAAe,SAAS,EAAmB;EAAQ,CAAC;EACvI,EAAU,oBAA0C;GAAE,IAAI;GAAgB,MAAM,CAAC;GAAa,SAAS,EAAmB;EAAQ,CAAC;EACnI,EAAU,oBAA0C;GAAE,IAAI;GAAY,MAAM,CAAC;GAAY,SAAS,EAA+B;EAAQ,CAAC;CAC5I,GACC;EAAC,EAAmB;EAAS,EAA+B;EAAS;CAAC,CAAC;CAG1E,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACY;EACb;EACT,UAAU,CAAC;EACA;EACX,sBAAsB,EAAiB;EAC/B;EACM;EACd,kBAAkB,EAAW,iBAAiB,0BAA0B;EACxE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}

package/dist/pages/RegionSetShapesAdminPage/index.js

@@ -1,16 +1,16 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
-import { t } from "../../_chunks/chunk-KS7C4IRE.js";
+import { t } from "../../_chunks/chunk-BV7QT456.js";
 import { useRegionSetsMapQuery as n } from "../../dataHooks/useRegionSetsQuery/index.js";
 import { number as r, object as i, string as a } from "yup";
 import { CaseDbCommandName as o, CaseDbGeoApi as s } from "@gen-epix/api-casedb";
-import { FORM_FIELD_DEFINITION_TYPE as c } from "@gen-epix/ui-form/models/form";
+import { FORM_FIELD_DEFINITION_TYPE as c } from "@gen-epix/ui-core-form/models/form";
 import { useCallback as l, useMemo as u } from "react";
 import { useTranslation as d } from "react-i18next";
 import { jsx as f } from "react/jsx-runtime";
 import { useArray as p } from "@gen-epix/ui-core/hooks/useArray";
-import { TableUtil as m } from "@gen-epix/ui/utils/TableUtil";
+import { TableUtil as m } from "@gen-epix/ui-client-common/utils/TableUtil";
 import { TestIdUtil as h } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { CrudPage as g } from "@gen-epix/ui/pages/CrudPage";
+import { CrudPage as g } from "@gen-epix/ui-client-common/pages/CrudPage";
 //#region src/pages/RegionSetShapesAdminPage/RegionSetShapesAdminPage.tsx
 var _ = () => {
 	let { regionSetId: _ } = t(), { t: v } = d(), y = n(), b = p([y]), x = l(async (e) => (await s.getInstance().regionSetShapesGetAll(null, null, { signal: e }))?.data, []), S = l((e) => e.filter((e) => e.region_set_id === _), [_]), C = l(async (e) => await s.getInstance().regionSetShapesDeleteOne(e.id), []), w = l(async (e, t) => (await s.getInstance().regionSetShapesPutOne(t.id, {