diff --git a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/AccessModels/index.tsx b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/AccessModels/index.tsx index 06ccb173..40d1d8ab 100644 --- a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/AccessModels/index.tsx +++ b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/AccessModels/index.tsx @@ -93,20 +93,16 @@ const generateTableData = (resources: any[]) => { })); }; -const accessModelResourcesQuery = graphql(` +const accessModelResourcesQuery: any = graphql(` query accessModelResource($datasetId: UUID!) { accessModelResources(datasetId: $datasetId) { - modelResources { + resourceFields { resource { name description id } - fields { - fieldName - format - id - } + fields } id name @@ -121,87 +117,91 @@ const accessModelResourcesQuery = graphql(` const AccessModels = () => { const params = useParams(); - const { data, error, isLoading } = useQuery( - [`accessmodel_${params.datasetIdentifier}`], - () => - GraphQL( - accessModelResourcesQuery, - { - // Entity Headers if present - }, - { - datasetId: params.datasetIdentifier, - } - ) + const getAccessModeldetails: { + data: any; + isError: boolean; + isLoading: boolean; + } = useQuery([`accessmodel_${params.datasetIdentifier}`], () => + GraphQL( + accessModelResourcesQuery, + { + // Entity Headers if present + }, + { + datasetId: params.datasetIdentifier, + } + ) ); return ( <> - {isLoading ? ( + {getAccessModeldetails.isLoading ? (
) : ( - data?.accessModelResources.map((item: any, index: any) => ( -
-
-
- {item.name} + getAccessModeldetails.data?.accessModelResources.map( + (item: any, index: any) => ( +
+
+
+ {item.name} +
+
+ {item.description} +
-
- {item.description} +
+
-
-
- -
- {item?.modelResources?.length > 0 && ( -
- - -
- -
- See Resources -
-
- +
+ - Download All Resources - -
- - - - - - - )} - - )) +
+ + + + + )} + + ) + ) )} ); diff --git a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx index 5b327dcb..dc3bb6a3 100644 --- a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx +++ b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx @@ -31,7 +31,9 @@ const DetailsQuery: any = graphql(` description id name - chart + chart { + options + } } ... on TypeResourceChartImage { name @@ -65,7 +67,7 @@ const Details = () => { ); } - return ; + return ; }; return ( diff --git a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Resources/index.tsx b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Resources/index.tsx index 91974cd3..135b540c 100644 --- a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Resources/index.tsx +++ b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Resources/index.tsx @@ -10,7 +10,7 @@ import { Button, Spinner, Tag, Text } from 'opub-ui'; import { GraphQL } from '@/lib/api'; import { formatDate } from '@/lib/utils'; -const datasetResourceQuery = graphql(` +const datasetResourceQuery: any = graphql(` query datasetResources($datasetId: UUID!) { datasetResources(datasetId: $datasetId) { id @@ -19,18 +19,7 @@ const datasetResourceQuery = graphql(` type name description - accessModels { - name - description - type - modelResources { - fields { - format - fieldName - description - } - } - } + schema { fieldName id @@ -47,7 +36,7 @@ const datasetResourceQuery = graphql(` const Resources = () => { const params = useParams(); - const { data, isLoading } = useQuery( + const getResourceDetails: { data: any; isLoading: boolean } = useQuery( [`resources_${params.datasetIdentifier}`], () => GraphQL( @@ -87,62 +76,68 @@ const Resources = () => { })); } }); - }, [data]); + }, [getResourceDetails.data]); return (
- {isLoading ? ( + {getResourceDetails.isLoading ? (
- ) : data && data?.datasetResources?.length > 0 ? ( + ) : getResourceDetails.data && + getResourceDetails.data?.datasetResources?.length > 0 ? ( <> Downloadable Resources
- {data?.datasetResources.map((item: any, index: number) => ( -
-
-
- {item.name} - {item.fileDetails.format} + {getResourceDetails.data?.datasetResources.map( + (item: any, index: number) => ( +
+
+
+ {item.name} + {item.fileDetails.format} +
+
+ Updated: + {formatDate(item.modified)} +
+
+
(descriptionRefs.current[index] = el)} + className={!showMore[index] ? 'line-clamp-2' : ''} + > + {item.description} +
+ {isDescriptionLong[index] && ( + + )} +
- Updated: - {formatDate(item.modified)} -
-
-
(descriptionRefs.current[index] = el)} - className={!showMore[index] ? 'line-clamp-2' : ''} + - {item.description} -
- {isDescriptionLong[index] && ( - - )} + +
-
- - - -
-
- ))} + ) + )}
) : ( diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsImage.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsImage.tsx index ccb26b89..b5d28846 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsImage.tsx +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsImage.tsx @@ -40,7 +40,6 @@ const getResourceChartImageDetails: any = graphql(` } `); - const getDatasetResourceChartImageDetails: any = graphql(` query resourceChartImages($datasetId: UUID!) { datasetResourceCharts(datasetId: $datasetId) { @@ -55,9 +54,6 @@ const getDatasetResourceChartImageDetails: any = graphql(` } `); - - - const AddResourceChartimage: any = graphql(` mutation GenerateResourceChartimage($dataset: UUID!) { addResourceChartImage(dataset: $dataset) { @@ -71,9 +67,10 @@ const AddResourceChartimage: any = graphql(` `); const UpdateChartImageMutation: any = graphql(` - mutation updateChartImage($data: ResourceChartImageInputPartial!) { - updateResourceChartImage(data: $data) { + mutation updateChartImage($input: ResourceChartImageInputPartial!) { + updateResourceChartImage(input: $input) { __typename + ... on TypeResourceChartImage {{} id name description @@ -81,6 +78,7 @@ const UpdateChartImageMutation: any = graphql(` name path } +} } } `); @@ -126,7 +124,7 @@ const ChartsImage: React.FC = ({ [params.entityType]: params.entitySlug, }, { - datasetId: params.id + datasetId: params.id, } ), {} diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsList.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsList.tsx index efcc1beb..d5edcd37 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsList.tsx +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsList.tsx @@ -48,7 +48,7 @@ const deleteResourceChart: any = graphql(` `); const deleteResourceChartImage: any = graphql(` - mutation deleteResourceChartImage($resourceChartImageId: String!) { + mutation deleteResourceChartImage($resourceChartImageId: UUID!) { deleteResourceChartImage(resourceChartImageId: $resourceChartImageId) } `); diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsVisualize.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsVisualize.tsx index 63818e89..c04e2050 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsVisualize.tsx +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/components/ChartsVisualize.tsx @@ -226,8 +226,8 @@ const ChartsVisualize: React.FC = ({ chartId: resourceChart.id, description: resourceChart.description || '', filters: - resourceChart.filters?.length > 0 - ? resourceChart.filters.map((filter: any) => ({ + resourceChart.chartFilters?.length > 0 + ? resourceChart.chartFilters.map((filter: any) => ({ column: filter.column?.id, operator: filter.operator, value: filter.value, @@ -235,19 +235,19 @@ const ChartsVisualize: React.FC = ({ : [{ column: '', operator: '==', value: '' }], name: resourceChart.name || '', options: { - aggregateType: resourceChart?.options?.aggregateType, - regionColumn: resourceChart?.options?.regionColumn?.id, - showLegend: resourceChart?.options?.showLegend ?? true, - timeColumn: resourceChart?.options?.timeColumn, - valueColumn: resourceChart?.options?.valueColumn?.id, - xAxisColumn: resourceChart?.options?.xAxisColumn?.id, - xAxisLabel: resourceChart?.options?.xAxisLabel, - yAxisColumn: resourceChart?.options?.yAxisColumn?.map((col: any) => ({ + aggregateType: resourceChart?.chartOptions?.aggregateType, + regionColumn: resourceChart?.chartOptions?.regionColumn?.id, + showLegend: resourceChart?.chartOptions?.showLegend ?? true, + timeColumn: resourceChart?.chartOptions?.timeColumn, + valueColumn: resourceChart?.chartOptions?.valueColumn?.id, + xAxisColumn: resourceChart?.chartOptions?.xAxisColumn?.id, + xAxisLabel: resourceChart?.chartOptions?.xAxisLabel, + yAxisColumn: resourceChart?.chartOptions?.yAxisColumn?.map((col: any) => ({ fieldName: col.field.id, label: col.label, color: col.color, })), - yAxisLabel: resourceChart?.options?.yAxisLabel, + yAxisLabel: resourceChart?.chartOptions?.yAxisLabel, }, resource: resourceChart.resource?.id, type: resourceChart.chartType as ChartTypes, @@ -445,8 +445,8 @@ const ChartsVisualize: React.FC = ({ />
Preview - {chartData.chart && Object.keys(chartData.chart).length > 0 && ( - + {chartData.chart?.options && Object.keys(chartData.chart?.options).length > 0 && ( + )}
diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/queries/index.ts b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/queries/index.ts index 5c8ec9ec..a1fdfa97 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/queries/index.ts +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/charts/queries/index.ts @@ -36,8 +36,10 @@ export const getResourceChartDetails = graphql(` resource { id } - chart - filters { + chart { + options + } + chartFilters { column { id fieldName @@ -45,7 +47,7 @@ export const getResourceChartDetails = graphql(` operator value } - options { + chartOptions { aggregateType xAxisColumn { id @@ -88,7 +90,7 @@ export const createChart = graphql(` name } name - filters { + chartFilters { column { id fieldName @@ -96,7 +98,7 @@ export const createChart = graphql(` operator value } - options { + chartOptions { aggregateType xAxisColumn { id @@ -122,7 +124,9 @@ export const createChart = graphql(` fieldName } } - chart + chart { + options + } } } } diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/AccessModelForm.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/AccessModelForm.tsx index 5fc0ef55..74e3f296 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/AccessModelForm.tsx +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/AccessModelForm.tsx @@ -73,11 +73,8 @@ const editaccessModel: any = graphql(` const getAccessModelDetails: any = graphql(` query accessModel($accessModelId: UUID!) { accessModel(accessModelId: $accessModelId) { - modelResources { - fields { - id - fieldName - } + resourceFields { + fields resource { id name diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/publish/page.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/publish/page.tsx index 74e0d229..0c294f24 100644 --- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/publish/page.tsx +++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/publish/page.tsx @@ -23,7 +23,7 @@ import { GraphQL } from '@/lib/api'; import { formatDate, toTitleCase } from '@/lib/utils'; import { Icons } from '@/components/icons'; -const datasetSummaryQuery = graphql(` +const datasetSummaryQuery:any = graphql(` query datasetsSummary($filters: DatasetFilter) { datasets(filters: $filters) { metadata { @@ -46,22 +46,6 @@ const datasetSummaryQuery = graphql(` description } } - accessModels { - id - name - description - type - created - modified - modelResources { - resource { - name - description - id - type - } - } - } tags { id value @@ -179,7 +163,7 @@ const Page = () => { id: string; }>(); - const { data, isLoading, refetch } = useQuery([`summary_${params.id}`], () => + const getDatasetsSummary:{ data:any, isLoading:any, refetch:any } = useQuery([`summary_${params.id}`], () => GraphQL( datasetSummaryQuery, { @@ -190,15 +174,15 @@ const Page = () => { ); useEffect(() => { - refetch(); + getDatasetsSummary.refetch(); }); const Summary = [ { name: 'Resource', - data: data?.datasets[0]?.resources, + data: getDatasetsSummary.data?.datasets[0]?.resources, error: - data && data?.datasets[0]?.resources.length === 0 + getDatasetsSummary.data && getDatasetsSummary.data?.datasets[0]?.resources.length === 0 ? 'No Resources found. Please add to continue.' : '', errorType: 'critical', @@ -207,9 +191,9 @@ const Page = () => { ? [ { name: 'Access Type', - data: data?.datasets[0]?.accessModels, + data: getDatasetsSummary.data?.datasets[0]?.accessModels, error: - data && data?.datasets[0]?.accessModels.length === 0 + getDatasetsSummary.data && getDatasetsSummary.data?.datasets[0]?.accessModels.length === 0 ? 'No Access Type found. Please add to continue.' : '', errorType: 'critical', @@ -218,18 +202,18 @@ const Page = () => { : []), { name: 'Metadata', - data: data?.datasets[0]?.metadata, + data: getDatasetsSummary.data?.datasets[0]?.metadata, error: '', }, ]; const PrimaryMetadata = [ - { label: 'Dataset Name', value: data?.datasets[0].title }, - { label: 'Description', value: data?.datasets[0].description }, - { label: 'Date of Creation', value: formatDate(data?.datasets[0].created) }, + { label: 'Dataset Name', value: getDatasetsSummary.data?.datasets[0].title }, + { label: 'Description', value: getDatasetsSummary.data?.datasets[0].description }, + { label: 'Date of Creation', value: formatDate(getDatasetsSummary.data?.datasets[0].created) }, { label: 'Date of Last Update', - value: formatDate(data?.datasets[0].modified), + value: formatDate(getDatasetsSummary.data?.datasets[0].modified), }, ]; const router = useRouter(); @@ -269,7 +253,7 @@ const Page = () => {
- {isLoading || mutationLoading ? ( + {getDatasetsSummary.isLoading || mutationLoading ? (
@@ -356,7 +340,7 @@ const Page = () => { Tags:
- {data?.datasets[0].tags.map( + {getDatasetsSummary.data?.datasets[0].tags.map( (item: any, index: any) => ( {item.value} ) @@ -373,9 +357,9 @@ const Page = () => {