@gen-epix/ui-client-casedb 4.0.0

package/dist/pages/ConceptsAdminPage/index.js

@@ -0,0 +1,94 @@
+import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
+import { t } from "../../_chunks/chunk-KS7C4IRE.js";
+import { object as n } from "yup";
+import { CaseDbCommandName as r, CaseDbOntologyApi as i } from "@gen-epix/api-casedb";
+import { FORM_FIELD_DEFINITION_TYPE as a } from "@gen-epix/ui-form/models/form";
+import { useCallback as o, useMemo as s } from "react";
+import { useTranslation as c } from "react-i18next";
+import { jsx as l } from "react/jsx-runtime";
+import { TableUtil as u } from "@gen-epix/ui/utils/TableUtil";
+import { TestIdUtil as d } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { SchemaUtil as f } from "@gen-epix/ui-form/utils/SchemaUtil";
+import { CrudPage as p } from "@gen-epix/ui/pages/CrudPage";
+//#region src/pages/ConceptsAdminPage/ConceptsAdminPage.tsx
+var m = () => {
+	let { conceptSetId: m } = t(), { t: h } = c(), g = o(async (e) => (await i.getInstance().conceptsGetAll(null, null, { signal: e }))?.data, []), _ = o((e) => e.filter((e) => e.concept_set_id === m), [m]), v = o(async (e) => await i.getInstance().conceptsDeleteOne(e.id), []), y = o(async (e, t) => (await i.getInstance().conceptsPutOne(t.id, {
+		...e,
+		concept_set_id: m,
+		id: t.id
+	})).data, [m]), b = o(async (e) => (await i.getInstance().conceptsPostOne({
+		...e,
+		concept_set_id: m
+	})).data, [m]), x = o((e) => e.name, []), S = s(() => n().shape({
+		code: f.code,
+		description: f.description,
+		name: f.name,
+		rank: f.rank
+	}), []), C = s(() => [
+		{
+			definition: a.TEXTFIELD,
+			label: h`Rank`,
+			name: "rank",
+			type: "number"
+		},
+		{
+			definition: a.TEXTFIELD,
+			label: h`Name`,
+			name: "name"
+		},
+		{
+			definition: a.TEXTFIELD,
+			label: h`Code`,
+			name: "code"
+		},
+		{
+			definition: a.TEXTFIELD,
+			label: h`Description`,
+			multiline: !0,
+			name: "description",
+			rows: 4
+		}
+	], [h]), w = s(() => [
+		u.createNumberColumn({
+			flex: .25,
+			id: "rank",
+			name: h`Rank`
+		}),
+		u.createTextColumn({
+			id: "name",
+			name: h`Name`
+		}),
+		u.createTextColumn({
+			id: "code",
+			name: h`Code`
+		})
+	], [h]), T = o((e, t) => ({
+		concept_set_id: t.concept_set_id,
+		id: t.id,
+		...e
+	}), []);
+	return /* @__PURE__ */ l(p, {
+		createItemDialogTitle: h`Create new concept`,
+		createOne: b,
+		crudCommandType: r.ConceptCrudCommand,
+		defaultSortByField: "rank",
+		defaultSortDirection: "asc",
+		deleteOne: v,
+		fetchAll: g,
+		fetchAllSelect: _,
+		formFieldDefinitions: C,
+		getName: x,
+		getOptimisticUpdateIntermediateItem: T,
+		itemName: h`Concept`,
+		resourceQueryKeyBase: e.CONCEPTS,
+		schema: S,
+		tableColumns: w,
+		testIdAttributes: d.createAttributes("ConceptsAdminPage"),
+		title: h`Concepts`,
+		updateOne: y
+	});
+};
+//#endregion
+export { m as ConceptsAdminPage };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/ConceptsAdminPage/ConceptsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { object } from 'yup';\nimport { useParams } from 'react-router-dom';\nimport type {\n  CaseDbApiPermission,\n  CaseDbConcept,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCommandName,\n  CaseDbOntologyApi,\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 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 { CASEDB_QUERY_KEY } from '../../constants/query';\n\n\ntype FormFields = OmitWithMetaData<CaseDbConcept, 'concept_set_id' | 'concept_set' | 'props'>;\n\nexport const ConceptsAdminPage = () => {\n  const { conceptSetId } = useParams();\n  const { t } = useTranslation();\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbOntologyApi.getInstance().conceptsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const fetchAllSelect = useCallback((concepts: CaseDbConcept[]) => {\n    return concepts.filter((concept) => concept.concept_set_id === conceptSetId);\n  }, [conceptSetId]);\n\n  const deleteOne = useCallback(async (item: CaseDbConcept) => {\n    return await CaseDbOntologyApi.getInstance().conceptsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbConcept) => {\n    const updatedItem = (await CaseDbOntologyApi.getInstance().conceptsPutOne(item.id, {\n      ...variables,\n      concept_set_id: conceptSetId,\n      id: item.id,\n    })).data;\n    return updatedItem;\n  }, [conceptSetId]);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbOntologyApi.getInstance().conceptsPostOne({\n      ...variables,\n      concept_set_id: conceptSetId,\n    })).data;\n  }, [conceptSetId]);\n\n  const getName = useCallback((item: FormFields) => {\n    return item.name;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      code: SchemaUtil.code,\n      description: SchemaUtil.description,\n      name: SchemaUtil.name,\n      rank: SchemaUtil.rank,\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\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`Name`,\n        name: 'name',\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`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 4,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbConcept>[] => {\n    return [\n      TableUtil.createNumberColumn<CaseDbConcept>({ flex: 0.25, id: 'rank', name: t`Rank` }),\n      TableUtil.createTextColumn<CaseDbConcept>({ id: 'name', name: t`Name` }),\n      TableUtil.createTextColumn<CaseDbConcept>({ id: 'code', name: t`Code` }),\n    ];\n  }, [t]);\n\n  const getOptimisticUpdateIntermediateItem = useCallback((variables: FormFields, previousItem: CaseDbConcept): CaseDbConcept => {\n    return {\n      concept_set_id: previousItem.concept_set_id,\n      id: previousItem.id,\n      ...variables,\n    };\n  }, []);\n\n  return (\n    <CrudPage<FormFields, CaseDbConcept, CaseDbConcept, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new concept`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.ConceptCrudCommand}\n      defaultSortByField={'rank'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      fetchAllSelect={fetchAllSelect}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      getOptimisticUpdateIntermediateItem={getOptimisticUpdateIntermediateItem}\n      itemName={t`Concept`}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.CONCEPTS}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('ConceptsAdminPage')}\n      title={t`Concepts`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AA6BA,IAAa,UAA0B;CACrC,IAAM,EAAE,oBAAiB,EAAU,GAC7B,EAAE,SAAM,EAAe,GAEvB,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAkB,YAAY,CAAC,CAAC,eAAe,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACtF,CAAC,CAAC,GAEC,IAAiB,GAAa,MAC3B,EAAS,QAAQ,MAAY,EAAQ,mBAAmB,CAAY,GAC1E,CAAC,CAAY,CAAC,GAEX,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAkB,YAAY,CAAC,CAAC,kBAAkB,EAAK,EAAE,GACrE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OACrC,MAAM,EAAkB,YAAY,CAAC,CAAC,eAAe,EAAK,IAAI;EACjF,GAAG;EACH,gBAAgB;EAChB,IAAI,EAAK;CACX,CAAC,EAAA,CAAG,MAEH,CAAC,CAAY,CAAC,GAEX,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAkB,YAAY,CAAC,CAAC,gBAAgB;EAC5D,GAAG;EACH,gBAAgB;CAClB,CAAC,EAAA,CAAG,MACH,CAAC,CAAY,CAAC,GAEX,IAAU,GAAa,MACpB,EAAK,MACX,CAAC,CAAC,GAEC,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,MAAM,EAAW;EACjB,aAAa,EAAW;EACxB,MAAM,EAAW;EACjB,MAAM,EAAW;CACnB,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,QACpB;EACL;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,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,WAAW;GACX,MAAM;GACN,MAAM;EACR;CACF,GACC,CAAC,CAAC,CAAC,GAEA,IAAe,QACZ;EACL,EAAU,mBAAkC;GAAE,MAAM;GAAM,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;EACrF,EAAU,iBAAgC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;EACvE,EAAU,iBAAgC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;CACzE,GACC,CAAC,CAAC,CAAC,GAEA,IAAsC,GAAa,GAAuB,OACvE;EACL,gBAAgB,EAAa;EAC7B,IAAI,EAAa;EACjB,GAAG;CACL,IACC,CAAC,CAAC;CAEL,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACM;EACM;EACb;EAC4B;EACrC,UAAU,CAAC;EACX,sBAAsB,EAAiB;EAC/B;EACM;EACd,kBAAkB,EAAW,iBAAiB,mBAAmB;EACjE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}

