@apolitical/component-library 4.1.12-beta.4 → 4.1.12

package/accessibility/visually-hidden/visually-hidden.d.ts

@@ -23,7 +23,6 @@ interface Props {
     /** Additional aria props */
     'aria-expanded'?: boolean;
     'aria-controls'?: string;
-    'aria-live'?: 'off' | 'polite' | 'assertive';
 }
 declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, className, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
@@ -43,6 +42,5 @@ declare const _default: React.MemoExoticComponent<({ element, showOnFocus, child
     /** Additional aria props */
     'aria-expanded'?: boolean | undefined;
     'aria-controls'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
 }, HTMLElement>>;
 export default _default;

package/constants/index.d.ts

@@ -1,7 +1,5 @@
 export * from './assets';
 export * from './contact-details';
 export * from './courses';
-export * from './discussion';
 export * from './error-messages';
-export * from './regex';
 export * from './stats';

package/discussion/components/form/form.d.ts

@@ -1,5 +1,4 @@
-import { type GetUsers } from '../../../form';
-import { DiscussionCreateContentFunction, IDiscussionContent, IMentions } from './../../discussion';
+import { DiscussionCreateContentFunction, IDiscussionContent } from './../../discussion';
 export interface IDiscussionForm {
     /** A unique ID for the form */
     id?: string;
@@ -39,22 +38,16 @@ export interface IDiscussionForm {
         handleSaveEdit?: ((arg?: string) => Promise<void>) | (() => void);
         handleCancel?: () => void;
         callback?: (args: void) => void;
-        getUsers?: GetUsers;
         props?: {
             create: {
                 projectNames: ['questions-answers'];
             };
         };
     };
-    /** Data to be passed into the rich text editor */
-    data?: {
-        /** Mentions data */
-        mentions?: IMentions;
-    };
     /** The context for GTM */
     gtmContext?: string;
     /** The language to use for the text */
     locale?: string;
 }
-declare const Form: ({ id, content, userHasPermissions, meta, placeholder, maxLength, forceShow, functions, data, gtmContext, }: IDiscussionForm) => import("react/jsx-runtime").JSX.Element;
+declare const Form: ({ id, content, userHasPermissions, meta, placeholder, maxLength, forceShow, functions, gtmContext, }: IDiscussionForm) => import("react/jsx-runtime").JSX.Element;
 export default Form;

package/discussion/components/post/components/share-link/index.d.ts

@@ -0,0 +1 @@
+export { default as ShareLink } from './share-link';

package/discussion/components/post/components/share-link/share-link.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    url: string;
+}
+declare const ShareLink: React.FC<Props>;
+export default ShareLink;

package/discussion/components/post/post.d.ts

@@ -1,15 +1,10 @@
 import React from 'react';
-import { type GetUsers } from '../../../form';
 import { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, IForceHide, IFullDiscussionContent } from '../../discussion';
