@apolitical/component-library 9.1.0 → 10.0.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

@@ -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, label, styling, ...props }: IField) => React.DOMElement<{
+export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, autoFocus, label, styling, ...props }: IField) => React.ReactElement<{
     onChange: (e: React.FormEvent<HTMLInputElement>) => void;
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
@@ -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>;
-}, HTMLInputElement>;
+    ref: React.RefObject<HTMLInputElement | null>;
+}, string | React.JSXElementConstructor<any>>;
 export default Input;

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

@@ -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/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;
-    lang?: string | undefined;
     depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    lang?: string | undefined;
     spread?: any;
     indent?: any;
     text: string | undefined;

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?: {

package/helpers/intl.d.ts

@@ -613,4 +613,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.ReactNode, props: Record<string, unknown>) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[] | null | undefined;
 export default passPropsToChildren;