@apolitical/component-library 4.5.0-beta.1 → 4.5.0-beta.3

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

@@ -15,6 +15,9 @@ export interface IDiscussionFormMeta {
   /** Whether the form is in a wrapper or not - used for styling */
   isInWrapper?: boolean;
 
+  /** Whether the form is in a modal or not - used to handle portals */
+  isInOverlay?: false | string;
+
   /** Whether the form should be autofocused. (It will always be autofocused when `isEditing`. */
   isAutoFocused?: boolean;
 

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

@@ -16,6 +16,8 @@ declare const RichTextEditorContext: import("react").Context<{
     mentionPopover: IMentionPopOver;
     /** The last anchor point (used for Slate to know where the cursor is) */
     lastAnchor: Point | null;
+    /** Whether the editor is inside a modal, used to handle portals for focus trap */
+    isInOverlay?: string | false | undefined;
     /** The function to update the state */
     dispatch: Dispatch<any>;
     /** The function to report an error */

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

@@ -9,6 +9,11 @@ interface Props {
     placeholder?: string;
     /** The maximum length of the rich text editor */
     maxLength?: number;
+    /** Information about the rich text editor */
+    meta?: {
+        /** Whether the rich text editor is inside a modal */
+        isInOverlay?: false | 'string';
+    };
     /** Optional functions */
     functions?: {
         /** An optional function to get a filtered list of members when the user starts typing a mention */
@@ -30,5 +35,5 @@ interface Props {
         mentions?: IMentions;
     };
 }
-declare const RichTextEditor: ({ id, value, placeholder, maxLength, functions, autoFocus, data, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default RichTextEditor;

package/general/portal/portal.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-declare const Portal: ({ children }: {
+declare const Portal: ({ parent, children, }: {
+    parent?: Element | HTMLElement | DocumentFragment | undefined;
     children?: ReactNode;
 }) => import("react").ReactPortal | null;
 export default Portal;