@apolitical/component-library 1.17.4-beta.0 → 1.18.0-4247.55

package/styles/variables/colors/_colors.scss

@@ -4,56 +4,66 @@
 // names.
 
 $default-colors: (
-'white': rgb(255 255 255 / 100%),
-'black': rgb(0 0 0 / 100%),
-'sand': rgb(252 250 243 / 100%),
-'b50': rgb(248 247 255 / 100%),
-'b100': rgb(222 220 250 / 100%),
-'b200': rgb(197 194 245 / 100%),
-'b300': rgb(175 171 239 / 100%),
-'b500': rgb(124 114 225 / 100%),
-'b600': rgb(101 89 212 / 100%),
-'b700': rgb(79 67 186 / 100%),
-'b800': rgb(57 45 135 / 100%),
-'b900': rgb(33 24 77 / 100%),
-'g50': rgb(235 250 246 / 100%),
-'g100': rgb(195 240 228 / 100%),
-'g200': rgb(153 219 201),
-'g300': rgb(124 220 197 / 100%),
-'g600': rgb(43 137 117 / 100%),
-'g700': rgb(28 104 88 / 100%),
-'g900': rgb(10 38 33 / 100%),
-'n10': rgb(222 226 232 / 100%),
-'n40': rgb(248 248 248 / 100%),
-'n50': rgb(240 245 255 / 100%),
-'n100': rgb(215 224 239 / 100%),
-'n200': rgb(192 203 223 / 100%),
-'n500': rgb(117 131 160 / 100%),
-'n600': rgb(89 101 128 / 100%),
-'n700': rgb(64 74 97 / 100%),
-'n800': rgb(42 49 65 / 100%),
-'n900': rgb(21 25 33 / 100%),
-'p50': rgb(255 242 255 / 100%),
-'p100': rgb(238 200 237 / 100%),
-'p300': rgb(203 130 197 / 100%),
-'p500': rgb(166 55 152 / 100%),
-'p600': rgb(136 90 189 / 100%),
-'p900': rgb(66 1 55 / 100%),
-'y50': rgb(255 248 232 / 100%),
-'y100': rgb(255 238 193 / 100%),
-'y300': rgb(255 230 139 / 100%),
-'y700': rgb(122 81 5 / 100%),
-'y900': rgb(48 29 0 / 100%),
-'error50': rgb(255 242 242 / 100%),
-'error600': rgb(195 65 65 / 100%),
-'error700': rgb(155 36 36 / 100%),
-'info50': rgb(240 245 247 / 100%),
-'info500': rgb(30 117 166 / 100%),
-'info600': rgb(20 95 139 / 100%),
-'success50': rgb(235 247 239 / 100%),
-'success500': rgb(60 124 82 / 100%),
-'success600': rgb(38 103 60 / 100%),
-'warning50': rgb(255 242 230 / 100%),
-'warning500': rgb(220 121 29 / 100%),
-'warning700': rgb(137 71 11 / 100%),
+  'white': rgb(255 255 255 / 100%),
+  'black': rgb(0 0 0 / 100%),
+  'sand': rgb(252 250 243 / 100%),
+
+  'b50': rgb(248 247 255 / 100%),
+  'b100': rgb(222 220 250 / 100%),
+  'b200': rgb(197 194 245 / 100%),
+  'b300': rgb(175 171 239 / 100%),
+  'b500': rgb(124 114 225 / 100%),
+  'b600': rgb(101 89 212 / 100%),
+  'b700': rgb(79 67 186 / 100%),
+  'b800': rgb(57 45 135 / 100%),
+  'b900': rgb(33 24 77 / 100%),
+
+  'g50': rgb(235 250 246 / 100%),
+  'g100': rgb(195 240 228 / 100%),
+  'g200': rgb(153 219 201),
+  'g300': rgb(124 220 197 / 100%),
+  'g600': rgb(43 137 117 / 100%),
+  'g700': rgb(28 104 88 / 100%),
+  'g900': rgb(10 38 33 / 100%),
+
+  'n10': rgb(222 226 232 / 100%),
+  'n50': rgb(240 245 255 / 100%),
+  'n100': rgb(215 224 239 / 100%),
+  'n200': rgb(192 203 223 / 100%),
+  'n500': rgb(117 131 160 / 100%),
+  'n600': rgb(89 101 128 / 100%),
+  'n700': rgb(64 74 97 / 100%),
+  'n800': rgb(42 49 65 / 100%),
+  'n900': rgb(21 25 33 / 100%),
+
+  'p50': rgb(255 242 255 / 100%),
+  'p100': rgb(238 200 237 / 100%),
+  'p300': rgb(203 130 197 / 100%),
+  'p500': rgb(166 55 152 / 100%),
+  'p600': rgb(136 90 189 / 100%),
+  'p900': rgb(66 1 55 / 100%),
+
+  'y50': rgb(255 248 232 / 100%),
+  'y100': rgb(255 238 193 / 100%),
+  'y300': rgb(255 230 139 / 100%),
+  'y700': rgb(122 81 5 / 100%),
+  'y900': rgb(48 29 0 / 100%),
+
+  'error50': rgb(255 242 242 / 100%),
+  'error600': rgb(195 65 65 / 100%),
+  'error700': rgb(155 36 36 / 100%),
+
+  'info50': rgb(240 245 247 / 100%),
+  'info500': rgb(30 117 166 / 100%),
+  'info600': rgb(20 95 139 / 100%),
+
+  'success50': rgb(235 247 239 / 100%),
+  'success500': rgb(60 124 82 / 100%),
+  'success600': rgb(38 103 60 / 100%),
+
+  'warning50': rgb(255 242 230 / 100%),
+  'warning500': rgb(220 121 29 / 100%),
+  'warning700': rgb(137 71 11 / 100%),
+
+
 );

