@apolitical/component-library 4.5.10 → 4.5.11-beta.2

package/modals/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal';
+export * from './overlay';

package/modals/{overlay → components/overlay}/overlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonPropsType } from '../../general';
+import { ButtonPropsType } from '../../../general';
 interface Props {
     /** ID of the overlay */
     id?: string;

package/modals/index.d.ts

@@ -1,4 +1,2 @@
-export * from './discussion-form-modal';
-export * from './invite-modal';
-export * from './modal';
-export * from './overlay';
+export * from './components';
+export * from './types';

package/modals/{discussion-form-modal → types/discussion-form-modal}/discussion-form-modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IDiscussionForm, type CachedText, type IMentions } from '../../discussion';
+import { type IDiscussionForm, type CachedText, type IMentions } from '../../../discussion';
 interface Props {
     /** Whether the modal is open on page load */
     showModal?: boolean;

package/modals/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './discussion-form-modal';
+export * from './invite-modal';
+export * from './profile-modal';

package/modals/types/profile-modal/index.d.ts

@@ -0,0 +1 @@
+export { default as ProfileModal } from './profile-modal';

package/modals/types/profile-modal/profile-modal.d.ts

@@ -0,0 +1,25 @@
+import { type IProfileFormProps } from '../../../form';
+interface Props {
+    /** Whether the modal is open on page load */
+    showModal?: boolean;
+    /** Optional content to show inside the modal, above the form */
+    content?: {
+        /** The banner title across the top of the modal, used to show a success, e.g. we might want to show 'Your post has been created' if we show the modal after the user has made a new post on communities */
+        successMessage?: string;
+        /** The title to show above the form */
+        title?: string;
+        /** The text to show above the form */
+        text?: string;
+    };
+    /** Functions used inside the modal */
+    functions: {
+        /** Function to call when the modal is closed */
+        onClose?: () => void;
+    };
+    /** Props for the ProfileForm component */
+    form: IProfileFormProps;
+    /** Additional classes */
+    className?: string;
+}
+declare const ProfileModal: ({ showModal, content: { successMessage, title, text }, functions: modalFunctions, form, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProfileModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "4.5.10",
+  "version": "4.5.11-beta.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/sections/edit-section/edit-section.d.ts

@@ -20,8 +20,10 @@ interface Props {
     title: string;
     /** Modal Title */
     modalTitle?: string;
-    /** Form fields to be rendered inside a modal form when user clicks cta or edit button */
+    /** Form fields to be rendered inside a modal form when user clicks cta or edit button. Alternatively, we can pass a whole form in `form`, if there's an existing component. */
     formProps?: IFormProps;
+    /** A form to render inside the modal. Alternatively, we can use `formProps` to create a new form if the component doesn't already exist. */
+    formComponent?: JSX.Element;
     /** Link to a url where user can edit the data */
     href?: THref;
     /** Whether to show a divider at the bottom of the section */
@@ -29,5 +31,5 @@ interface Props {
     /** Placeholder settings */
     placeholder?: IPlaceholder;
 }
-declare const EditSection: ({ children, className, formProps, href, title, modalTitle, placeholder, showDivider, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, modalTitle, placeholder, showDivider, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EditSection;