grep-components 2.3.0-GREPF-2280.2 → 2.3.0

package/dist/build/components/AppBar/AppBar.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IAuthorizedPage, UserMenuItem, v0colors } from './types';
 import { ReactNode } from 'react';
 type AppBarProps = {
-    isProd: boolean;
+    environmentTitle: string;
     username: string;
     currentPath: string;
     appTitle: string;

package/dist/build/components/AppBar/MainAppStyles.d.ts

@@ -12,7 +12,7 @@ export declare const dimensions: {
     toolbarMenuWidth: number;
     toolbarMenuHeight: number;
 };
-export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const EnvironmentTitle: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Toolbar: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ToolbarFixer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -26,5 +26,5 @@ export declare const AccountName: import("@emotion/styled").StyledComponent<MUIS
 export declare const ToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MobileToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ToolbarMenuInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/build/components/GrepEditor/components/buttons/InlineButton.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { Editor } from 'draft-js';
 import { ToggleButtonProps } from '@mui/material/ToggleButton';
-import { InlineStyle } from '.';
+import { ButtonType } from '.';
+import { LexicalEditor } from 'lexical';
 interface Properties extends Omit<ToggleButtonProps, 'value' | 'type'> {
-    editor: React.MutableRefObject<Editor>;
-    type: InlineStyle;
+    editor: LexicalEditor;
+    type: ButtonType;
+    selected: boolean;
 }
 type Component = React.FunctionComponent<React.PropsWithChildren<Properties>>;
-declare const InlineButton: Component;
-export default InlineButton;
+declare const LexicalButton: Component;
+export default LexicalButton;

package/dist/build/components/GrepEditor/components/buttons/button.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-export type InlineStyle = 'BOLD' | 'ITALIC' | 'STRIKETHROUGH' | string;
+export type InlineStyle = 'bold' | 'italic' | 'strikethrough' | string;
 export interface Button {
-    type: string;
+    type: ButtonType;
     children: React.ReactNode;
 }
 export declare enum ButtonType {
-    bold = "BOLD",
-    italic = "ITALIC"
+    bold = "bold",
+    italic = "italic"
 }
 export type Style = keyof typeof ButtonType;
 export declare const createButton: (style: Style) => Button;

package/dist/build/components/GrepEditor/components/editor.d.ts

@@ -1,38 +1,3 @@
 import React from 'react';
-import { Editor, ContentState, DraftBlockRenderMap } from 'draft-js';
-import { ToolbarPropperties } from './toolbars';
-import { Button, Style } from './buttons';
-export type ContentChanged = (content: ContentState) => void;
-export interface GrepEditor extends Editor {
-    editor: HTMLElement;
-    editorContainer: HTMLElement;
-}
-export interface Properties {
-    label?: string;
-    readOnly?: boolean;
-    autoFocus?: boolean;
-    showCharCount?: boolean;
-    helperText?: string;
-    buttons?: Array<Button>;
-    disableNewlines?: boolean;
-    stripPastedStyles?: boolean;
-    blockPasting?: boolean;
-    lang?: string;
-    /**
-     * Undefined: allow all styles.
-     * Empty array: disable all styles.
-     * Not empty array: allow only specified styles.
-     */
-    allowedStyles?: Array<Style>;
-    blockRenderMap?: DraftBlockRenderMap;
-    Toolbar?: React.FunctionComponent<ToolbarPropperties>;
-    classes?: Partial<Record<'root' | 'editor' | 'legend' | 'label', string>>;
-    onContentChange?: ContentChanged;
-    /**
-     * @deprecated No longer in use. Instead, pass allowedStyles as an empty array to disable styling
-     */
-    canInlineStyle?: boolean;
-}
-type Component = React.FunctionComponent<Properties>;
-export declare const EditorComponent: Component;
-export default EditorComponent;
+import { Properties } from '../entities';
+export default function Editor({ html, label, classes, autoFocus, helperText, showCharCount, allowedStyles, blockPasting, disableNewlines, onContentChange, editorRef, stripPastedStyles, readOnly, Toolbar, }: Properties): React.JSX.Element;

package/dist/build/components/GrepEditor/components/plugins/CustomHtmlExport.d.ts

@@ -0,0 +1,3 @@
+import { DOMExportOutput, KlassConstructor, LexicalEditor, LexicalNode } from 'lexical';
+export declare const htmlExportMap: Map<KlassConstructor<typeof LexicalNode>, (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput>;
+export declare function ApplyFormatting(element: HTMLElement, formatting: Record<string, boolean>): HTMLElement;

package/dist/build/components/GrepEditor/components/plugins/DisablePastePlugin.d.ts

@@ -0,0 +1,5 @@
+export declare function ModifyPastePlugin({ blockPasting, stripPastedStyles, }: {
+    blockPasting?: boolean;
+    stripPastedStyles?: boolean;
+}): null;
+export default ModifyPastePlugin;

package/dist/build/components/GrepEditor/components/plugins/HeadingPlugin.d.ts

@@ -0,0 +1,3 @@
+export default function HeadingPlugin({ html }: {
+    html?: string;
+}): null;

package/dist/build/components/GrepEditor/components/plugins/InitialDataPlugin.d.ts

@@ -0,0 +1,3 @@
+export default function InsertDataPlugin({ html }: {
+    html?: string;
+}): null;

package/dist/build/components/GrepEditor/components/plugins/PreventNewlinesPlugin.d.ts

@@ -0,0 +1,4 @@
+export declare function PreventNewlinesPlugin({ disableNewlines, }: {
+    disableNewlines?: boolean;
+}): null;
+export default PreventNewlinesPlugin;

package/dist/build/components/GrepEditor/components/plugins/StyleWrapperPlugin.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CharcounteHelpertextPPayload {
+    showCharcount?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    classes?: Partial<Record<'root' | 'editor' | 'legend' | 'label', string>>;
+    label?: string;
+    children?: React.ReactNode;
+    autoFocus?: boolean;
+    toolbarAnchor: (_floatingAnchorElem: HTMLDivElement) => void;
+    hasCustomToolbar?: boolean;
+}
+export declare function StyleWrapperPlugin({ showCharcount, helperText, readOnly, classes, label, children, autoFocus, toolbarAnchor, hasCustomToolbar, }: CharcounteHelpertextPPayload): React.JSX.Element | '' | undefined;
+export default StyleWrapperPlugin;

package/dist/build/components/GrepEditor/components/plugins/TextNodeStylingPlugin.d.ts

@@ -0,0 +1,4 @@
+import { Style } from '../buttons';
+export default function TextNodeStylingPlugin({ allowedStyles, }: {
+    allowedStyles?: Style[];
+}): null;

package/dist/build/components/GrepEditor/components/plugins/ToolbarPlugin.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { FC } from 'react';
+import { Button } from '../buttons';
+import { ToolbarProperties } from '../../entities';
+export default function FloatingTextFormatToolbarPlugin({ anchorElem, buttons, CustomToolbar, }: {
+    anchorElem: HTMLElement;
+    buttons?: Button[];
+    CustomToolbar?: FC<ToolbarProperties>;
+}): JSX.Element | null;

package/dist/build/components/GrepEditor/components/utils/getDOMRangeRect.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect;

package/dist/build/components/GrepEditor/components/utils/getSelectedNode.d.ts

@@ -0,0 +1,2 @@
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/dist/build/components/GrepEditor/components/utils/setFloatingElemPosition.d.ts

@@ -0,0 +1 @@
+export declare function setFloatingElemPosition(targetRect: DOMRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number): void;

package/dist/build/components/GrepEditor/entities/index.d.ts

@@ -0,0 +1,31 @@
+import { RefObject } from 'react';
+import { Button, Style } from '../components/buttons';
+import { EditorState, LexicalEditor } from 'lexical';
+export interface ToolbarProperties {
+    editor: LexicalEditor;
+    buttons: Button[];
+    isSelected: boolean[];
+}
+export type LexicalOnChange = (editorState: EditorState, editor: LexicalEditor, tags: Set<string>) => void;
+export interface Properties {
+    html?: string;
+    label?: string;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    showCharCount?: boolean;
+    helperText?: string;
+    buttons?: Array<Button>;
+    disableNewlines?: boolean;
+    stripPastedStyles?: boolean;
+    blockPasting?: boolean;
+    editorRef?: RefObject<LexicalEditor>;
+    /**
+     * Undefined: allow all styles.
+     * Empty array: disable all styles.
+     * Not empty array: allow only specified styles.
+     */
+    allowedStyles?: Array<Style>;
+    Toolbar?: React.FunctionComponent<ToolbarProperties>;
+    classes?: Partial<Record<'root' | 'editor' | 'legend' | 'label', string>>;
+    onContentChange?: LexicalOnChange;
+}

package/dist/build/components/GrepEditor/index.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
-import { ContentState } from 'draft-js';
-import { Properties as GrepEditorProps } from './components/editor';
-export { EditorContext } from './context';
-interface Properties extends GrepEditorProps {
-    html?: string;
-}
-export * from './misc/utils';
-export { ContentState };
+import { Properties } from './entities';
 type Component = React.FunctionComponent<Properties>;
 declare const GrepEditor: Component;
 export default GrepEditor;

package/dist/build/components/GrepEditor/stories/GrepEditor.stories.d.ts

@@ -47,3 +47,21 @@ export declare const DisablePasting: {
         name: string;
     };
 };
+export declare const WithLabel: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const OnlyHeading: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ReadOnly: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/build/components/GrepEditor/styles/editorStyles.d.ts

@@ -2,6 +2,7 @@ interface Properties {
     hasFocus: boolean;
     hasContent: boolean;
     readOnly?: boolean;
+    hasCustomToolbar?: boolean;
 }
 export declare const useEditorStyles: (params: Properties, muiStyleOverridesParams?: {
     props: Record<string, unknown>;

package/dist/build/components/GrepEditor/styles/index.d.ts

@@ -1,3 +1,2 @@
 export * from './buttonStyles';
 export * from './editorStyles';
-export * from './toolbarStyles';

package/dist/build/components/NavGuard/stories/NavGuard.stories.d.ts

@@ -1,29 +1,10 @@
-import * as React from 'react';
-export declare const v0colors: {
-    primary: string;
-    secondary: string;
-    body: string;
-    headerBackgroundColor: string;
-    borderColor: string;
-    primaryFade: string;
-    greyText: string;
-    placeholderText: string;
-    textColor: string;
-    textColorFade: string;
-    textColorMoreFade: string;
-    white: string;
-    lightGrey: string;
-};
+import React from 'react';
 declare const _default: {
     title: string;
-    excludeStories: string[];
+    render: () => React.JSX.Element;
 };
 export default _default;
 export declare const Default: {
     (): React.JSX.Element;
     storyName: string;
 };
-export declare const WithAppBar: {
-    (): React.JSX.Element;
-    storyName: string;
-};

package/dist/build/components/NavGuard/stories/_scaffold.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default _default;

package/dist/build/components/NavGuard/stories/standard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/build/components/ToC/stories/_scaffold.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const scaffold: ({ children }: {
+declare const _default: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export default scaffold;
+export default _default;