From 0a2f99515c126adf39a5d05609de82bba45d7052 Mon Sep 17 00:00:00 2001 From: Tero Tikkanen Date: Wed, 16 Oct 2024 00:03:44 +0300 Subject: [PATCH] Add tabbed action list --- common/__generated__/graphql.ts | 2051 ++++++++++++++--- common/__generated__/paths/graphql.ts | 45 +- components/paths/StreamField.tsx | 12 +- .../paths/contentblocks/ActionListBlock.tsx | 239 ++ fragments/action-card.fragment.ts | 10 +- fragments/stream-field.fragment.ts | 11 + 6 files changed, 2023 insertions(+), 345 deletions(-) create mode 100644 components/paths/contentblocks/ActionListBlock.tsx diff --git a/common/__generated__/graphql.ts b/common/__generated__/graphql.ts index ef32bf90..91088c21 100644 --- a/common/__generated__/graphql.ts +++ b/common/__generated__/graphql.ts @@ -4769,10 +4769,148 @@ export type GetActionListQuery = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } & { __typename?: 'CategoryType' } - ) } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -4877,109 +5015,247 @@ export type GetActionListForBlockQuery = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } - & { __typename?: 'Category' } - )>, statusSummary: ( - { identifier: ActionStatusSummaryIdentifier } - & { __typename?: 'ActionStatusSummary' } - ), implementationPhase?: ( - { id: string, identifier: string, name: string } - & { __typename?: 'ActionImplementationPhase' } - ) | null, primaryOrg?: ( - { id: string, abbreviation: string, name: string, logo?: ( - { rendition?: ( - { src: string } + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } & { __typename?: 'ImageRendition' } ) | null } & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Organization' } - ) | null, mergedWith?: ( - { id: string, identifier: string, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ) | null, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( + ) | null, iconImage?: ( { rendition?: ( { src: string } & { __typename?: 'ImageRendition' } ) | null } & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - )> | null } - & { __typename?: 'Query' } -); - -export type GetActionListForGraphsQueryVariables = Exact<{ - plan: Scalars['ID']; - categoryId?: InputMaybe; -}>; - - -export type GetActionListForGraphsQuery = ( - { planActions?: Array<( - { color?: string | null, scheduleContinuous: boolean, statusSummary: ( - { identifier: ActionStatusSummaryIdentifier } - & { __typename?: 'ActionStatusSummary' } - ), timeliness: ( - { identifier: ActionTimelinessIdentifier } - & { __typename?: 'ActionTimeliness' } - ), implementationPhase?: ( - { identifier: string, name: string } - & { __typename?: 'ActionImplementationPhase' } - ) | null } - & { __typename?: 'Action' } - )> | null } - & { __typename?: 'Query' } -); - -export type GetCategoryAttributeTypesQueryVariables = Exact<{ - plan: Scalars['ID']; -}>; - - -export type GetCategoryAttributeTypesQuery = ( - { plan?: ( - { id: string, categoryTypes: Array<( - { id: string, name: string, attributeTypes: Array<( - { format: AttributeTypeFormat, identifier: string, choiceOptions: Array<( - { identifier: string } - & { __typename?: 'AttributeTypeChoiceOption' } - )> } - & { __typename: 'AttributeType' } - )> } - & { __typename?: 'CategoryType' } - )> } - & { __typename?: 'Plan' } - ) | null } - & { __typename?: 'Query' } -); - -export type GetCategoriesForTreeMapQueryVariables = Exact<{ - plan: Scalars['ID']; - categoryType: Scalars['ID']; - attributeType: Scalars['ID']; -}>; - - -export type GetCategoriesForTreeMapQuery = ( - { planCategories?: Array<( - { id: string, name: string, leadParagraph: string, color?: string | null, image?: ( - { id: string, title: string, imageCredit: string, altText: string, rendition?: ( - { id: string, width: number, height: number, src: string, alt: string } - & { __typename?: 'ImageRendition' } - ) | null } - & { __typename?: 'Image' } - ) | null, categoryPage?: ( - { id?: string | null, title: string, path: string, slug: string, url?: string | null, urlPath: string, depth?: number | null, contentType: string, body?: Array<{ __typename?: 'AccessibilityStatementComplianceStatusBlock' | 'AccessibilityStatementContactFormBlock' | 'AccessibilityStatementContactInformationBlock' | 'AccessibilityStatementPreparationInformationBlock' | 'ActionAttributeTypeFilterBlock' | 'ActionAttributeTypeReportFieldBlock' | 'ActionCategoryFilterCardBlock' | 'ActionCategoryFilterCardsBlock' | 'ActionCategoryReportFieldBlock' | 'ActionContactFormBlock' | 'ActionContactPersonsBlock' | 'ActionContentAttributeTypeBlock' | 'ActionContentCategoryTypeBlock' | 'ActionContentSectionBlock' | 'ActionDependenciesBlock' | 'ActionDescriptionBlock' | 'ActionHighlightsBlock' | 'ActionImplementationPhaseFilterBlock' | 'ActionImplementationPhaseReportFieldBlock' | 'ActionLeadParagraphBlock' } | { __typename?: 'ActionLinksBlock' | 'ActionListBlock' | 'ActionManualStatusReasonBlock' | 'ActionMergedActionsBlock' | 'ActionOfficialNameBlock' | 'ActionRelatedActionsBlock' | 'ActionRelatedIndicatorsBlock' | 'ActionResponsiblePartiesBlock' | 'ActionResponsiblePartyReportFieldBlock' | 'ActionScheduleBlock' | 'ActionScheduleFilterBlock' | 'ActionStatusFilterBlock' | 'ActionStatusGraphsBlock' | 'ActionStatusReportFieldBlock' | 'ActionTasksBlock' | 'AdaptiveEmbedBlock' | 'BlockQuoteBlock' | 'BooleanBlock' | 'CardBlock' | 'CardListBlock' } | { __typename?: 'CartographyVisualisationBlock' | 'CategoryListBlock' | 'CategoryPageAttributeTypeBlock' | 'CategoryPageBodyBlock' | 'CategoryPageCategoryListBlock' | 'CategoryPageContactFormBlock' | 'CategoryPageProgressBlock' | 'CategoryTreeMapBlock' | 'CategoryTypeDatasetsBlock' | 'CategoryTypeFilterBlock' | 'CategoryTypeLevelListBlock' | 'CharBlock' | 'ChoiceBlock' | 'ContinuousActionFilterBlock' | 'DateBlock' | 'DateTimeBlock' | 'DecimalBlock' | 'DocumentChooserBlock' | 'EmailBlock' | 'EmbedBlock' } | { __typename?: 'FieldColumnBlock' | 'FloatBlock' | 'FormChoiceBlock' | 'FormFieldBlock' | 'FrontPageHeroBlock' | 'IdentifierColumnBlock' | 'ImageChooserBlock' | 'ImpactColumnBlock' | 'ImplementationPhaseColumnBlock' | 'IndicatorBlock' | 'IndicatorCausalChainBlock' | 'IndicatorGroupBlock' | 'IndicatorHighlightsBlock' | 'IndicatorShowcaseBlock' | 'IndicatorsColumnBlock' | 'IntegerBlock' | 'LargeImageBlock' | 'NameColumnBlock' | 'OrganizationColumnBlock' | 'PageChooserBlock' } | { __typename?: 'PageLinkBlock' | 'PathsOutcomeBlock' | 'PlanDatasetsBlock' | 'PlanFilterBlock' | 'PrimaryOrganizationFilterBlock' | 'QuestionAnswerBlock' | 'QuestionBlock' | 'RawHTMLBlock' | 'RegexBlock' | 'RelatedIndicatorsBlock' | 'RelatedPlanListBlock' | 'ReportComparisonBlock' | 'ReportTypeFieldChooserBlock' | 'ResponsiblePartiesColumnBlock' | 'ResponsiblePartyFilterBlock' | 'StaticBlock' | 'StatusColumnBlock' | 'StreamBlock' | 'StreamFieldBlock' | 'StructBlock' } | { __typename?: 'TasksColumnBlock' | 'TextBlock' | 'TimeBlock' | 'URLBlock' | 'UpdatedAtColumnBlock' } | ( + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } + & { __typename?: 'Category' } + )>, statusSummary: ( + { identifier: ActionStatusSummaryIdentifier } + & { __typename?: 'ActionStatusSummary' } + ), implementationPhase?: ( + { id: string, identifier: string, name: string } + & { __typename?: 'ActionImplementationPhase' } + ) | null, primaryOrg?: ( + { id: string, abbreviation: string, name: string, logo?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Organization' } + ) | null, mergedWith?: ( + { id: string, identifier: string, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ) | null, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + )> | null } + & { __typename?: 'Query' } +); + +export type GetActionListForGraphsQueryVariables = Exact<{ + plan: Scalars['ID']; + categoryId?: InputMaybe; +}>; + + +export type GetActionListForGraphsQuery = ( + { planActions?: Array<( + { color?: string | null, scheduleContinuous: boolean, statusSummary: ( + { identifier: ActionStatusSummaryIdentifier } + & { __typename?: 'ActionStatusSummary' } + ), timeliness: ( + { identifier: ActionTimelinessIdentifier } + & { __typename?: 'ActionTimeliness' } + ), implementationPhase?: ( + { identifier: string, name: string } + & { __typename?: 'ActionImplementationPhase' } + ) | null } + & { __typename?: 'Action' } + )> | null } + & { __typename?: 'Query' } +); + +export type GetCategoryAttributeTypesQueryVariables = Exact<{ + plan: Scalars['ID']; +}>; + + +export type GetCategoryAttributeTypesQuery = ( + { plan?: ( + { id: string, categoryTypes: Array<( + { id: string, name: string, attributeTypes: Array<( + { format: AttributeTypeFormat, identifier: string, choiceOptions: Array<( + { identifier: string } + & { __typename?: 'AttributeTypeChoiceOption' } + )> } + & { __typename: 'AttributeType' } + )> } + & { __typename?: 'CategoryType' } + )> } + & { __typename?: 'Plan' } + ) | null } + & { __typename?: 'Query' } +); + +export type GetCategoriesForTreeMapQueryVariables = Exact<{ + plan: Scalars['ID']; + categoryType: Scalars['ID']; + attributeType: Scalars['ID']; +}>; + + +export type GetCategoriesForTreeMapQuery = ( + { planCategories?: Array<( + { id: string, name: string, leadParagraph: string, color?: string | null, image?: ( + { id: string, title: string, imageCredit: string, altText: string, rendition?: ( + { id: string, width: number, height: number, src: string, alt: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, path: string, slug: string, url?: string | null, urlPath: string, depth?: number | null, contentType: string, body?: Array<{ __typename?: 'AccessibilityStatementComplianceStatusBlock' | 'AccessibilityStatementContactFormBlock' | 'AccessibilityStatementContactInformationBlock' | 'AccessibilityStatementPreparationInformationBlock' | 'ActionAttributeTypeFilterBlock' | 'ActionAttributeTypeReportFieldBlock' | 'ActionCategoryFilterCardBlock' | 'ActionCategoryFilterCardsBlock' | 'ActionCategoryReportFieldBlock' | 'ActionContactFormBlock' | 'ActionContactPersonsBlock' | 'ActionContentAttributeTypeBlock' | 'ActionContentCategoryTypeBlock' | 'ActionContentSectionBlock' | 'ActionDependenciesBlock' | 'ActionDescriptionBlock' | 'ActionHighlightsBlock' | 'ActionImplementationPhaseFilterBlock' | 'ActionImplementationPhaseReportFieldBlock' | 'ActionLeadParagraphBlock' } | { __typename?: 'ActionLinksBlock' | 'ActionListBlock' | 'ActionManualStatusReasonBlock' | 'ActionMergedActionsBlock' | 'ActionOfficialNameBlock' | 'ActionRelatedActionsBlock' | 'ActionRelatedIndicatorsBlock' | 'ActionResponsiblePartiesBlock' | 'ActionResponsiblePartyReportFieldBlock' | 'ActionScheduleBlock' | 'ActionScheduleFilterBlock' | 'ActionStatusFilterBlock' | 'ActionStatusGraphsBlock' | 'ActionStatusReportFieldBlock' | 'ActionTasksBlock' | 'AdaptiveEmbedBlock' | 'BlockQuoteBlock' | 'BooleanBlock' | 'CardBlock' | 'CardListBlock' } | { __typename?: 'CartographyVisualisationBlock' | 'CategoryListBlock' | 'CategoryPageAttributeTypeBlock' | 'CategoryPageBodyBlock' | 'CategoryPageCategoryListBlock' | 'CategoryPageContactFormBlock' | 'CategoryPageProgressBlock' | 'CategoryTreeMapBlock' | 'CategoryTypeDatasetsBlock' | 'CategoryTypeFilterBlock' | 'CategoryTypeLevelListBlock' | 'CharBlock' | 'ChoiceBlock' | 'ContinuousActionFilterBlock' | 'DateBlock' | 'DateTimeBlock' | 'DecimalBlock' | 'DocumentChooserBlock' | 'EmailBlock' | 'EmbedBlock' } | { __typename?: 'FieldColumnBlock' | 'FloatBlock' | 'FormChoiceBlock' | 'FormFieldBlock' | 'FrontPageHeroBlock' | 'IdentifierColumnBlock' | 'ImageChooserBlock' | 'ImpactColumnBlock' | 'ImplementationPhaseColumnBlock' | 'IndicatorBlock' | 'IndicatorCausalChainBlock' | 'IndicatorGroupBlock' | 'IndicatorHighlightsBlock' | 'IndicatorShowcaseBlock' | 'IndicatorsColumnBlock' | 'IntegerBlock' | 'LargeImageBlock' | 'NameColumnBlock' | 'OrganizationColumnBlock' | 'PageChooserBlock' } | { __typename?: 'PageLinkBlock' | 'PathsOutcomeBlock' | 'PlanDatasetsBlock' | 'PlanFilterBlock' | 'PrimaryOrganizationFilterBlock' | 'QuestionAnswerBlock' | 'QuestionBlock' | 'RawHTMLBlock' | 'RegexBlock' | 'RelatedIndicatorsBlock' | 'RelatedPlanListBlock' | 'ReportComparisonBlock' | 'ReportTypeFieldChooserBlock' | 'ResponsiblePartiesColumnBlock' | 'ResponsiblePartyFilterBlock' | 'StaticBlock' | 'StatusColumnBlock' | 'StreamBlock' | 'StreamFieldBlock' | 'StructBlock' } | { __typename?: 'TasksColumnBlock' | 'TextBlock' | 'TimeBlock' | 'URLBlock' | 'UpdatedAtColumnBlock' } | ( { value: string } & { __typename?: 'RichTextBlock' } ) | null> | null } @@ -6319,32 +6595,170 @@ export type ActionCardFragment = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } - & { __typename?: 'Category' } - )>, statusSummary: ( - { identifier: ActionStatusSummaryIdentifier } - & { __typename?: 'ActionStatusSummary' } - ), implementationPhase?: ( - { id: string, identifier: string, name: string } - & { __typename?: 'ActionImplementationPhase' } - ) | null, primaryOrg?: ( - { id: string, abbreviation: string, name: string, logo?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( { rendition?: ( { src: string } & { __typename?: 'ImageRendition' } ) | null } & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Organization' } - ) | null, mergedWith?: ( - { id: string, identifier: string, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } + & { __typename?: 'Category' } + )>, statusSummary: ( + { identifier: ActionStatusSummaryIdentifier } + & { __typename?: 'ActionStatusSummary' } + ), implementationPhase?: ( + { id: string, identifier: string, name: string } + & { __typename?: 'ActionImplementationPhase' } + ) | null, primaryOrg?: ( + { id: string, abbreviation: string, name: string, logo?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Organization' } + ) | null, mergedWith?: ( + { id: string, identifier: string, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } ) | null, plan: ( { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( { rendition?: ( @@ -6909,9 +7323,18 @@ type StreamFieldFragment_ActionCategoryFilterCardsBlock_Fragment = ( ); type StreamFieldFragment_ActionListBlock_Fragment = ( - { id?: string | null, blockType: string, field: string, categoryFilter?: ( - { id: string } + { heading?: string | null, helpText?: string | null, id?: string | null, blockType: string, field: string, categoryFilter?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } & { __typename?: 'Category' } + ) | null, groupByCategoryLevel?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'CategoryLevel' } ) | null } & { __typename?: 'ActionListBlock' } ); @@ -7764,124 +8187,538 @@ export type GetActionDetailsQuery = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } - & { __typename?: 'Category' } - )>, statusSummary: ( - { identifier: ActionStatusSummaryIdentifier } - & { __typename?: 'ActionStatusSummary' } - ), implementationPhase?: ( - { id: string, identifier: string, name: string } - & { __typename?: 'ActionImplementationPhase' } - ) | null, primaryOrg?: ( - { id: string, abbreviation: string, name: string, logo?: ( - { rendition?: ( - { src: string } + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } & { __typename?: 'ImageRendition' } - ) | null } - & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Organization' } - ) | null, mergedWith?: ( - { id: string, identifier: string, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ) | null, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( - { rendition?: ( - { src: string } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } & { __typename?: 'ImageRendition' } - ) | null } - & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - )>, mergedWith?: ( - { id: string, identifier: string, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ) | null, supersededBy?: ( - { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( - { id: string, identifier: string, name: string, color?: string | null } - & { __typename?: 'ActionStatus' } - ) | null, dependencyRole?: ( - { id: string, name: string } - & { __typename?: 'ActionDependencyRole' } - ) | null, allDependencyRelationships: Array<( - { preceding: ( - { id: string } - & { __typename?: 'Action' } - ), dependent: ( - { id: string } - & { __typename?: 'Action' } - ) } - & { __typename?: 'ActionDependencyRelationship' } - )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } - & { __typename?: 'Category' } - )>, statusSummary: ( - { identifier: ActionStatusSummaryIdentifier } - & { __typename?: 'ActionStatusSummary' } - ), implementationPhase?: ( - { id: string, identifier: string, name: string } - & { __typename?: 'ActionImplementationPhase' } - ) | null, primaryOrg?: ( - { id: string, abbreviation: string, name: string, logo?: ( - { rendition?: ( - { src: string } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } & { __typename?: 'ImageRendition' } ) | null } & { __typename?: 'Image' } - ) | null } - & { __typename?: 'Organization' } - ) | null, mergedWith?: ( - { id: string, identifier: string, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ) | null, plan: ( - { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( + ) | null, iconImage?: ( { rendition?: ( { src: string } & { __typename?: 'ImageRendition' } ) | null } & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } + & { __typename?: 'Category' } + )>, statusSummary: ( + { identifier: ActionStatusSummaryIdentifier } + & { __typename?: 'ActionStatusSummary' } + ), implementationPhase?: ( + { id: string, identifier: string, name: string } + & { __typename?: 'ActionImplementationPhase' } + ) | null, primaryOrg?: ( + { id: string, abbreviation: string, name: string, logo?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Organization' } + ) | null, mergedWith?: ( + { id: string, identifier: string, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ) | null, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + )>, mergedWith?: ( + { id: string, identifier: string, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ) | null, supersededBy?: ( + { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( + { id: string, identifier: string, name: string, color?: string | null } + & { __typename?: 'ActionStatus' } + ) | null, dependencyRole?: ( + { id: string, name: string } + & { __typename?: 'ActionDependencyRole' } + ) | null, allDependencyRelationships: Array<( + { preceding: ( + { id: string } + & { __typename?: 'Action' } + ), dependent: ( + { id: string } + & { __typename?: 'Action' } + ) } + & { __typename?: 'ActionDependencyRelationship' } + )>, categories: Array<( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } + & { __typename?: 'Category' } + )>, statusSummary: ( + { identifier: ActionStatusSummaryIdentifier } + & { __typename?: 'ActionStatusSummary' } + ), implementationPhase?: ( + { id: string, identifier: string, name: string } + & { __typename?: 'ActionImplementationPhase' } + ) | null, primaryOrg?: ( + { id: string, abbreviation: string, name: string, logo?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Organization' } + ) | null, mergedWith?: ( + { id: string, identifier: string, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ) | null, plan: ( + { id: string, shortName?: string | null, versionName: string, viewUrl?: string | null, hideActionIdentifiers?: boolean | null, publishedAt?: any | null, image?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ) | null, supersededActions: Array<( + { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( + { id: string, identifier: string, name: string, color?: string | null } + & { __typename?: 'ActionStatus' } + ) | null, dependencyRole?: ( + { id: string, name: string } + & { __typename?: 'ActionDependencyRole' } + ) | null, allDependencyRelationships: Array<( + { preceding: ( + { id: string } + & { __typename?: 'Action' } + ), dependent: ( + { id: string } + & { __typename?: 'Action' } + ) } + & { __typename?: 'ActionDependencyRelationship' } + )>, categories: Array<( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } ) | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ) | null, supersededActions: Array<( - { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( - { id: string, identifier: string, name: string, color?: string | null } - & { __typename?: 'ActionStatus' } - ) | null, dependencyRole?: ( - { id: string, name: string } - & { __typename?: 'ActionDependencyRole' } - ) | null, allDependencyRelationships: Array<( - { preceding: ( - { id: string } - & { __typename?: 'Action' } - ), dependent: ( - { id: string } - & { __typename?: 'Action' } - ) } - & { __typename?: 'ActionDependencyRelationship' } - )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -8158,10 +8995,148 @@ export type GetActionDetailsQuery = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } & { __typename?: 'CategoryType' } - ) } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -8192,30 +9167,168 @@ export type GetActionDetailsQuery = ( ) | null } & { __typename?: 'Image' } ) | null } - & { __typename?: 'Plan' } - ) } - & { __typename?: 'Action' } - ), dependent: ( - { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( - { id: string, identifier: string, name: string, color?: string | null } - & { __typename?: 'ActionStatus' } - ) | null, dependencyRole?: ( - { id: string, name: string } - & { __typename?: 'ActionDependencyRole' } - ) | null, allDependencyRelationships: Array<( - { preceding: ( - { id: string } - & { __typename?: 'Action' } - ), dependent: ( - { id: string } - & { __typename?: 'Action' } - ) } - & { __typename?: 'ActionDependencyRelationship' } - )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } + & { __typename?: 'Plan' } + ) } + & { __typename?: 'Action' } + ), dependent: ( + { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( + { id: string, identifier: string, name: string, color?: string | null } + & { __typename?: 'ActionStatus' } + ) | null, dependencyRole?: ( + { id: string, name: string } + & { __typename?: 'ActionDependencyRole' } + ) | null, allDependencyRelationships: Array<( + { preceding: ( + { id: string } + & { __typename?: 'Action' } + ), dependent: ( + { id: string } + & { __typename?: 'Action' } + ) } + & { __typename?: 'ActionDependencyRelationship' } + )>, categories: Array<( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -9355,53 +10468,191 @@ export type GetActionDetailsQuery = ( { restricted?: boolean | null, hidden?: boolean | null } & { __typename?: 'FieldBlockMetaData' } ) | null } - & { __typename: 'ActionResponsiblePartiesBlock' } - )> | null } - & { __typename?: 'ActionListPage' } - ) | null, actionAttributeTypes: Array<( - { id: string, format: AttributeTypeFormat, name: string, identifier: string, helpText: string, showChoiceNames: boolean, hasZeroOption: boolean, choiceOptions: Array<( - { id: string, identifier: string } - & { __typename?: 'AttributeTypeChoiceOption' } - )>, unit?: ( - { id: string, name: string } - & { __typename?: 'Unit' } - ) | null } - & { __typename: 'AttributeType' } - )>, generalContent: ( - { actionTerm: SiteGeneralContentActionTerm } - & { __typename?: 'SiteGeneralContent' } - ) } - & { __typename?: 'Plan' } - ) | null } - & { __typename?: 'Query' } -); - -export type ActionDependenciesFragment = ( - { dependencyRole?: ( - { id: string, name: string } - & { __typename?: 'ActionDependencyRole' } - ) | null, allDependencyRelationships: Array<( - { preceding: ( - { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( - { id: string, identifier: string, name: string, color?: string | null } - & { __typename?: 'ActionStatus' } - ) | null, dependencyRole?: ( - { id: string, name: string } - & { __typename?: 'ActionDependencyRole' } - ) | null, allDependencyRelationships: Array<( - { preceding: ( - { id: string } - & { __typename?: 'Action' } - ), dependent: ( - { id: string } - & { __typename?: 'Action' } - ) } - & { __typename?: 'ActionDependencyRelationship' } - )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } - & { __typename?: 'CategoryType' } - ) } + & { __typename: 'ActionResponsiblePartiesBlock' } + )> | null } + & { __typename?: 'ActionListPage' } + ) | null, actionAttributeTypes: Array<( + { id: string, format: AttributeTypeFormat, name: string, identifier: string, helpText: string, showChoiceNames: boolean, hasZeroOption: boolean, choiceOptions: Array<( + { id: string, identifier: string } + & { __typename?: 'AttributeTypeChoiceOption' } + )>, unit?: ( + { id: string, name: string } + & { __typename?: 'Unit' } + ) | null } + & { __typename: 'AttributeType' } + )>, generalContent: ( + { actionTerm: SiteGeneralContentActionTerm } + & { __typename?: 'SiteGeneralContent' } + ) } + & { __typename?: 'Plan' } + ) | null } + & { __typename?: 'Query' } +); + +export type ActionDependenciesFragment = ( + { dependencyRole?: ( + { id: string, name: string } + & { __typename?: 'ActionDependencyRole' } + ) | null, allDependencyRelationships: Array<( + { preceding: ( + { id: string, identifier: string, name: string, viewUrl: string, color?: string | null, scheduleContinuous: boolean, completion?: number | null, status?: ( + { id: string, identifier: string, name: string, color?: string | null } + & { __typename?: 'ActionStatus' } + ) | null, dependencyRole?: ( + { id: string, name: string } + & { __typename?: 'ActionDependencyRole' } + ) | null, allDependencyRelationships: Array<( + { preceding: ( + { id: string } + & { __typename?: 'Action' } + ), dependent: ( + { id: string } + & { __typename?: 'Action' } + ) } + & { __typename?: 'ActionDependencyRelationship' } + )>, categories: Array<( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -9452,10 +10703,148 @@ export type ActionDependenciesFragment = ( ) } & { __typename?: 'ActionDependencyRelationship' } )>, categories: Array<( - { id: string, identifier: string, name: string, iconSvgUrl?: string | null, type: ( - { id: string } + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } & { __typename?: 'CategoryType' } - ) } + ), parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, parent?: ( + { id: string, identifier: string, name: string, leadParagraph: string, order: number, kausalPathsNodeUuid: string, color?: string | null, iconSvgUrl?: string | null, helpText: string, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null, level?: ( + { id: string, name: string, namePlural?: string | null } + & { __typename?: 'CategoryLevel' } + ) | null, image?: ( + { id: string, title: string, altText: string, imageCredit: string, width: number, height: number, focalPointX?: number | null, focalPointY?: number | null, full?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, large?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, small?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, social?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null, rendition?: ( + { id: string, width: number, height: number, src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, iconImage?: ( + { rendition?: ( + { src: string } + & { __typename?: 'ImageRendition' } + ) | null } + & { __typename?: 'Image' } + ) | null, categoryPage?: ( + { id?: string | null, title: string, urlPath: string, live: boolean } + & { __typename?: 'CategoryPage' } + ) | null, type: ( + { id: string, identifier: string, hideCategoryIdentifiers: boolean } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'Category' } + ) | null } & { __typename?: 'Category' } )>, statusSummary: ( { identifier: ActionStatusSummaryIdentifier } @@ -10534,9 +11923,18 @@ export type GetContentPageQuery = ( ) | null> | null } & { __typename?: 'ActionCategoryFilterCardsBlock' } ) | ( - { id?: string | null, blockType: string, field: string, categoryFilter?: ( - { id: string } + { heading?: string | null, helpText?: string | null, id?: string | null, blockType: string, field: string, categoryFilter?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } & { __typename?: 'Category' } + ) | null, groupByCategoryLevel?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'CategoryLevel' } ) | null } & { __typename?: 'ActionListBlock' } ) | ( @@ -11599,9 +12997,18 @@ export type GetContentPageQuery = ( ) | null> | null } & { __typename?: 'ActionCategoryFilterCardsBlock' } ) | ( - { id?: string | null, blockType: string, field: string, categoryFilter?: ( - { id: string } + { heading?: string | null, helpText?: string | null, id?: string | null, blockType: string, field: string, categoryFilter?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } & { __typename?: 'Category' } + ) | null, groupByCategoryLevel?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'CategoryLevel' } ) | null } & { __typename?: 'ActionListBlock' } ) | ( @@ -12274,9 +13681,18 @@ export type GetContentPageQuery = ( ) | null> | null } & { __typename?: 'ActionCategoryFilterCardsBlock' } ) | ( - { id?: string | null, blockType: string, field: string, categoryFilter?: ( - { id: string } + { heading?: string | null, helpText?: string | null, id?: string | null, blockType: string, field: string, categoryFilter?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } & { __typename?: 'Category' } + ) | null, groupByCategoryLevel?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'CategoryLevel' } ) | null } & { __typename?: 'ActionListBlock' } ) | ( @@ -12958,9 +14374,18 @@ export type GetHomePageQuery = ( ) | null> | null } & { __typename?: 'ActionCategoryFilterCardsBlock' } ) | ( - { id?: string | null, blockType: string, field: string, categoryFilter?: ( - { id: string } + { id?: string | null, heading?: string | null, helpText?: string | null, blockType: string, field: string, categoryFilter?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } & { __typename?: 'Category' } + ) | null, groupByCategoryLevel?: ( + { id: string, type: ( + { id: string } + & { __typename?: 'CategoryType' } + ) } + & { __typename?: 'CategoryLevel' } ) | null } & { __typename?: 'ActionListBlock' } ) | ( diff --git a/common/__generated__/paths/graphql.ts b/common/__generated__/paths/graphql.ts index ce98e91d..71d39dbf 100644 --- a/common/__generated__/paths/graphql.ts +++ b/common/__generated__/paths/graphql.ts @@ -724,6 +724,7 @@ export type InstanceFeaturesType = { hideNodeDetails: Scalars['Boolean']; maximumFractionDigits?: Maybe; showAccumulatedEffects: Scalars['Boolean']; + showRefreshPrompt: Scalars['Boolean']; showSignificantDigits?: Maybe; }; @@ -2003,28 +2004,6 @@ export type YearlyValue = { year: Scalars['Int']; }; -export type GetInstanceGoalOutcomeQueryVariables = Exact<{ - goal: Scalars['ID']; -}>; - - -export type GetInstanceGoalOutcomeQuery = ( - { instance: ( - { id: string, goals: Array<( - { values: Array<( - { year: number, goal?: number | null, actual?: number | null, isForecast: boolean, isInterpolated?: boolean | null } - & { __typename?: 'InstanceYearlyGoalType' } - )>, unit: ( - { htmlShort: string } - & { __typename?: 'UnitType' } - ) } - & { __typename?: 'InstanceGoalEntry' } - )> } - & { __typename?: 'InstanceType' } - ) } - & { __typename?: 'Query' } -); - export type SetNormalizationFromWidgetMutationVariables = Exact<{ id?: InputMaybe; }>; @@ -2133,6 +2112,28 @@ export type SetNormalizationMutation = ( & { __typename?: 'Mutations' } ); +export type GetInstanceGoalOutcomeQueryVariables = Exact<{ + goal: Scalars['ID']; +}>; + + +export type GetInstanceGoalOutcomeQuery = ( + { instance: ( + { id: string, goals: Array<( + { values: Array<( + { year: number, goal?: number | null, actual?: number | null, isForecast: boolean, isInterpolated?: boolean | null } + & { __typename?: 'InstanceYearlyGoalType' } + )>, unit: ( + { htmlShort: string } + & { __typename?: 'UnitType' } + ) } + & { __typename?: 'InstanceGoalEntry' } + )> } + & { __typename?: 'InstanceType' } + ) } + & { __typename?: 'Query' } +); + export type DimensionalMetricFragment = ( { id: string, name: string, stackable: boolean, forecastFrom?: number | null, years: Array, values: Array, dimensions: Array<( { id: string, label: string, originalId?: string | null, helpText?: string | null, categories: Array<( diff --git a/components/paths/StreamField.tsx b/components/paths/StreamField.tsx index 6038526e..ea873fdd 100644 --- a/components/paths/StreamField.tsx +++ b/components/paths/StreamField.tsx @@ -7,9 +7,9 @@ import { ErrorBoundary } from '@/components/common/ErrorBoundary'; import { ErrorPage } from '@/components/common/ErrorPage'; import RichText from '@/components/common/RichText'; import ActionCategoryFilterCardsBlock from '@/components/contentblocks/ActionCategoryFilterCardsBlock'; -import ActionListBlock from '@/components/contentblocks/ActionListBlock'; import IndicatorGroupBlock from '@/components/contentblocks/IndicatorGroupBlock'; import QuestionAnswerBlock from '@/components/contentblocks/QuestionAnswerBlock'; +import ActionListBlock from '@/components/paths/contentblocks/ActionListBlock'; import CategoryListBlock from '@/components/paths/contentblocks/CategoryListBlock'; import CategoryTypeListBlock from '@/components/paths/contentblocks/CategoryTypeListBlock'; import PathsOutcomeBlock from '@/components/paths/contentblocks/PathsOutcomeBlock'; @@ -30,9 +30,15 @@ function StreamFieldBlock(props: StreamFieldBlockProps) { console.log('rendering', props); switch (__typename) { case 'ActionListBlock': { - const { categoryFilter } = block; + const { categoryFilter, groupByCategoryLevel, heading, helpText } = block; return ( - + ); } case 'CategoryListBlock': { diff --git a/components/paths/contentblocks/ActionListBlock.tsx b/components/paths/contentblocks/ActionListBlock.tsx new file mode 100644 index 00000000..e620fc72 --- /dev/null +++ b/components/paths/contentblocks/ActionListBlock.tsx @@ -0,0 +1,239 @@ +import React, { useState } from 'react'; + +import { getActionTermContext } from 'common/i18n'; +import ActionCard from 'components/actions/ActionCard'; +import ActionCardList from 'components/actions/ActionCardList'; +import ContentLoader from 'components/common/ContentLoader'; +import ErrorMessage from 'components/common/ErrorMessage'; +import { usePlan } from 'context/plan'; +import { useTranslations } from 'next-intl'; +import { Container } from 'reactstrap'; +import styled from 'styled-components'; + +import type { + ActionCardFragment, + Category, + CategoryLevel, + GetActionListForBlockQuery, +} from '@/common/__generated__/graphql'; +import { getDeepParents } from '@/common/categories'; +import { gql } from '@apollo/client'; +import { useQuery } from '@apollo/experimental-nextjs-app-support/ssr'; + +const GET_ACTION_LIST_FOR_BLOCK = gql` + query GetActionListForBlock( + $plan: ID! + $category: ID + $clientUrl: String + $workflow: WorkflowState + ) @workflow(state: $workflow) { + planActions(plan: $plan, category: $category) { + ...ActionCard + } + } + ${ActionCard.fragments.action} +`; + +const ActionListSection = styled.div` + background-color: ${(props) => props.theme.neutralLight}; + padding: ${(props) => props.theme.spaces.s400} 0; +`; + +const ActionTabs = styled.div` + display: flex; + max-width: 100%; + overflow-x: auto; +`; + +const ActionTab = styled.button<{ + $isActive: boolean; + $isEnabled?: boolean; +}>` + display: inline-flex; + align-items: flex-start; + flex-direction: column; + flex: 1 1 90px; + margin-right: 5px; + border: 1px solid ${(props) => props.theme.graphColors.grey020}; + border-top: 1px solid + ${(props) => + props.$isActive + ? props.theme.graphColors.blue070 + : props.theme.graphColors.grey020}; + border-bottom: 1px solid + ${(props) => + props.$isActive + ? props.theme.graphColors.grey000 + : props.theme.graphColors.grey010}; + padding: 0.75rem 0.75rem 1.25rem 0.75rem; + text-align: left; + background-color: ${({ theme, $isActive }) => + $isActive ? theme.cardBackground.primary : theme.cardBackground.secondary}; + + &:last-child { + margin-right: 0; + } + + &:hover { + background-color: ${({ theme }) => theme.cardBackground.primary}; + border-top: 1px solid ${({ theme }) => theme.graphColors.blue070}; + } +`; + +const DisabledActionTab = styled.button` + display: inline-flex; + align-items: flex-start; + flex-direction: column; + flex: 1 1 90px; + margin-right: 5px; + padding: 0.75rem 0.75rem 1.25rem 0.75rem; + text-align: left; + border: 0; + color: ${({ theme }) => theme.textColor.primary}; +`; + +const TabTitle = styled.h3` + display: flex; + font-size: ${({ theme }) => theme.fontSizeBase}; + font-weight: 700; + line-height: 1.2; + + div { + margin-right: 6px; + } +`; + +const SectionHeader = styled.h2` + text-align: center; + padding: ${(props) => props.theme.spaces.s100}; + border-radius: ${(props) => props.theme.cardBorderRadius}; + background-color: ${(props) => props.theme.themeColors.white}; + color: ${(props) => props.theme.headingsColor}; + margin-bottom: ${(props) => props.theme.spaces.s300}; + font-size: ${(props) => props.theme.fontSizeLg}; + + @media (min-width: ${(props) => props.theme.breakpointMd}) { + font-size: ${(props) => props.theme.fontSizeXl}; + } +`; + +const actionsWithCategory = ( + actions: ActionCardFragment[], + activeTab: string +) => { + return actions.filter((action) => + action.categories.findIndex((cat) => cat.id === activeTab) + ); +}; + +const getParentCategoryOfLevel = (cat, levelId: string) => { + const catParents = getDeepParents(cat); + return catParents.find((parent) => parent.level.id === levelId); +}; + +type TabbedActionListProps = { + actions: ActionCardFragment[]; + actionGroups: Category[]; +}; + +const TabbedActionList = (props: TabbedActionListProps) => { + const { actions, actionGroups } = props; + const [activeTab, setActiveTab] = useState(actionGroups[0]?.id || 'null'); + + return ( + <> + + {actionGroups.map((groupCategory) => ( + setActiveTab(groupCategory.id)} + $isActive={groupCategory.id === activeTab} + > + +
{groupCategory.name}
+ + + ))} + + {activeTab !== 'null' && ( + + )} + + ); +}; + +type ActionListBlockProps = { + heading?: string; + lead?: string; + groupByLevel?: CategoryLevel; + categoryId: string; +}; + +const ActionListBlock = (props: ActionListBlockProps) => { + const { categoryId, lead, heading, groupByLevel, id } = props; + const t = useTranslations(); + + const plan = usePlan(); + + const { loading, error, data } = useQuery( + GET_ACTION_LIST_FOR_BLOCK, + { + variables: { + plan: plan.identifier, + category: categoryId, + clientUrl: plan.viewUrl, + }, + } + ); + + if (loading) return ; + if (error) return ; + + const { planActions } = data; + if (!planActions) { + return <>NO ACTIONS; + } + + const actionGroups: Category[] = []; + + if (groupByLevel) + planActions.forEach((act) => { + // Find the recursive category in action categories that matches the grouping category + const categoryOfGroupLevel = act.categories.find( + (cat) => cat.type.id === groupByLevel.type.id + ); + // From that category, find the parent category of the grouping level + const groupingCategory = getParentCategoryOfLevel( + categoryOfGroupLevel, + groupByLevel.id + ); + + if ( + groupingCategory && + actionGroups.findIndex((grp) => grp.id === groupingCategory.id) === -1 + ) + actionGroups.push(groupingCategory); + }); + const displayHeading = heading || t('actions', getActionTermContext(plan)); + + return ( + + + {heading && {displayHeading}} + {planActions.length > 0 && ( + + )} + + + ); +}; + +export default ActionListBlock; diff --git a/fragments/action-card.fragment.ts b/fragments/action-card.fragment.ts index 4746a071..71af66b3 100644 --- a/fragments/action-card.fragment.ts +++ b/fragments/action-card.fragment.ts @@ -1,3 +1,4 @@ +import { RECURSIVE_CATEGORY_FRAGMENT } from '@/fragments/category.fragment'; import { gql } from '@apollo/client'; export const ACTION_CARD_FRAGMENT = gql` @@ -28,13 +29,7 @@ export const ACTION_CARD_FRAGMENT = gql` } completion categories { - id - identifier - name - iconSvgUrl - type { - id - } + ...CategoryRecursiveFragment } statusSummary { identifier @@ -78,4 +73,5 @@ export const ACTION_CARD_FRAGMENT = gql` } } } + ${RECURSIVE_CATEGORY_FRAGMENT} `; diff --git a/fragments/stream-field.fragment.ts b/fragments/stream-field.fragment.ts index e1580538..d82535a1 100644 --- a/fragments/stream-field.fragment.ts +++ b/fragments/stream-field.fragment.ts @@ -73,8 +73,19 @@ export const STREAM_FIELD_FRAGMENT = gql` } } ... on ActionListBlock { + heading + helpText categoryFilter { id + type { + id + } + } + groupByCategoryLevel { + id + type { + id + } } } ... on AdaptiveEmbedBlock {