@apolitical/component-library 6.0.2 → 6.0.3-ac.1

package/form/components/rich-text-editor/components/toolbar/components/header-option/header-option.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderOption: () => import("react/jsx-runtime").JSX.Element;
+export default HeaderOption;

package/form/components/rich-text-editor/components/toolbar/components/header-option/index.d.ts

@@ -0,0 +1 @@
+export { default as HeaderOption } from './header-option';

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { BaseProps } from './../../rich-text-editor.types';
-declare const Toolbar: ({ ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Toolbar: ({ styling, ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
 export default Toolbar;

package/form/components/rich-text-editor/helpers/ast-types/ast-types.d.ts

@@ -8,6 +8,7 @@ export interface NodeTypes {
     [Formatting.ol]: string;
     [Formatting.li]: string;
     [Formatting.mention]: string;
+    [Formatting.h3]: string;
     [Formatting.heading]: {
         1: string;
         2: string;
@@ -39,9 +40,10 @@ export declare enum MdastNodes {
     delete = "delete",
     inlineCode = "inlineCode",
     thematicBreak = "thematicBreak",
-    text = "text"
+    text = "text",
+    h3 = "heading_three"
 }
-export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.mention | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text;
+export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.mention | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text | MdastNodes.h3;
 export declare const defaultNodeTypes: NodeTypes;
 export interface LeafType {
     text: string;
@@ -49,6 +51,7 @@ export interface LeafType {
     [Formatting.bold]?: boolean;
     [Formatting.italic]?: boolean;
     [Formatting.code]?: boolean;
+    [Formatting.h3]?: boolean;
     parentType?: string;
 }
 export interface BlockType {
@@ -83,6 +86,7 @@ export interface InputNodeTypes {
     [Marks.code]: string;
     [Formatting.hr]: string;
     [Formatting.image]: string;
+    [Formatting.h3]: string;
 }
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;

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

@@ -1,3 +1,3 @@
 import { IRTEProps } from './rich-text-editor.types';
-declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
+declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, styling, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
 export default RichTextEditor;

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

@@ -42,6 +42,13 @@ export interface IRTEProps {
     'aria-errormessage'?: string;
     /** Optional data for the editor */
     data?: IRTEData;
+    /** Optional styling */
+    styling?: {
+        /** Optional toolbar styling */
+        toolbar?: {
+            showHeadingOption?: boolean;
+        };
+    };
 }
 export interface IRTEInitialState {
     editorKey: string | null;
@@ -78,7 +85,8 @@ export declare enum Formatting {
     paragraph = "paragraph",
     ul = "ul_list",
     strikethrough = "strikeThrough",
-    span = "span"
+    span = "span",
+    h3 = "heading_three"
 }
 export declare enum Marks {
     delete = "delete_mark",
@@ -88,22 +96,26 @@ export declare enum Marks {
 }
 export interface BaseProps {
     className?: string;
+    styling?: {
+        showHeadingOption?: boolean;
+    };
     [key: string]: unknown;
 }
-export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.mention | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span;
+export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.mention | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span | Formatting.h3;
 export interface TypeElement extends BaseElement {
-    type: BlockOptionType;
+    type: BlockOptionType | MarkOptionType;
 }
 export interface MentionElement extends BaseElement {
     type: Formatting.mention;
     id: string;
     name?: string;
 }
-export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough;
+export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough | Formatting.h3;
 export interface TypeText extends BaseText {
     [Formatting.bold]?: boolean;
     [Formatting.italic]?: boolean;
     [Formatting.strikethrough]?: boolean;
+    [Formatting.h3]?: boolean;
 }
 export type OptionTypes = {
     format: BlockOptionType | MarkOptionType;

package/helpers/intl.d.ts

@@ -297,6 +297,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     richTextEditor_placeholder: string;
     richTextEditor_toolbar: string;
     richTextEditor_bold: string;
+    richTextEditor_h3: string;
     richTextEditor_italic: string;
     richTextEditor_strikeThrough: string;
     richTextEditor_link: string;