@apolitical/component-library 6.3.4 → 6.4.0-SW.0

package/discussion/components/conversation/conversation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IConversation, IListMemberData } from './../../discussion';
+import type { IConversation, IListMemberData } from '../../../discussion/shared';
 export declare const ConversationContext: React.Context<{
     showForm: boolean;
     prepopulateForm?: string | undefined;

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

@@ -1,5 +1,5 @@
-import { type IDiscussionForm } from './../form';
-import { IMentions } from './../../discussion.d';
+import type { IDiscussionForm } from './../form';
+import type { IMentions } from '../../../discussion/shared';
 export interface CachedText {
     /** Whether the cached text should show on the form card; this is false by default
      * to prevent the text changing right away and distracting the user */

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

@@ -1,4 +1,4 @@
-import { IDiscussionContentType } from './../../../../discussion.d';
+import type { IDiscussionContentType } from '../../../../../discussion/shared';
 interface Props {
     /** The internationalisation path for the guidelines */
     intlPath: string;

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

@@ -1,5 +1,5 @@
 import { type ILabelProps } from '../../../../../form';
-import { IDiscussionContentType } from './../../../../discussion.d';
+import type { IDiscussionContentType } from '../../../../../discussion/shared';
 interface Props extends ILabelProps {
     /** The internationalisation path for the label */
     intlPath: string;

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

@@ -1,6 +1,5 @@
 import type { IEnrichedUrlData } from '../../../navigation';
-import { IDiscussionContent, IMentions } from './../../discussion';
-import { ICategory, IDiscussionFormFunctions } from '../../shared';
+import type { ICategory, IDiscussionContent, IDiscussionFormFunctions, IMentions } from '../../../discussion/shared';
 export interface IDiscussionFormMeta {
     /** Whether the form data is still loading */
     isLoading?: boolean;

package/discussion/components/post/components/author-section/author-section.d.ts

@@ -0,0 +1,14 @@
+import type { IFullDiscussionContent } from '../../../../../discussion/shared';
+import type { IDiscussionPostProps } from '../../post';
+export interface IAuthorSectionProps {
+    author: IFullDiscussionContent['author'];
+    originalAuthorId?: string;
+    createdAt: IFullDiscussionContent['createdAt'];
+    contentData: {
+        didEdit: boolean;
+    };
+    content: IDiscussionPostProps['content'];
+    badges?: IDiscussionPostProps['badges'];
+    gtmContext?: string;
+}
+export default function AuthorSection({ author, originalAuthorId, createdAt, contentData, content, gtmContext, badges, }: IAuthorSectionProps): import("react/jsx-runtime").JSX.Element;

package/discussion/components/post/components/author-section/index.d.ts

@@ -0,0 +1 @@
+export { default as AuthorSection } from './author-section';

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

@@ -0,0 +1,5 @@
+import type { IDiscussionPostProps } from '../../post';
+export interface ICategoriesProps {
+    content: IDiscussionPostProps['content'];
+}
+export default function Categories({ content }: ICategoriesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as Categories } from './categories';

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

@@ -1 +1,5 @@
+export * from './author-section';
 export * from './blockquote';
+export * from './categories';
+export * from './poll-content';
+export * from './post-content';

package/discussion/components/post/components/poll-content/index.d.ts

@@ -0,0 +1 @@
+export { default as PollContent } from './poll-content';

package/discussion/components/post/components/poll-content/poll-content.d.ts

@@ -0,0 +1,11 @@
+import { IPollFns } from '../../../../../polls';
+import { IDiscussionPostProps } from '../../post';
+export interface IPollContentProps {
+    content: IDiscussionPostProps['content'];
+    contentData: {
+        title: string;
+        body: string;
+    };
+    functions: IPollFns;
+}
+export default function PollContent({ content, contentData, functions, }: IPollContentProps): import("react/jsx-runtime").JSX.Element;

package/discussion/components/post/components/post-content/index.d.ts

@@ -0,0 +1 @@
+export { default as PostContent } from './post-content';

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

@@ -0,0 +1,15 @@
+import type { IDiscussionPostProps } from '../../post';
+import type { IFullDiscussionContent } from '../../../../../discussion';
+export interface IPostContentProps {
+    links: IDiscussionPostProps['links'];
+    contentData: {
+        title: string;
+        isEditing: boolean;
+        didEdit: boolean;
+        postBody: string;
+        data: IFullDiscussionContent['data'];
+    };
+    postCutOff: number;
+    content: IDiscussionPostProps['content'];
+}
+export default function PostContent({ links, contentData, postCutOff, content, }: IPostContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IMemberComponentProps } from '../../../user';
-import { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, DiscussionListLikesFunction, IDiscussionFormFns } from '../../discussion';
-import type { IForceHide, IFullDiscussionContent } from '../../shared/interfaces';
-import { IBadgesOption } from '../../../user/badges';
+import type { IPollFns, IPollProps } from '../../../polls';
+import type { IMemberComponentProps } from '../../../user';
+import type { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, DiscussionListLikesFunction, IDiscussionFormFns, IForceHide, IFullDiscussionContent } from '../../../discussion/shared';
+import type { IBadgesOption } from '../../../user/badges';
 export interface IPostContent extends IFullDiscussionContent {
     /** The post body */
     postBody?: string;
@@ -10,6 +10,13 @@ export interface IPostContent extends IFullDiscussionContent {
         /** Custom props to pass through to the Member component */
         member: IMemberComponentProps;
     };
+    /** The options for the Poll */
+    pollOptions?: IPollProps['options'];
+    /** The settings for the Poll */
+    pollSettings?: IPollProps['settings'];
+}
+export interface IPollFunctions extends IPollFns {
+    removePoll: (args?: object) => void;
 }
 export interface IDiscussionPostProps {
     /** The element that will render around the content */
@@ -44,6 +51,7 @@ export interface IDiscussionPostProps {
             /** List the likes on the post */
             listLikes: DiscussionListLikesFunction;
         };
+        polls?: IPollFunctions;
         comments: {
             /** Open comments on a post */
             openComments?: () => void;
@@ -89,5 +97,5 @@ export interface IDiscussionPostProps {
     /** The ID of the parent, used for slugs */
     parentId: string;
 }
-declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, basePath, parentId, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, basePath, parentId, locale, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
 export default Post;

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

@@ -1,5 +1,9 @@
-import { IMentions } from './../../discussion';
+import type { IMentions } from '../../../discussion/shared';
 import { ListMembers } from '../../../form';
 import { ICategory } from '../../shared';
 export declare const getPostBody: (body: string, isTruncated: boolean | number, mentions?: IMentions, listMembers?: ListMembers) => Promise<string>;
 export declare const enrichPostCategories: (postCategories: string[], allCategories: ICategory[]) => (ICategory | undefined)[];
+export declare const allowClickUntilClassNameFound: (event: React.MouseEvent<HTMLElement, MouseEvent>, contentClasses: string[], breakClassName: string) => boolean;
+export declare const getTitleText: (title: string | {
+    [key: string]: string;
+} | undefined, locale: string) => string;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
-import { ICategory } from '../../../discussion/shared';
+import { type ICategory } from '../../../discussion/shared';
 import type { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
-import type { IDiscussionFormFns } from '../../../discussion/discussion.d';
+import type { IDiscussionFormFns } from '../../../discussion/shared';
 import { type IQueryFns } from './cache';
 interface Props {
     /** The base path, used for slugs */
@@ -26,9 +26,13 @@ interface Props {
         /** Function to leave the community */
         leave: () => Promise<void>;
         likes: ILikesFeedQueryFns;
+        /** Query functions for polls */
+        polls: IQueryFns;
     };
     /** Props to pass into the profile form */
     profile: IProfileFormProps;
+    /** The locale of the page */
+    locale?: string;
 }
 declare const ActivitiesFeed: React.FC<Props>;
 export default ActivitiesFeed;

package/discussion/feeds/activities-feed/cache/hooks/create-vote/create-vote.hook.d.ts

@@ -0,0 +1,8 @@
+import type { IMutationContext } from '../../../../../../discussion/shared';
+import type { ICache, ICacheSubitem } from '../..';
+interface ICreateVoteVars {
+    activityId: string;
+    reactionId: string;
+}
+export declare function useCreateVote({ mutationFn, mutationHandlers: { mutate: mutateWrapper, error: onError }, queryClient, queryKey, user, }: IMutationContext<ICacheSubitem, Error, ICreateVoteVars, ICache>): import("@tanstack/react-query/build/legacy/types").UseMutateFunction<import('../../../../../../discussion/shared').IReaction, Error, ICreateVoteVars, ICache>;
+export {};

package/discussion/feeds/activities-feed/cache/hooks/create-vote/index.d.ts

@@ -0,0 +1 @@
+export * from './create-vote.hook';

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

@@ -1,9 +1,11 @@
 export * from './create';
+export * from './create-vote';
 export * from './edit';
 export * from './feed';
 export * from './like';
 export * from './list';
 export * from './pin';
 export * from './remove';
+export * from './remove-vote';
 export * from './unlike';
 export * from './unpin';

package/discussion/feeds/activities-feed/cache/hooks/remove-vote/index.d.ts

@@ -0,0 +1 @@
+export * from './remove-vote.hook';

package/discussion/feeds/activities-feed/cache/hooks/remove-vote/remove-vote.hook.d.ts

@@ -0,0 +1,8 @@
+import type { IMutationContext } from '../../../../../../discussion/shared';
+import type { ICache } from '../..';
+interface IRemoveVoteVars {
+    activityId: string;
+    reactionId: string;
+}
+export declare function useRemoveVote({ mutationFn, mutationHandlers: { mutate: mutateWrapper, error: onError }, user, }: IMutationContext<unknown, Error, IRemoveVoteVars, ICache>): import("@tanstack/react-query/build/legacy/types").UseMutateFunction<unknown, Error, IRemoveVoteVars, ICache>;
+export {};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IDiscussionFormFns } from '../../../../../discussion/discussion.d';
+import type { IDiscussionFormFns } from '../../../../../discussion/shared';
 import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
 import { type IQueryFns } from '../../cache';
 interface NestedRepliesFunctions {

package/discussion/feeds/replies-feed/components/reply-item/reply-item.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
-import type { IDiscussionFormFns } from '../../../../discussion';
+import type { IDiscussionFormFns } from '../../../../../discussion/shared';
 import type { IParsedReplies, IQueryFns } from '../../cache';
 interface IMutations {
     edit: (params: {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
+import { type IDiscussionFormFns } from '../../../discussion/shared';
 import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
-import type { IDiscussionFormFns } from '../../discussion';
 import { type IQueryFns } from './cache';
 interface RepliesFunctions {
     /** Functions for the replies query */

package/discussion/index.d.ts

@@ -2,5 +2,4 @@ export * from './components';
 export * from './feeds';
 export * from './discussion.helpers';
 export * from './sections';
-export type { IActivity, IFullDiscussionContent, IListMemberData, IMentionData, IMentions, IReaction, IUser, } from './shared/interfaces';
-export type { IDiscussionFormFns } from './discussion.d';
+export * from './shared/interfaces';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
 import { type IRepliesFeedQueryFns, type ILikesFeedQueryFns } from '../../../discussion/feeds';
-import type { IDiscussionFormFns } from './../../discussion.d';
+import type { IDiscussionFormFns } from '../../../discussion/shared';
 import { type IQueryFns } from './cache';
 import { ICategory } from '../../shared';
 interface IActivitySectionQueryFns extends IQueryFns {

package/discussion/shared/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const ACTIVITY_VERB = "post";
 export declare const REPLY_KIND = "reply";
 export declare const TMP_ID = "00000000-0000-0000-0000-000000000000";
+export declare const DEFAULT_LOCALE = "en";

package/discussion/shared/helpers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './activity.helper';
-export * from './reply.helper';
 export * from './cache.helper';
+export * from './poll.helper';
+export * from './reply.helper';
 export { default as triggerDiscussionPostAdded } from './trigger-discussion-post-added';

package/discussion/shared/helpers/poll.helper.d.ts

@@ -0,0 +1,23 @@
+import type { IPollOption } from '../../../polls';
+import { type IActivity } from '../interfaces/activity.interface';
+import type { IUserContext } from '../../../context';
+import { ICache } from './cache.helper';
+import { ICacheItem } from '../../feeds/activities-feed/cache';
+interface IPreparePollVoteArgs {
+    activity: IActivity;
+    reactionId: string;
+    user?: IUserContext;
+}
+interface IEnrichPollVoteArgs extends IPreparePollVoteArgs {
+    correctReactionId: string;
+}
+interface IRemovePollVoteArgs {
+    cache: ICache<ICacheItem>;
+    activityId: string;
+    reactionId: string;
+}
+export declare const getActivityPollOptions: (pollOption: ICacheItem, locale?: string) => IPollOption[];
+export declare function preparePollVote({ activity, reactionId, user }: IPreparePollVoteArgs): void;
+export declare function enrichPollVote({ activity, reactionId, correctReactionId, user, }: IEnrichPollVoteArgs): void;
+export declare function removePollVote({ cache, activityId, reactionId }: IRemovePollVoteArgs): ICache<IActivity>;
+export {};

package/discussion/shared/interfaces/activity.interface.d.ts

@@ -1,13 +1,28 @@
 import type { FlatActivityEnriched } from 'getstream';
 import type { IEnrichedUrlData } from '../../../navigation/enriched-url';
+import { ResultsVisibility } from '../../../polls/poll';
+export declare enum ActivityType {
+    Post = "post",
+    Poll = "poll"
+}
 export interface IActivity extends FlatActivityEnriched {
     content: string;
     categories?: string[];
     feed_id?: string;
-    title: string;
+    title: string | {
+        [key: string]: string;
+    };
     total_replies?: number;
     total_likes?: number;
     additional_data?: {
         link?: IEnrichedUrlData | false | undefined;
     };
+    settings?: {
+        show_remove_vote?: boolean;
+        allow_multiple_votes?: boolean;
+        deadline_at?: string;
+        hide_participants?: boolean;
+        number_of_winners?: number;
+        results_visibility?: ResultsVisibility;
+    };
 }

package/discussion/shared/interfaces/discussion.interface.d.ts

@@ -1,9 +1,9 @@
-import { MemberProps, MemberDetailsProps } from '../../../user';
+import type { MemberProps, MemberDetailsProps } from '../../../user';
 import type { ListMembers, ClickMentionFallback } from '../../../form';
 import type { IEnrichedUrlData } from '../../../navigation';
 import type { ICategory } from './community.category.interface';
-import type { IDiscussionFormFns } from '../../discussion';
-export type IDiscussionContentType = 'answer' | 'post' | 'response' | 'reply' | 'question';
+import type { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
+export type IDiscussionContentType = 'answer' | 'post' | 'response' | 'reply' | 'question' | 'poll';
 export interface IDiscussionContent {
     /** The type of content */
     type: IDiscussionContentType;
@@ -22,7 +22,9 @@ export interface IFullDiscussionContent extends IDiscussionContent {
     /** The content slug */
     slug: string;
     /** The title of the content post */
-    title?: string;
+    title?: string | {
+        [key: string]: string;
+    };
     /** The body of the content post */
     body?: string;
     /** The author of the post */
@@ -64,6 +66,7 @@ export type IForceHide = {
 export type DiscussionCreateContentFunction = (args1: void | object, args2?: object) => void;
 export type DiscussionCreateLikeFunction = (args1: object) => void;
 export type DiscussionDeleteLikeFunction = (args: object) => void;
+export type DiscussionListLikesFunction = ILikesFeedQueryFns['list'];
 export interface IMentions {
     [key: string]: IMentionData;
 }
@@ -79,6 +82,14 @@ export interface IMentionData {
     /** An error message, shown if the user was deleted */
     error?: string;
 }
+export interface IDiscussionFormFns {
+    /** A function to get a filtered list of members when the user starts typing a mention */
+    listMembers: ListMembers;
+    /** A function to call when the user clicks the mention fallback, e.g. to show an invite modal */
+    clickMentionFallback: ClickMentionFallback;
+    /** Get metadata about a link, to show an enriched URL */
+    getLinkPreview?: (url: string) => Promise<IEnrichedUrlData>;
+}
 export interface IMentionsFns {
     listMembers: ListMembers;
     clickMentionFallback: ClickMentionFallback;

package/discussion/shared/interfaces/reaction.interface.d.ts

@@ -1,5 +1,5 @@
 import type { EnrichedReaction } from 'getstream';
-import type { IMentions } from './../../discussion.d';
+import type { IMentions } from '../../../discussion/shared';
 export interface IReaction extends EnrichedReaction {
     /** Details of users mentioned in the content */
     mentioned_users?: IMentions;

package/form/components/character-limit/character-limit.helpers.d.ts

@@ -1,5 +1,5 @@
-import { FieldOnChange, IFieldFunctions } from '../../../form/components/form/form.types';
+import { IFieldFunctions } from '../../../form/components/form/form.types';
 export declare const getValueLength: (value: string | number | boolean | null | undefined) => number;
-export declare const getCharacterLimitProps: (limit: number, onChange?: FieldOnChange | null) => {
+export declare const getCharacterLimitProps: (limit: number, functions: IFieldFunctions) => {
     [key: string]: number | IFieldFunctions;
 };

package/form/components/form/components/field-wrapper/field-wrapper.d.ts

@@ -1,3 +1,3 @@
 import { IFieldWrapper } from '../../form.types';
-declare const FieldWrapper: ({ id, intlPath, className, error, functions, limit, showRequiredLabels, type, validation, value, submitOnEnter, ...props }: IFieldWrapper) => import("react/jsx-runtime").JSX.Element;
+declare const FieldWrapper: (fieldWrapperProps: IFieldWrapper) => import("react/jsx-runtime").JSX.Element;
 export default FieldWrapper;

package/form/components/form/components/fields/checkbox/checkbox.d.ts

@@ -27,6 +27,12 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
         topbar?: boolean | undefined;
         submitSection?: boolean | undefined;
     } | undefined;
+    multipleInputs?: {
+        showCount?: boolean | undefined;
+        label?: string | undefined;
+        maxInputs: number;
+        hasButton?: false | import("../../../../../..").ButtonPropsType | undefined;
+    } | undefined;
     name?: string | undefined;
     options?: import("../../../form.types").IFieldOption[] | undefined;
     placeholder?: string | undefined;
@@ -35,6 +41,9 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     } | undefined;
     required?: boolean | undefined;
     submitOnEnter?: boolean | undefined;
+    styling?: {
+        displayOptionsAsPills?: boolean | undefined;
+    } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     onClick: (e: React.MouseEvent<HTMLElement>) => void;
     className: string;

package/form/components/form/components/fields/index.d.ts

@@ -2,5 +2,6 @@ export * from './input';
 export * from './input-autocomplete';
 export * from './checkbox';
 export * from './dropdown-menu';
+export * from './multiple-inputs';
 export * from './multiple-options';
 export * from './password';

package/form/components/form/components/fields/input/input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IField, InputTypes, InputValues } from '../../../form.types';
-export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, autoFocus, ...props }: IField) => React.DOMElement<{
+export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, autoFocus, label, ...props }: IField) => React.DOMElement<{
     onChange: (e: React.FormEvent<HTMLInputElement>) => void;
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
@@ -35,13 +35,18 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     } | undefined;
     initialValue?: import("../../../form.types").FormValues;
     intlPath?: string | false | undefined;
-    label?: React.ReactNode;
     limit?: number | undefined;
     multiSelect?: boolean | undefined;
     multiSelectOptions?: {
         topbar?: boolean | undefined;
         submitSection?: boolean | undefined;
     } | undefined;
+    multipleInputs?: {
+        showCount?: boolean | undefined;
+        label?: string | undefined;
+        maxInputs: number;
+        hasButton?: false | import("../../../../../..").ButtonPropsType | undefined;
+    } | undefined;
     options?: import("../../../form.types").IFieldOption[] | undefined;
     props?: {
         [key: string]: string | number | boolean | object | React.RefObject<any> | (() => void);
@@ -49,6 +54,9 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     required?: boolean | undefined;
     shownValue?: InputValues | undefined;
     submitOnEnter?: boolean | undefined;
+    styling?: {
+        displayOptionsAsPills?: boolean | undefined;
+    } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     ref: React.RefObject<HTMLInputElement>;
 }, HTMLInputElement>;

package/form/components/form/components/fields/multiple-inputs/index.d.ts

@@ -0,0 +1 @@
+export { default as MultipleInputs } from './multiple-inputs';

package/form/components/form/components/fields/multiple-inputs/multiple-inputs.d.ts

@@ -0,0 +1,3 @@
+import type { IFieldWrapper } from '../../../form.types';
+export declare const MultipleInputs: ({ id, label: legend, limit, value, placeholder, functions, error: allFormErrors, multipleInputs, validation, fieldData, type, ...props }: IFieldWrapper) => import("react/jsx-runtime").JSX.Element;
+export default MultipleInputs;

package/form/components/form/components/fields/multiple-options/multiple-options.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../form.types';
-export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, accessibilityOptions, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, accessibilityOptions, styling: { displayOptionsAsPills }, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
 export default MultipleOptions;

package/form/components/form/form.helpers.d.ts

@@ -0,0 +1,2 @@
+import type { InputValues } from './form.types';
+export declare const showError: (type: string, value: InputValues) => boolean;

package/form/components/form/form.types.d.ts

@@ -5,10 +5,12 @@ import { IntlShape } from 'react-intl';
 export type InputValues = string | number | boolean | null;
 export type MultipleInputValues = InputValues[];
 export type FormValues = InputValues | MultipleInputValues | undefined;
-export type InputTypes = 'text' | 'textarea' | 'email' | 'url' | 'checkbox' | 'select' | 'radio' | 'password' | 'autocomplete' | 'number';
+export type InputTypes = 'text' | 'textarea' | 'email' | 'url' | 'checkbox' | 'checkboxes' | 'select' | 'radio' | 'password' | 'autocomplete' | 'number' | 'multiple-inputs';
 export interface ILabel {
     /** The element to be used, defaulting to `label` */
     element?: string;
+    /** Optional class for the label */
+    className?: string;
     /** The ID of the input to be labelled */
     htmlFor?: string;
 }
@@ -41,13 +43,14 @@ export interface IFormPayload {
     /** Function to call when something fails */
     onFailure?: (arg: IFormValues, arg2?: FormValues) => void;
 }
+interface IFormErrors {
+    [key: string]: (() => void) | FormValues;
+}
 export interface IFormReducerAction extends IReducerAction<IFormPayload> {
 }
 export interface IFormReducerState {
     'custom-validation'?: string | boolean;
-    errors?: {
-        [key: string]: (() => void) | FormValues;
-    };
+    errors?: IFormErrors;
     formSubmitted: boolean;
     isSubmitting: boolean;
     values?: IFormValues;
@@ -132,7 +135,7 @@ export interface IField {
     /** The internationalisation path for the field */
     intlPath?: string | false;
     /** The label for the field */
-    label?: string | React.ReactNode;
+    label?: string | React.ReactNode | false;
     /** An optional character limit, for textareas */
     limit?: number;
     /** Whether the field can have multiple values, for checkboxes */
@@ -144,6 +147,17 @@ export interface IField {
         /** Whether to display the submit button in the dropdown - this allows the user to submit the dropdown only */
         submitSection?: boolean;
     };
+    /** Props for the inputs rendered in a `multiple` field */
+    multipleInputs?: {
+        /** Whether or not to show the number of filled in inputs in the legend */
+        showCount?: boolean;
+        /** The template text for each label */
+        label?: string;
+        /** How many inputs can be added in total */
+        maxInputs: number;
+        /** Whether to add options with a button */
+        hasButton?: false | ButtonPropsType;
+    };
     /** The name of the field */
     name?: string;
     /** The options for the field, for checkboxes and dropdowns */
@@ -160,8 +174,12 @@ export interface IField {
     shownValue?: InputValues;
     /** Whether hitting enter on the field should submit the form */
     submitOnEnter?: boolean;
+    styling?: {
+        /** Whether to display options for the multiselect as pills */
+        displayOptionsAsPills?: boolean;
+    };
     /** The type of the input */
-    type?: InputTypes | 'checkboxes';
+    type?: InputTypes;
     /** The validation for the field */
     validation?: IFieldValidation[];
     /** The value of the field */
@@ -239,9 +257,16 @@ export interface IFormProps {
 }
 export interface IFieldWrapper extends IField {
     /** The error to show */
-    error: string;
+    error: string | IFormErrors | undefined;
     /** Whether the field wrapper should show required labels */
     showRequiredLabels?: boolean;
     /** The value of the field */
     value?: FormValues;
+    /** The setter to amend the fields to validate; this is needed for multiple inputs, to give each input its own error handling */
+    fieldData?: {
+        fields: IField[];
+        setFields: React.Dispatch<React.SetStateAction<IField[]>>;
+        dispatch: React.Dispatch<IFormReducerAction>;
+    };
 }
+export {};

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

@@ -1,6 +1,6 @@
 import { Dispatch } from 'react';
 import { Point } from 'slate';
-import { IListMemberData } from '../../../../../discussion';
+import type { IListMemberData } from '../../../../../discussion/shared';
 import type { IEnrichedUrlData } from '../../../../../navigation';
 import { ReportError, IMentionPopOver } from './../../rich-text-editor.types';
 declare const RichTextEditorContext: import("react").Context<{

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

@@ -1,5 +1,5 @@
 import { BaseElement, BaseText, Descendant, Point, Range } from 'slate';
-import type { IListMemberData, IMentions, IDiscussionFormFns } from '../../../discussion';
+import type { IListMemberData, IMentions, IDiscussionFormFns } from '../../../discussion/shared';
 import type { MemberDetailsProps } from '../../../user';
 import type { IEnrichedUrlData } from '../../../navigation';
 interface IRTEData {