@apolitical/component-library 8.7.25 → 9.0.0-beta.0

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

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

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

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

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

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

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

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

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

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

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>;
+    ref: React.RefObject<HTMLInputElement | null>;
 }, 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>;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
     /** 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>;
+    formRef?: React.RefObject<HTMLFormElement | null>;
     /** The functions being passed to the form */
     functions: {
         /** The function to call when onSuccess fails */

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").MutableRefObject<HTMLElement | null>;
+declare const usePositionedElement: (editor: BaseEditor, element: string, fallback: string) => import("react").RefObject<HTMLElement | null>;
 export default usePositionedElement;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IntlShape } from 'react-intl';
 import { IField } from '../../../form/components/form/form.types';
 import { IShouldShowProps } from './signup-form';
 interface Props {
@@ -43,13 +44,7 @@ interface Props {
     dataToSubmit: {
         [key: string]: string;
     };
-    intl: {
-        formatMessage: (arg: {
-            [key: string]: string;
-        }, arg2?: {
-            [key: string]: (arg: string) => React.ReactNode;
-        }) => string;
-    };
+    intl: IntlShape;
 }
 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 from 'react';
+import React, { type JSX } 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 from 'react';
+import React, { type JSX } 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 from 'react';
+import React, { type JSX } from 'react';
 interface Props {
     /** Optional styling */
     styling?: {
@@ -38,5 +38,5 @@ interface Props {
     /** The id of the tooltip */
     id?: string;
 }
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement | null>>>;
+declare const _default: React.NamedExoticComponent<Props & React.RefAttributes<HTMLElement | null>>;
 export default _default;

package/helpers/intl.d.ts

@@ -610,4 +610,4 @@ export declare const checkIntlPathExists: (path: string, language?: {
 }) => boolean;
 export declare const getIntlPath: (callback: (args1: {
     id: string;
-}, args2?: object) => string, path: string, key: string, value: string, args?: object) => string;
+}, args2?: Record<string, any>) => string, path: string, key: string, value: string, args?: Record<string, any>) => 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<any, string | React.JSXElementConstructor<any>>[];
+declare const passPropsToChildren: (children: React.ReactElement, props: object) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
 export default passPropsToChildren;

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

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