package/dist/pages/DataCollectionSetsAdminPage/DataCollectionSetsAdminPage.d.ts

@@ -0,0 +1 @@
+export declare const DataCollectionSetsAdminPage: () => import("react").JSX.Element;

package/dist/pages/DataCollectionSetsAdminPage/index.d.ts

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

package/dist/pages/DataCollectionSetsAdminPage/index.js

@@ -0,0 +1,99 @@
+import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
+import { useDataCollectionOptionsQuery as t } from "../../dataHooks/useDataCollectionsQuery/index.js";
+import { useDataCollectionSetMembersQuery as n } from "../../dataHooks/useDataCollectionSetMembersQuery/index.js";
+import { array as r, object as i, string as a } from "yup";
+import { CaseDbCommandName as o, CaseDbOrganizationApi as s } from "@gen-epix/api-casedb";
+import { FORM_FIELD_DEFINITION_TYPE as c } from "@gen-epix/ui-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 { TestIdUtil as h } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { SchemaUtil as g } from "@gen-epix/ui-form/utils/SchemaUtil";
+import { CrudPage as _ } from "@gen-epix/ui/pages/CrudPage";
+//#region src/pages/DataCollectionSetsAdminPage/DataCollectionSetsAdminPage.tsx
+var v = () => {
+	let { t: v } = d(), y = n(), b = t(), x = p([y, b]), S = l(async (e) => (await s.getInstance().dataCollectionSetsGetAll(null, null, { signal: e }))?.data, []), C = l(async (e) => await s.getInstance().dataCollectionSetsDeleteOne(e.id), []), w = l(async (e, t) => (await s.getInstance().dataCollectionSetsPutDataCollections(t.id, { data_collection_set_members: e.dataCollectionIds.map((e) => ({
+		data_collection_id: e,
+		data_collection_set_id: t.id
+	})) }), (await s.getInstance().dataCollectionSetsPutOne(t.id, {
+		id: t.id,
+		...e
+	})).data), []), T = l(async (e) => {
+		let t = (await s.getInstance().dataCollectionSetsPostOne(e)).data;
+		return await s.getInstance().dataCollectionSetsPutDataCollections(t.id, { data_collection_set_members: e.dataCollectionIds.map((e) => ({
+			data_collection_id: e,
+			data_collection_set_id: t.id
+		})) }), t;
+	}, []), E = l((e) => e.name, []), D = u(() => i().shape({
+		dataCollectionIds: r().of(a().uuid4()).min(1).required(),
+		description: g.description,
+		name: g.name
+	}), []), O = u(() => [
+		{
+			definition: c.TEXTFIELD,
+			label: v`Name`,
+			name: "name"
+		},
+		{
+			definition: c.RICH_TEXT,
+			label: v`Description`,
+			name: "description"
+		},
+		{
+			definition: c.TRANSFER_LIST,
+			label: v`Columns`,
+			loading: b.isLoading,
+			name: "dataCollectionIds",
+			options: b.options
+		}
+	], [
+		b.isLoading,
+		b.options,
+		v
+	]), k = u(() => [m.createTextColumn({
+		advancedSort: !0,
+		id: "name",
+		name: v`Name`
+	}), {
+		displayValueGetter: (e) => `${e.row.dataCollectionIds.length} / ${b.options.length}`,
+		headerName: v`Data collections`,
+		id: "numDataCollections",
+		isInitiallyVisible: !0,
+		textAlign: "right",
+		type: "number",
+		valueGetter: (e) => e.row.dataCollectionIds.length,
+		widthFlex: .5
+	}], [b.options.length, v]);
+	return /* @__PURE__ */ f(_, {
+		convertToTableData: l((e) => !e || !y.data ? [] : e.map((e) => {
+			let t = y.data.filter((t) => t.data_collection_set_id === e.id).map((e) => e.data_collection_id);
+			return {
+				...e,
+				dataCollectionIds: t
+			};
+		}), [y.data]),
+		createItemDialogTitle: v`Create new data collection set`,
+		createOne: T,
+		crudCommandType: o.DataCollectionSetCrudCommand,
+		defaultSortByField: "name",
+		defaultSortDirection: "asc",
+		deleteOne: C,
+		fetchAll: S,
+		formFieldDefinitions: O,
+		getName: E,
+		itemName: v`Data collection set`,
+		loadables: x,
+		resourceQueryKeyBase: e.DATA_COLLECTION_SETS,
+		schema: D,
+		tableColumns: k,
+		testIdAttributes: h.createAttributes("DataCollectionSetsAdminPage"),
+		title: v`Data collection sets`,
+		updateOne: w
+	});
+};
+//#endregion
+export { v as DataCollectionSetsAdminPage };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/DataCollectionSetsAdminPage/DataCollectionSetsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  array,\n  object,\n  string,\n} from 'yup';\nimport type {\n  CaseDbApiPermission,\n  CaseDbDataCollectionSet,\n  CaseDbDataCollectionSetMember,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCommandName,\n  CaseDbOrganizationApi,\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';\nimport { SchemaUtil } from '@gen-epix/ui-form/utils/SchemaUtil';\n\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { useDataCollectionSetMembersQuery } from '../../dataHooks/useDataCollectionSetMembersQuery';\nimport { useDataCollectionOptionsQuery } from '../../dataHooks/useDataCollectionsQuery';\n\n\ntype FormFields = OmitWithMetaData<TableData>;\n\ntype TableData = { dataCollectionIds: string[] } & CaseDbDataCollectionSet;\n\nexport const DataCollectionSetsAdminPage = () => {\n  const { t } = useTranslation();\n\n  const dataCollectionSetMembersQuery = useDataCollectionSetMembersQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n\n  const loadables = useArray([dataCollectionSetMembersQuery, dataCollectionOptionsQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbOrganizationApi.getInstance().dataCollectionSetsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbDataCollectionSet) => {\n    return await CaseDbOrganizationApi.getInstance().dataCollectionSetsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbDataCollectionSet) => {\n    await CaseDbOrganizationApi.getInstance().dataCollectionSetsPutDataCollections(item.id, {\n      data_collection_set_members: variables.dataCollectionIds.map<CaseDbDataCollectionSetMember>(data_collection_id => ({\n        data_collection_id,\n        data_collection_set_id: item.id,\n      })),\n    });\n    return (await CaseDbOrganizationApi.getInstance().dataCollectionSetsPutOne(item.id, { id: item.id, ...variables })).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    const resultItem = (await CaseDbOrganizationApi.getInstance().dataCollectionSetsPostOne(variables)).data;\n    await CaseDbOrganizationApi.getInstance().dataCollectionSetsPutDataCollections(resultItem.id, {\n      data_collection_set_members: variables.dataCollectionIds.map<CaseDbDataCollectionSetMember>(data_collection_id => ({\n        data_collection_id,\n        data_collection_set_id: resultItem.id,\n      })),\n    });\n    return resultItem;\n  }, []);\n\n  const getName = useCallback((item: CaseDbDataCollectionSet) => {\n    return item.name;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      dataCollectionIds: array().of(string().uuid4()).min(1).required(),\n      description: SchemaUtil.description,\n      name: SchemaUtil.name,\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Name`,\n        name: 'name',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.RICH_TEXT,\n        label: t`Description`,\n        name: 'description',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST,\n        label: t`Columns`,\n        loading: dataCollectionOptionsQuery.isLoading,\n        name: 'dataCollectionIds',\n        options: dataCollectionOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [dataCollectionOptionsQuery.isLoading, dataCollectionOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<TableData>[] => {\n    return [\n      TableUtil.createTextColumn<TableData>({ advancedSort: true, id: 'name', name: t`Name` }),\n      {\n        displayValueGetter: (item) => `${item.row.dataCollectionIds.length} / ${dataCollectionOptionsQuery.options.length}`,\n        headerName: t`Data collections`,\n        id: 'numDataCollections',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (item) => item.row.dataCollectionIds.length,\n        widthFlex: 0.5,\n      },\n    ];\n  }, [dataCollectionOptionsQuery.options.length, t]);\n\n  const convertToTableData = useCallback((items: CaseDbDataCollectionSet[]) => {\n    if (!items || !dataCollectionSetMembersQuery.data) {\n      return [];\n    }\n    return items.map<TableData>((item) => {\n      const dataCollectionIds = dataCollectionSetMembersQuery.data.filter(member => member.data_collection_set_id === item.id).map(member => member.data_collection_id);\n      return {\n        ...item,\n        dataCollectionIds,\n      } satisfies TableData;\n    });\n  }, [dataCollectionSetMembersQuery.data]);\n\n  return (\n    <CrudPage<FormFields, CaseDbDataCollectionSet, TableData, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      convertToTableData={convertToTableData}\n      createItemDialogTitle={t`Create new data collection set`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.DataCollectionSetCrudCommand}\n      defaultSortByField={'name'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Data collection set`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.DATA_COLLECTION_SETS}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('DataCollectionSetsAdminPage')}\n      title={t`Data collection sets`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAsCA,IAAa,UAAoC;CAC/C,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAgC,EAAiC,GACjE,IAA6B,EAA8B,GAE3D,IAAY,EAAS,CAAC,GAA+B,CAA0B,CAAC,GAEhF,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAsB,YAAY,CAAC,CAAC,yBAAyB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACpG,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAsB,YAAY,CAAC,CAAC,4BAA4B,EAAK,EAAE,GACnF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAC1D,MAAM,EAAsB,YAAY,CAAC,CAAC,qCAAqC,EAAK,IAAI,EACtF,6BAA6B,EAAU,kBAAkB,KAAmC,OAAuB;EACjH;EACA,wBAAwB,EAAK;CAC/B,EAAE,EACJ,CAAC,IACO,MAAM,EAAsB,YAAY,CAAC,CAAC,yBAAyB,EAAK,IAAI;EAAE,IAAI,EAAK;EAAI,GAAG;CAAU,CAAC,EAAA,CAAG,OACnH,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAA0B;EAC7D,IAAM,KAAc,MAAM,EAAsB,YAAY,CAAC,CAAC,0BAA0B,CAAS,EAAA,CAAG;EAOpG,OANA,MAAM,EAAsB,YAAY,CAAC,CAAC,qCAAqC,EAAW,IAAI,EAC5F,6BAA6B,EAAU,kBAAkB,KAAmC,OAAuB;GACjH;GACA,wBAAwB,EAAW;EACrC,EAAE,EACJ,CAAC,GACM;CACT,GAAG,CAAC,CAAC,GAEC,IAAU,GAAa,MACpB,EAAK,MACX,CAAC,CAAC,GAEC,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,mBAAmB,EAAM,CAAC,CAAC,GAAG,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;EAChE,aAAa,EAAW;EACxB,MAAM,EAAW;CACnB,CAAC,GACA,CAAC,CAAC,GAEC,IAAuB,QACpB;EACL;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,SAAS,EAA2B;GACpC,MAAM;GACN,SAAS,EAA2B;EACtC;CACF,GACC;EAAC,EAA2B;EAAW,EAA2B;EAAS;CAAC,CAAC,GAE1E,IAAe,QACZ,CACL,EAAU,iBAA4B;EAAE,cAAc;EAAM,IAAI;EAAQ,MAAM,CAAC;CAAO,CAAC,GACvF;EACE,qBAAqB,MAAS,GAAG,EAAK,IAAI,kBAAkB,OAAO,KAAK,EAA2B,QAAQ;EAC3G,YAAY,CAAC;EACb,IAAI;EACJ,oBAAoB;EACpB,WAAW;EACX,MAAM;EACN,cAAc,MAAS,EAAK,IAAI,kBAAkB;EAClD,WAAW;CACb,CACF,GACC,CAAC,EAA2B,QAAQ,QAAQ,CAAC,CAAC;CAejD,OACE,kBAAC,GAAD;EACsB,oBAfG,GAAa,MAClC,CAAC,KAAS,CAAC,EAA8B,OACpC,CAAC,IAEH,EAAM,KAAgB,MAAS;GACpC,IAAM,IAAoB,EAA8B,KAAK,QAAO,MAAU,EAAO,2BAA2B,EAAK,EAAE,CAAC,CAAC,KAAI,MAAU,EAAO,kBAAkB;GAChK,OAAO;IACL,GAAG;IACH;GACF;EACF,CAAC,GACA,CAAC,EAA8B,IAAI,CAId;EACpB,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,6BAA6B;EAC3E,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}

package/dist/pages/DataCollectionVisualizationPage/DataCollectionVisualizationPage.d.ts

@@ -0,0 +1 @@
+export declare const DataCollectionVisualizationPage: () => import("react").JSX.Element;

package/dist/pages/DataCollectionVisualizationPage/index.d.ts

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