@apolitical/component-library 9.1.0-pla.1 → 10.0.0-pla.0

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,5 +1,5 @@
-import { type JSX } from '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 @@
-import { type JSX } from '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 @@
-import { type JSX } from '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;
@@ -61,5 +61,5 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     submitOnEnter?: boolean | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     ref: React.RefObject<HTMLInputElement | null>;
-}, HTMLInputElement>;
+}, string | React.JSXElementConstructor<any>>;
 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 */

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/general/tooltip/tooltip.d.ts

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