Feature/entries list

app/components/entry/EntryInput/index.tsx

@@ -81,6 +81,9 @@ interface EntryInputProps<T extends string | number | undefined> {
     allWidgets: Widget[] | undefined | null;
     rightComponent?: React.ReactNode;
     noPaddingInWidgetContainer?: boolean;
+
+    excerptShown?: boolean;
+    displayHorizontally?: boolean;
 }
 
 function EntryInput<T extends string | number | undefined>(props: EntryInputProps<T>) {
@@ -111,6 +114,8 @@ function EntryInput<T extends string | number | undefined>(props: EntryInputProp
         onApplyToAll,
         rightComponent,
         noPaddingInWidgetContainer = false,
+        excerptShown = false,
+        displayHorizontally = false,
     } = props;
 
     const error = getErrorObject(riskyError);
@@ -194,11 +199,12 @@ function EntryInput<T extends string | number | undefined>(props: EntryInputProp
             className={_cs(
                 className,
                 compactMode && styles.compact,
+                displayHorizontally && styles.horizontal,
                 styles.entryInput,
             )}
         >
             <NonFieldError error={error} />
-            {!compactMode && (
+            {(!compactMode || excerptShown) && (
                 <Container
                     className={styles.excerpt}
                     heading={(
@@ -244,6 +250,7 @@ function EntryInput<T extends string | number | undefined>(props: EntryInputProp
                     styles.section,
                     sectionContainerClassName,
                     compactMode && styles.compact,
+                    displayHorizontally && styles.horizontal,
                 )}
                 renderer={CompactSection}
                 keySelector={sectionKeySelector}

app/components/entry/EntryInput/styles.css

@@ -54,13 +54,24 @@
         }
     }
 
+    &.horizontal {
+        flex-direction: row;
+        .excerpt {
+            width: 100%;
+            max-width: 30rem;
+        }
+    }
+
     .section {
         background-color: var(--dui-color-foreground);
         width: var(--inner-width);
 
         &.compact {
             border-bottom: var(--dui-width-separator-thin) solid var(--dui-color-separator);
         }
+        &.horizontal {
+            border-bottom: unset;
+        }
     }
 
     .secondary-tagging {

app/components/general/ExportHistory/index.tsx

@@ -112,6 +112,8 @@ const PROJECT_EXPORTS = gql`
                             widgetKey
                         }
                         excelDecoupled
+                        dateFormat
+                        reportCitationStyle
                         reportExportingWidgets
                         reportLevels {
                             id

app/components/leadFilters/SourcesAppliedFilters/index.tsx

@@ -171,7 +171,7 @@ function SourcesAppliedFilters(props: Props) {
                 keySelector={organizationKeySelector}
             />
             <DismissableListOutput
-                label="Source Organization"
+                label="Publishing Organization"
                 name="sourceOrganizations"
                 onDismiss={onChange}
                 value={value.sourceOrganizations}

app/components/leadFilters/SourcesFilter/index.tsx

@@ -380,7 +380,7 @@ function SourcesFilter(props: Props) {
                         options={sourceOrganizationOptions}
                         onOptionsChange={setSourceOrganizationOptions}
                         disabled={disabled || optionsLoading}
-                        label="Source Organization"
+                        label="Publishing Organization"
                         error={getErrorString(error?.sourceOrganizations)}
                         usedInProject={projectId}
                     />

app/components/selections/FrameworkTagSelectInput/index.tsx

@@ -0,0 +1,145 @@
+import React, { useMemo, useCallback } from 'react';
+import {
+    Button,
+    BadgeInput,
+    BadgeInputProps,
+} from '@the-deep/deep-ui';
+import { useQuery, gql } from '@apollo/client';
+
+import {
+    FrameworkTagOptionsQuery,
+    FrameworkTagOptionsQueryVariables,
+} from '#generated/types';
+
+import styles from './styles.css';
+
+const FRAMEWORK_TAGS = gql`
+    query FrameworkTagOptions(
+        $page: Int,
+        $pageSize: Int,
+    ) {
+        analysisFrameworkTags(
+            page: $page,
+            pageSize: $pageSize,
+        ) {
+            page
+            pageSize
+            results {
+                description
+                id
+                title
+                icon {
+                    name
+                    url
+                }
+            }
+            totalCount
+        }
+    }
+`;
+
+const PAGE_SIZE = 10;
+
+type BasicFrameworkTag = NonNullable<NonNullable<NonNullable<FrameworkTagOptionsQuery>['analysisFrameworkTags']>['results']>[number];
+const keySelector = (item: BasicFrameworkTag) => item.id;
+const labelSelector = (item: BasicFrameworkTag) => item.title;
+const titleSelector = (item: BasicFrameworkTag) => item.description;
+function iconSelector(item: BasicFrameworkTag) {
+    if (!item.icon?.url) {
+        return undefined;
+    }
+    return (
+        <img
+            className={styles.icon}
+            src={item.icon.url}
+            alt={item.icon.url}
+        />
+    );
+}
+
+type Props<N extends string> = Omit<
+    BadgeInputProps<BasicFrameworkTag, N, string>,
+    'options' | 'keySelector' | 'labelSelector'
+>;
+
+function FrameworkTagSelectInput<N extends string>(
+    props: Props<N>,
+) {
+    const variables = useMemo(() => ({
+        page: 1,
+        pageSize: PAGE_SIZE,
+    }), []);
+
+    const {
+        data,
+        fetchMore,
+    } = useQuery<FrameworkTagOptionsQuery, FrameworkTagOptionsQueryVariables>(
+        FRAMEWORK_TAGS,
+        {
+            variables,
+        },
+    );
+
+    const handleShowMoreClick = useCallback(() => {
+        fetchMore({
+            variables: {
+                ...variables,
+                page: (data?.analysisFrameworkTags?.page ?? 1) + 1,
+            },
+            updateQuery: (previousResult, { fetchMoreResult }) => {
+                if (!previousResult.analysisFrameworkTags) {
+                    return previousResult;
+                }
+
+                const oldFrameworkTags = previousResult.analysisFrameworkTags;
+                const newFrameworkTags = fetchMoreResult?.analysisFrameworkTags;
+
+                if (!newFrameworkTags) {
+                    return previousResult;
+                }
+
+                return ({
+                    ...previousResult,
+                    analysisFrameworkTags: {
+                        ...newFrameworkTags,
+                        results: [
+                            ...(oldFrameworkTags.results ?? []),
+                            ...(newFrameworkTags.results ?? []),
+                        ],
+                    },
+                });
+            },
+        });
+    }, [
+        data?.analysisFrameworkTags?.page,
+        fetchMore,
+        variables,
+    ]);
+
+    return (
+        <>
+            <BadgeInput
+                {...props}
+                keySelector={keySelector}
+                labelSelector={labelSelector}
+                titleSelector={titleSelector}
+                iconSelector={iconSelector}
+                options={data?.analysisFrameworkTags?.results ?? undefined}
+                smallButtons
+            />
+            {(data?.analysisFrameworkTags?.totalCount ?? 0)
+                > (data?.analysisFrameworkTags?.results ?? []).length && (
+                <Button
+                    onClick={handleShowMoreClick}
+                    name={undefined}
+                    spacing="compact"
+                    variant="transparent"
+                >
+                    Show more tags
+                </Button>
+            )}
+        </>
+    );
+}
+
+export default FrameworkTagSelectInput;

app/components/selections/FrameworkTagSelectInput/styles.css

@@ -0,0 +1,5 @@
+.icon {
+    width: auto;
+    height: 1rem;
+    object-fit: contain;
+}

app/types/user.tsx

@@ -36,12 +36,12 @@ export interface Assignment {
         displayName: string;
         email: string;
     };
-    contentObjectDetails: {
+    contentObjectDetails?: {
         id: number;
         title: string;
         lead?: string;
         entry?: string;
-    };
+    } | undefined;
     isDone: boolean;
     contentObjectType: 'lead' | 'entryreviewcomment' | 'entrycomment';
 }

app/views/AnalyticalFramework/AssistedTagging/WidgetTagList/Matrix2dTagInput/index.tsx

@@ -139,7 +139,7 @@ function Matrix2dTagInput(props: Props) {
 
     const subColumnMappings = useMemo(() => (
         mappings?.filter((mappingItem): mappingItem is SubColumnMappingItem => (
-            mappingItem.association.type === 'SUB_ROW'
+            mappingItem.association.type === 'SUB_COLUMN'
         ))
     ), [
         mappings,