-interface PostContent extends IFullDiscussionContent {
-    /** The post body */
-    postBody?: string;
-}
 interface Props {
     /** The element that will render around the content */
     element?: 'li' | 'div' | 'section' | 'article';
     /** Information about the content being posted */
-    content: PostContent;
+    content: IFullDiscussionContent;
     /** If the user has permission to interact with the post box and content, e.g. if they're a member of the community */
     userHasPermissions?: boolean;
     /** If the post is still loading */
@@ -38,10 +33,6 @@ interface Props {
             /** Open comments on a post */
             openComments?: () => void;
         };
-        mentions: {
-            /** Get data to hydrate mentions */
-            getUsers: GetUsers;
-        };
     };
     /** Optional `href`s for the card to link to */
     links?: {
@@ -59,5 +50,5 @@ interface Props {
     /** If the post content is truncated */
     isTruncated?: boolean;
 }
-declare const Post: ({ element, content, userHasPermissions, isLoading, originalAuthorId, forceHide, functions: { content: { createContent, deleteContent, updateContent }, likes: { createLike, deleteLike }, comments: { openComments }, mentions: { getUsers }, }, links, className, gtmContext, children, isTruncated, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, userHasPermissions, isLoading, originalAuthorId, forceHide, functions: { content: { createContent, deleteContent, updateContent }, likes: { createLike, deleteLike }, comments: { openComments }, }, links, className, gtmContext, children, isTruncated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Post;

package/discussion/components/post/post.helpers.d.ts

@@ -1,3 +1,2 @@
 import { IMentions } from './../../discussion';
-import { GetUsers } from '../../../form';
-export declare const getPostBody: (body: string, isTruncated: boolean, mentions?: IMentions, getUsers?: GetUsers) => Promise<string>;
+export declare const getPostBody: (body: string, isTruncated: boolean, mentions?: IMentions) => string;

package/discussion/components/post/post.mock.d.ts

@@ -13,9 +13,6 @@ declare namespace _default {
         namespace comments {
             function openComments(): void;
         }
-        namespace mentions {
-            function getUsers(): Promise<never[]>;
-        }
     }
 }
 export default _default;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { IQueryFns } from './cache';
-import type { IMentionsFns } from './../replies-feed';
 interface Props {
     /** The base path, used for slugs */
     basePath: string;
@@ -12,8 +11,6 @@ interface Props {
     functions: {
         /** Query functions for the activities */
         activities: IQueryFns;
-        /** Query functions for the mentions */
-        mentions: IMentionsFns;
         /** Function to join the community */
         join: () => Promise<void>;
         /** Function to leave the community */

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

@@ -1,3 +1,3 @@
-export type { IQueryFns as IRepliesFeedQueryFns, IMentionsFns } from './cache';
+export type { IQueryFns as IRepliesFeedQueryFns } from './cache';
 export { repliesFeedMock } from './mocks';
 export { default as RepliesFeed } from './replies-feed';

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

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import type { IQueryFns, IMentionsFns } from './../cache';
-interface NestedRepliesFunctions extends IQueryFns, IMentionsFns {
-}
+import type { IQueryFns } from './../cache';
 interface Props {
     /** The base path, used for slugs */
     basePath: string;
@@ -14,7 +12,7 @@ interface Props {
     /** Whether the user is a member of the community */
     isMember: boolean;
     /** Functions for the replies query */
-    functions: NestedRepliesFunctions;
+    functions: IQueryFns;
 }
 declare const NestedRepliesFeed: React.FC<Props>;
 export default NestedRepliesFeed;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IQueryFns, IMentionsFns } from './cache';
+import type { IQueryFns } from './cache';
 interface Props {
     /** The base path, used for slugs */
     basePath: string;
@@ -13,8 +13,6 @@ interface Props {
     functions: {
         /** Query functions for the replies */
         reactions: IQueryFns;
-        /** Query functions for the mentions */
-        mentions: IMentionsFns;
         /** Function to join the community */
         join: () => Promise<void>;
         /** Function to leave the community */

package/discussion/index.d.ts

@@ -1,4 +1,3 @@
 export * from './components';
 export * from './feeds';
 export * from './sections';
-export type { IMentionData, IMentions } from './discussion.d';

package/discussion/sections/activity-section/activity-section.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IRepliesFeedQueryFns, IMentionsFns } from '../../../discussion/feeds';
+import type { IRepliesFeedQueryFns } from '../../../discussion/feeds';
 import type { IQueryFns } from './cache';
 interface IActivitySectionQueryFns extends IQueryFns {
     remove: () => Promise<void>;
@@ -12,7 +12,6 @@ interface Props {
     functions: {
         activities: IActivitySectionQueryFns;
         reactions: IRepliesFeedQueryFns;
-        mentions: IMentionsFns;
         join: () => Promise<void>;
         leave: () => Promise<void>;
     };

package/form/components/rich-text-editor/components/context/context.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch } from 'react';
 import { Point } from 'slate';
-import { ReportError, IMentionPopOver } from './../../rich-text-editor.types';
+import { ReportError } from './../../rich-text-editor.types';
 declare const RichTextEditorContext: import("react").Context<{
     /** The id of the editor */
     id: string;
@@ -12,8 +12,6 @@ declare const RichTextEditorContext: import("react").Context<{
     openTooltip: string | null;
     /** Whether the link editor is open */
     showLinkEditor: boolean;
-    /** The data for the mention popover, including if it's showing, the selected user for the popover, and the possible users */
-    mentionPopover: IMentionPopOver;
     /** The last anchor point (used for Slate to know where the cursor is) */
     lastAnchor: Point | null;
     /** The function to update the state */

package/form/components/rich-text-editor/components/editor/index.d.ts

@@ -1,3 +1,2 @@
 export * from './element';
 export * from './leaf';
-export * from './mention-popover';

package/form/components/rich-text-editor/helpers/ast-types/ast-types.d.ts

@@ -7,7 +7,6 @@ export interface NodeTypes {
     [Formatting.ul]: string;
     [Formatting.ol]: string;
     [Formatting.li]: string;
-    [Formatting.mention]: string;
     [Formatting.heading]: {
         1: string;
         2: string;
@@ -29,7 +28,6 @@ export declare enum MdastNodes {
     list = "list",
     listItem = "listItem",
     link = "link",
-    mention = "mention",
     image = "image",
     blockquote = "blockquote",
     code = "code",
@@ -41,7 +39,7 @@ export declare enum MdastNodes {
     thematicBreak = "thematicBreak",
     text = "text"
 }
-export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.mention | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text;
+export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text;
 export declare const defaultNodeTypes: NodeTypes;
 export interface LeafType {
     text: string;
@@ -55,7 +53,6 @@ export interface BlockType {
     type: string;
     parentType?: string;
     link?: string;
-    mention?: string;
     caption?: string;
     language?: string;
     break?: boolean;

package/form/components/rich-text-editor/helpers/index.d.ts

@@ -2,6 +2,5 @@ export * from './ast-types';
 export * from './deserialize';
 export * from './handle-text';
 export * from './hot-keys';
-export * from './mentions';
 export * from './serialize';
 export * from './transform';

package/form/components/rich-text-editor/helpers/transform/transform.d.ts

@@ -7,12 +7,12 @@ export default function transform<T extends InputNodeTypes>(node: MdastNode, opt
     }[];
 } | {
     value?: string | undefined;
-    alt?: string | undefined;
-    url?: string | undefined;
     position?: any;
+    url?: string | undefined;
+    alt?: string | undefined;
     checked?: any;
     ordered?: boolean | undefined;
-    depth?: 1 | 2 | 3 | 4 | 6 | 5 | undefined;
+    depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     lang?: string | undefined;
     spread?: any;
     indent?: any;

package/form/components/rich-text-editor/index.d.ts

@@ -1,2 +1 @@
 export { default as RichTextEditor } from './rich-text-editor';
-export * from './rich-text-editor.types';

package/form/components/rich-text-editor/plugins/index.d.ts

@@ -1,3 +1,2 @@
 export * from './with-linlines';
-export * from './with-mentions';
 export * from './without-empty-links';

package/form/components/rich-text-editor/rich-text-editor.d.ts

@@ -1,5 +1,4 @@
-import type { IMentions } from '../../../discussion/discussion';
-import { GetUsers, ReportError } from './rich-text-editor.types';
+import { ReportError } from './rich-text-editor.types';
 interface Props {
     /** The id of the rich text editor */
     id?: string;
@@ -11,8 +10,6 @@ interface Props {
     maxLength?: number;
     /** Optional functions */
     functions?: {
-        /** An optional function to get a filtered list of members when the user starts typing a mention */
-        getUsers?: GetUsers;
         /** An optional event handler, called when the rich text editor is changed */
         onChange?: (value: string) => void;
         /** An optional event handler, called when the rich text editor reports an error */
@@ -24,11 +21,6 @@ interface Props {
     'aria-invalid'?: boolean;
     /**  Optional aria error message */
     'aria-errormessage'?: string;
-    /** Optional data for the editor */
-    data?: {
-        /** Optional mentions */
-        mentions?: IMentions;
-    };
 }
-declare const RichTextEditor: ({ id, value, placeholder, maxLength, functions, autoFocus, data, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const RichTextEditor: ({ id, value, placeholder, maxLength, functions, autoFocus, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default RichTextEditor;

package/form/components/rich-text-editor/rich-text-editor.types.d.ts

@@ -1,5 +1,4 @@
-import { BaseElement, BaseText, Descendant, Range } from 'slate';
-import type { MemberDetailsProps } from '../../../user';
+import { BaseElement, BaseText, Descendant } from 'slate';
 export declare enum Formatting {
     blockquote = "block_quote",
     bold = "bold",
@@ -11,7 +10,6 @@ export declare enum Formatting {
     italic = "italic",
     li = "list_item",
     link = "link",
-    mention = "mention",
     ol = "ol_list",
     paragraph = "paragraph",
     ul = "ul_list",
@@ -28,15 +26,10 @@ export interface BaseProps {
     className?: string;
     [key: string]: unknown;
 }
-export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.mention | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span;
+export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span;
 export interface TypeElement extends BaseElement {
     type: BlockOptionType;
 }
-export interface MentionElement extends BaseElement {
-    type: Formatting.mention;
-    id: string;
-    name?: string;
-}
 export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough;
 export interface TypeText extends BaseText {
     [Formatting.bold]?: boolean;
@@ -53,22 +46,3 @@ export type LinkElement = {
     children: Descendant[];
 };
 export type ReportError = (error: string) => void;
-export interface IMention {
-    id: string;
-    creator?: boolean;
-    role?: string;
-    createdAt?: string;
-    updatedAt?: string;
-    userId?: string;
-    user: MemberDetailsProps;
-}
-export type GetUsers = ({ id, name, }: {
-    id?: string;
-    name?: string;
-}) => Promise<IMention[]>;
-export interface IMentionPopOver {
-    show: boolean;
-    selectedUser: number;
-    possibleUsers: IMention[];
-    position: Range | null;
-}

package/general/buttons/button/button.d.ts

@@ -33,6 +33,10 @@ export interface ButtonPropsType {
     onBlur?: () => void;
     /** An optional function to call on keydown */
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    /** An optional function to call on mouse over */
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** An optional function to call on mouse out */
+    onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
     /** Additional classes to add to the button */
     className?: string;
     /** `disabled` is usually true or false, but we will want nuance in some places, for example the ability

package/general/index.d.ts

@@ -2,7 +2,6 @@ export * from './buttons';
 export * from './divider';
 export * from './image-container';
 export * from './link';
-export * from './popover';
 export * from './portal';
 export * from './progress-tracker';
 export * from './responsive-image';

package/helpers/cases.d.ts

@@ -1,4 +1,3 @@
 export declare const camelCaseToDashCase: (str: string) => string;
 export declare const toCamelCase: (str?: string) => string;
 export declare const toSentenceCase: (str?: string) => string;
-export declare const toCapitalisedCase: (str?: string) => string;

package/helpers/index.d.ts

@@ -4,7 +4,6 @@ export * from './cases';
 export * from './inline-styling';
 export * from './dates';
 export { default as delay } from './delay';
-export * from './discussion';
 export * from './in-development';
 export * from './intl';
 export * from './numbers';

package/helpers/intl.d.ts

@@ -40,7 +40,6 @@ export declare const checkIntlPathExists: (path: string, language?: {
     carousel_pagination_previous: string;
     carousel_pagination_next: string;
     carousel_pagination_page: string;
-    carousel_pagination_aria_live: string;
     activitySection_notFoundError: string;
     communityDetails_members: string;
     communityDetails_viewAll: string;
@@ -147,6 +146,8 @@ export declare const checkIntlPathExists: (path: string, language?: {
     discussion_responses_empty: string;
     discussion_responses_empty_answer: string;
     discussion_responses_placeholder: string;
+    discussion_share_copy_link: string;
+    discussion_share_copy_link_success: string;
     discussion_thread_show: string;
     discussion_thread_hide: string;
     discussion_thread_loadMore: string;