package/styles/variables/colors/_theme.scss

@@ -273,8 +273,6 @@ $theme: (
     linear-gradient(rgba(255 255 255 / 0%), rgba(255 255 255 / 100%)),
   highlighted-text-box_bold_icon: map.get($c, 'b500'),
   highlighted-text-box_subtle_border: map.get($c, 'n100'),
-  highlighted-text-box_muted_bg: map.get($c, 'n40'),
-  highlighted-text-box_muted_icon: map.get($c, 'n600'),
   page-heading_bg: linear-gradient(180deg, map.get($c, 'n50') 0%, rgb(240 245 255 / 0%) 100%),
   page-heading_subtitle: map.get($c, 'n700'),
   pill: map.get($c, 'n900'),

package/text/highlighted-text-box/highlighted-text-box.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 interface Props {
     /** The style of box being rendered */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'bold' | 'muted';
-    /** The name of an icon file to display at the top */
-    icon?: string;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'bold';
     /** Additional classes to add to the box */
     className?: string;
     /** The content to display */
@@ -11,5 +9,5 @@ interface Props {
     /** Additional props to pass to the box */
     style?: React.CSSProperties;
 }
-declare const HighlightedTextBoxWrapper: ({ variant, icon, className, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HighlightedTextBoxWrapper: ({ variant, className, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HighlightedTextBoxWrapper;

package/discussion/feeds/activities-feed/activities-feed.mock.d.ts

@@ -1,318 +0,0 @@
-export declare const activitiesFeedMock: ({
-    actor: {
-        created_at: string;
-        updated_at: string;
-        id: string;
-        data: {
-            jobTitle: string;
-            name: string;
-            organization: string;
-            thumbnail: null;
-        };
-    };
-    content: string;
-    feed_id: string;
-    foreign_id: string;
-    id: string;
-    latest_reactions: {
-        like: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    name: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-        reply: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    name: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {
-                content: {
-                    text: string;
-                };
-            };
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-    };
-    latest_reactions_extra: {
-        like: {
-            next: string;
-        };
-        reply: {
-            next: string;
-        };
-    };
-    object: string;
-    origin: null;
-    own_reactions: {
-        like: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    name: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-        reply: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    name: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {
-                content: {
-                    text: string;
-                };
-            };
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-    };
-    reaction_counts: {
-        like: number;
-        reply: number;
-    };
-    target: string;
-    time: string;
-    verb: string;
-} | {
-    actor: {
-        created_at: string;
-        updated_at: string;
-        id: string;
-        data: {
-            name: string;
-            jobTitle?: undefined;
-            organization?: undefined;
-            thumbnail?: undefined;
-        };
-    };
-    content: string;
-    feed_id: string;
-    foreign_id: string;
-    id: string;
-    latest_reactions: {
-        like: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    jobTitle: string;
-                    name: string;
-                    organization: string;
-                    thumbnail: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-        reply?: undefined;
-    };
-    latest_reactions_extra: {
-        like: {
-            next: string;
-        };
-        reply?: undefined;
-    };
-    object: string;
-    origin: null;
-    own_reactions: {
-        like?: undefined;
-        reply?: undefined;
-    };
-    reaction_counts: {
-        like: number;
-        reply?: undefined;
-    };
-    target: string;
-    time: string;
-    verb: string;
-} | {
-    actor: {
-        created_at: string;
-        updated_at: string;
-        id: string;
-        data: {
-            jobTitle: string;
-            name: string;
-            organization: string;
-            thumbnail: string;
-        };
-    };
-    content: string;
-    feed_id: string;
-    foreign_id: string;
-    id: string;
-    latest_reactions: {
-        like: ({
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    jobTitle: string;
-                    name: string;
-                    organization: string;
-                    thumbnail: null;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        } | {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    name: string;
-                    jobTitle?: undefined;
-                    organization?: undefined;
-                    thumbnail?: undefined;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        } | {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    jobTitle: string;
-                    name: string;
-                    organization: string;
-                    thumbnail: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {};
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        })[];
-        reply: {
-            created_at: string;
-            updated_at: string;
-            id: string;
-            user_id: string;
-            user: {
-                created_at: string;
-                updated_at: string;
-                id: string;
-                data: {
-                    jobTitle: string;
-                    name: string;
-                    organization: string;
-                    thumbnail: string;
-                };
-            };
-            kind: string;
-            activity_id: string;
-            data: {
-                content: string;
-            };
-            parent: string;
-            latest_children: {};
-            children_counts: {};
-        }[];
-    };
-    latest_reactions_extra: {
-        like: {
-            next: string;
-        };
-        reply: {
-            next: string;
-        };
-    };
-    object: string;
-    origin: null;
-    own_reactions: {
-        like?: undefined;
-        reply?: undefined;
-    };
-    reaction_counts: {
-        like: number;
-        reply: number;
-    };
-    target: string;
-    time: string;
-    verb: string;
-})[];

package/discussion/feeds/activities-feed/cache/handlers/error.handler.d.ts

@@ -1,2 +0,0 @@
-import type { ICache, IQueryContext } from '../interfaces';
-export declare function buildErrorHandler({ queryClient, queryKey }: IQueryContext): (_1: Error, _2: unknown, cache?: ICache) => void;

package/discussion/feeds/activities-feed/cache/handlers/mutate.handler.d.ts

@@ -1,2 +0,0 @@
-import type { ICache, IQueryContext } from '../interfaces';
-export declare function buildMutateHandler({ queryClient, queryKey }: IQueryContext): (fn: (_: ICache) => ICache) => Promise<ICache>;

package/discussion/feeds/activities-feed/cache/interfaces/cache.interface.d.ts

@@ -1,15 +0,0 @@
-import { InfiniteData } from '@tanstack/query-core';
-import type { EnrichedReaction, EnrichedUser, FeedAPIResponse, FlatActivityEnriched } from 'getstream';
-export type ICache = InfiniteData<ICachePage, string>;
-export type ICachePage = ExtendedFeedAPIResponse;
-export type ICacheItems = ICacheItem[];
-export type ICacheItem = ExtendedFlatActivityEnriched;
-export type ICacheSubitem = EnrichedReaction;
-export type ICacheUser = EnrichedUser;
-interface ExtendedFlatActivityEnriched extends FlatActivityEnriched {
-    content: string;
-}
-interface ExtendedFeedAPIResponse extends FeedAPIResponse {
-    results: ExtendedFlatActivityEnriched[];
-}
-export {};

package/discussion/feeds/activities-feed/cache/interfaces/index.d.ts

@@ -1,3 +0,0 @@
-export * from './cache.interface';
-export * from './mutation.interface';
-export * from './query.interface';

package/discussion/feeds/activities-feed/cache/interfaces/mutation.interface.d.ts

@@ -1,12 +0,0 @@
-import type { IUserContext } from '../../../../../context';
-import type { IQueryContext, ICache } from '.';
-export interface IMutationContext extends IQueryContext {
-    mutationHandlers: {
-        mutate: (callback: (cache: ICache) => ICache) => Promise<ICache>;
-        error: (error: Error, variables: unknown, cache?: ICache) => void;
-    };
-    user: IUserContext;
-}
-export interface IMutationProps extends IMutationContext {
-    mutationFn: (_: any) => Promise<any>;
-}

package/discussion/feeds/activities-feed/cache/interfaces/query.interface.d.ts

@@ -1,5 +0,0 @@
-import { QueryClient, QueryKey } from '@tanstack/react-query';
-export interface IQueryContext {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-}

package/discussion/feeds/replies-feed/replies-feed.handlers.d.ts

@@ -1,147 +0,0 @@
-import { QueryClient, QueryKey } from '@tanstack/query-core';
-import { IActivity, ILike, IReply } from '../../getstream';
-import { IUserContext } from '../../..';
-interface buildAddReplyHandlersProps {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-    mutationFn: (content: {
-        body: string;
-    }) => Promise<void>;
-}
-export declare const buildAddReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildAddReplyHandlersProps) => {
-    mutationFn: (content: {
-        body: string;
-    }) => Promise<void>;
-    onMutate: () => Promise<void>;
-    onError: (_err: {
-        [key: string]: string;
-    }, _newActivity: {
-        activityId: string;
-    }, context: {
-        previousActivity: IActivity;
-    }) => void;
-    onSuccess: (data: IReply) => {
-        previousActivity: IActivity;
-    } | undefined;
-    onSettled: () => void;
-};
-interface buildEditReplyHandlersProps {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-    mutationFn: ({ parentId, replyId, content, }: {
-        parentId: string;
-        replyId: string;
-        content: {
-            body: string;
-        };
-    }) => Promise<void>;
-}
-export declare const buildEditReplyHanders: ({ queryClient, queryKey, mutationFn, }: buildEditReplyHandlersProps) => {
-    mutationFn: ({ parentId, replyId, content, }: {
-        parentId: string;
-        replyId: string;
-        content: {
-            body: string;
-        };
-    }) => Promise<void>;
-    onMutate: ({ replyInfo, content: { body }, }: {
-        replyInfo: {
-            parentId: string;
-            replySlug: string;
-        };
-        content: {
-            body: string;
-        };
-    }) => Promise<{
-        previousActivity: IActivity;
-    } | undefined>;
-    onError: (_err: {
-        [key: string]: string;
-    }, _changedActivity: {
-        activityId: string;
-    }, context: {
-        previousActivity: IActivity;
-    }) => void;
-};
-interface buildRemoveReplyHandlersProps {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-}
-export declare const buildRemoveReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildRemoveReplyHandlersProps) => {
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-    onMutate: ({ replyId }: {
-        replyId: string;
-    }) => Promise<{
-        previousActivity: IActivity;
-    } | undefined>;
-    onError: (_err: {
-        [key: string]: string;
-    }, _newActivity: {
-        activityId: string;
-    }, context: {
-        previousActivity: IActivity;
-    }) => void;
-};
-interface buildLikeReplyHandlersProps {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-}
-export declare const buildLikeReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildLikeReplyHandlersProps) => {
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-    onMutate: ({ replyId }: {
-        replyId: string;
-    }) => Promise<{
-        previousActivity: IActivity | undefined;
-    }>;
-    onError: (_err: {
-        [key: string]: string;
-    }, _newActivity: {
-        activityId: string;
-    }, context: {
-        previousActivity: IActivity;
-    }) => void;
-    onSuccess: (data: ILike) => {
-        previousActivity: IActivity | undefined;
-    };
-};
-interface buildUnlikeReplyHandlersProps {
-    queryClient: QueryClient;
-    queryKey: QueryKey;
-    user: IUserContext;
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-}
-export declare const buildUnlikeReplyHandlers: ({ queryClient, queryKey, user, mutationFn, }: buildUnlikeReplyHandlersProps) => {
-    mutationFn: ({ replyId }: {
-        replyId: string;
-    }) => Promise<void>;
-    onMutate: ({ replyId }: {
-        replyId: string;
-    }) => Promise<{
-        previousActivity: IActivity;
-    } | undefined>;
-    onError: (_err: {
-        [key: string]: string;
-    }, _newActivity: {
-        activityId: string;
-    }, context: {
-        previousActivity: IActivity;
-    }) => void;
-    onSuccess: (data: ILike, { replyId }: {
-        replyId: string;
-    }) => {
-        previousActivity: IActivity;
-    } | undefined;
-};
-export {};

package/discussion/feeds/replies-feed/replies-feed.mock.d.ts

@@ -1,2 +0,0 @@
-import { IReply } from '../../getstream';
-export declare const repliesFeedMock: IReply[];

package/discussion/feeds/replies-to-replies-feed/index.d.ts

@@ -1 +0,0 @@
-export { default as RepliesFeed } from './replies-to-replies-feed';