@apolitical/component-library 9.0.0-pla.3 → 9.0.0

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

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import { type IAriaLive } from '../../types';
 interface Props {
     /** The ID of the element */

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

@@ -10,6 +10,8 @@ interface Props {
     form: IDiscussionForm;
     /** The categories to show in the form */
     categories?: ICategory[];
+    /** Determines whether or not to display the form*/
+    isHidden?: boolean;
     /** Details about what a user needs to have to be able to access the form */
     membershipRequiredToPost: {
         /** Whether the user needs to be a member of the community to post */

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

@@ -122,6 +122,7 @@ export interface IDiscussionPostProps {
             body?: string | undefined;
         }>;
     };
+    hideReply?: boolean;
 }
-declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, basePath, parentId, disableMentions, onClick: onClickPost, translation, }: 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, disableMentions, onClick: onClickPost, translation, hideReply }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
 export default Post;

package/discussion/components/thread/thread.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import { IDiscussionForm } from './../form';
 interface Props {
     /** Props for the load more button */

package/discussion/discussion.helpers.d.ts

@@ -4,7 +4,7 @@ export declare const transformSlugs: (slugs: {
 }) => {
     [key: string]: string;
 };
-export declare const getAuthorData: (author: IUser, isAnonymous?: boolean) => "deleted" | "anonymous" | {
+export declare const getAuthorData: (author: IUser, isAnonymous?: boolean) => "anonymous" | "deleted" | {
     id: string;
     name: string;
     organization: string;

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

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+/// <reference types="react" />
 import { IDiscussionFormFunctions } from '../../../../../discussion/shared';
 interface Props {
     /** Whether the user is a member of the community */

package/discussion/feeds/replies-feed/components/load-more-replies-button/load-more-replies-button.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+/// <reference types="react" />
 interface Props {
     /** Whether there is a next page */
     hasNextPage: boolean;

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

@@ -1,4 +1,4 @@
-import { type JSX } from 'react';
+/// <reference types="react" />
 import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
 import { DiscussionType, type IDiscussionFormFns } from '../../../../../discussion/shared';
 import type { IParsedReplies, IQueryFns } from '../../cache';

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

@@ -60,6 +60,6 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     shownValue?: InputValues | undefined;
     submitOnEnter?: boolean | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
-    ref: React.RefObject<HTMLInputElement | null>;
+    ref: React.RefObject<HTMLInputElement>;
 }, HTMLInputElement>;
 export default Input;

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

@@ -131,7 +131,7 @@ export interface IField {
     /** The initial value of the field, for dropdown fields */
     initialValue?: FormValues;
     /** An optional `ref` for the field, in case we need to interact with it in another file */
-    inputRef?: React.RefObject<HTMLInputElement | null>;
+    inputRef?: React.RefObject<HTMLInputElement>;
     /** The internationalisation path for the field */
     intlPath?: string | false;
     /** The label for the field */
@@ -238,7 +238,7 @@ export interface IFormProps {
     /** The fields to render in the form */
     fields: IField[];
     /** An optional `ref` for the form, in case we need to interact with it in another file */
-    formRef?: React.RefObject<HTMLFormElement | null>;
+    formRef?: React.RefObject<HTMLFormElement>;
     /** The functions being passed to the form */
     functions: {
         /** The function to call when onSuccess fails */

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

@@ -12,8 +12,8 @@ export default function transform<T extends InputNodeTypes>(node: MdastNode, opt
     position?: any;
     ordered?: boolean | undefined;
     checked?: any;
-    depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     lang?: string | undefined;
+    depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     spread?: any;
     indent?: any;
     text: string | undefined;

package/form/components/rich-text-editor/hooks/use-positioned-element/use-positioned-element.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { BaseEditor } from 'slate';
-declare const usePositionedElement: (editor: BaseEditor, element: string, fallback: string) => import("react").RefObject<HTMLElement | null>;
+declare const usePositionedElement: (editor: BaseEditor, element: string, fallback: string) => import("react").MutableRefObject<HTMLElement | null>;
 export default usePositionedElement;

package/form/types/signup-form/signup-form.helpers.get-fields.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { IntlShape } from 'react-intl';
 import { IField } from '../../../form/components/form/form.types';
 import { IShouldShowProps } from './signup-form';
 interface Props {
@@ -44,7 +43,13 @@ interface Props {
     dataToSubmit: {
         [key: string]: string;
     };
-    intl: IntlShape;
+    intl: {
+        formatMessage: (arg: {
+            [key: string]: string;
+        }, arg2?: {
+            [key: string]: (arg: string) => React.ReactNode;
+        }) => string;
+    };
 }
 declare const _default: ({ shouldShow, placeholders, labels, functions: { validateEmail, resendVerificationCode }, refs, state, dispatch, dataToSubmit, intl, }: Props) => IField[];
 export default _default;

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

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 import { ButtonPropsType } from './../button';
 interface Props {
     /** The props for each button */

package/general/link/link.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 type LinkOnClick = ((e?: React.MouseEvent<HTMLElement>) => void) | undefined;
 export interface ILinkProps {
     /** URL for link */

package/general/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 interface Props {
     /** Optional styling */
     styling?: {
@@ -38,5 +38,5 @@ interface Props {
     /** The id of the tooltip */
     id?: string;
 }
-declare const _default: React.NamedExoticComponent<Props & React.RefAttributes<HTMLElement | null>>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement | null>>>;
 export default _default;

package/helpers/intl.d.ts

@@ -453,6 +453,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     footer_legal_cookie: string;
     footer_legal_accessibility: string;
     footer_legal_ai: string;
+    footer_legal_trust: string;
     footer_legal_dataProtection: string;
     footer_legal_euDataProtection: string;
     footer_contact: string;
@@ -612,4 +613,4 @@ export declare const checkIntlPathExists: (path: string, language?: {
 }) => boolean;
 export declare const getIntlPath: (callback: (args1: {
     id: string;
-}, args2?: Record<string, any>) => string, path: string, key: string, value: string, args?: Record<string, any>) => string;
+}, args2?: object) => string, path: string, key: string, value: string, args?: object) => string;

package/helpers/pass-props-to-children.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const passPropsToChildren: (children: React.ReactElement, props: object) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+declare const passPropsToChildren: (children: React.ReactElement, props: object) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 export default passPropsToChildren;

package/hooks/use-auto-resize/use-auto-resize.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-declare const _default: (shouldResize: boolean, inputRef?: RefObject<HTMLTextAreaElement | HTMLInputElement | null>) => false | RefObject<HTMLTextAreaElement | HTMLInputElement | null>;
+import { MutableRefObject } from 'react';
+declare const _default: (shouldResize: boolean, inputRef?: MutableRefObject<HTMLTextAreaElement | HTMLInputElement | null>) => false | MutableRefObject<HTMLTextAreaElement | HTMLInputElement | null>;
 export default _default;