grep-components 2.2.0-GREPF-2281.2 → 2.2.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 = {
-    environmentTitle: string;
+    isProd: boolean;
     username: string;
     currentPath: string;
     appTitle: string;

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

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

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: ButtonType;
+    type: string;
     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,3 +1,38 @@
 import React from 'react';
-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;
+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;

package/dist/build/components/GrepEditor/components/toolbars/floating-toolbar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ToolbarPropperties } from '.';
+type Component = React.FunctionComponent<ToolbarPropperties>;
+export declare const FloatingToolbar: Component;
+export default FloatingToolbar;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Editor } from 'draft-js';
+import { Button } from '../buttons';
+export interface ToolbarPropperties {
+    editor: React.MutableRefObject<Editor>;
+    buttons: Button[];
+}
+export { default as FloatingToolbar } from './floating-toolbar';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { EditorState, SelectionState } from 'draft-js';
+export interface Context {
+    state: EditorState;
+    setState: React.Dispatch<React.SetStateAction<EditorState>>;
+    selection?: SelectionState;
+    setSelection: React.Dispatch<React.SetStateAction<SelectionState | undefined>>;
+}
+export declare const EditorContext: import("react").Context<Context>;
+export default EditorContext;

package/dist/build/components/GrepEditor/context/provider.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { DraftDecorator } from 'draft-js';
+interface Properties {
+    html?: string;
+    decorators?: DraftDecorator[];
+    children: ReactNode;
+}
+declare const Provider: React.FC<Properties>;
+export default Provider;

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

@@ -1,5 +1,12 @@
 import React from 'react';
-import { Properties } from './entities';
+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 };
 type Component = React.FunctionComponent<Properties>;
 declare const GrepEditor: Component;
 export default GrepEditor;

package/dist/build/components/GrepEditor/misc/handlers/key.d.ts

@@ -0,0 +1,6 @@
+import { EditorState, DraftEditorCommand, DraftHandleValue } from 'draft-js';
+import { Style } from '../../components/buttons';
+export type CustomDraftCommand = DraftEditorCommand | 'shift-split-block';
+export declare const customKeyHandler: (setEditorState: (state: EditorState) => void) => (command: CustomDraftCommand, editorState: EditorState) => DraftHandleValue;
+export declare const keyHandler: (setEditorState: (state: EditorState) => void, allowedStyles?: Array<Style>) => (command: CustomDraftCommand, editorState: EditorState) => DraftHandleValue;
+export default keyHandler;

package/dist/build/components/GrepEditor/misc/plugins/_link.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+interface LinkProperties {
+    contentState: ContentState;
+    entityKey: string;
+    children: import('react').ReactNode;
+}
+export declare const component: ({ contentState, entityKey, children, }: LinkProperties) => JSX.Element;
+export declare function strategy(contentBlock: ContentBlock, callback: (start: number, end: number) => void, contentState: ContentState): void;
+declare const _default: {
+    strategy: typeof strategy;
+    component: ({ contentState, entityKey, children, }: LinkProperties) => JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import { DraftDecorator, ContentState, EditorState } from 'draft-js';
+import { Options as Convert2htmlOptions } from 'draft-js-export-html';
+import { InlineStyle } from '../components/buttons';
+export declare const createState: (content?: string, decorators?: DraftDecorator[]) => EditorState;
+export type ParsedContent = {
+    txt: string;
+    html: string;
+};
+export declare const convert2html: (content: ContentState, options?: Convert2htmlOptions) => string;
+export declare const convert2txt: (content: ContentState) => string;
+export declare const parseContentState: (state: ContentState) => {
+    txt: string;
+    html: string;
+};
+export declare const parseContent: (content?: string, decorators?: DraftDecorator[]) => ParsedContent;
+export declare const UpdateStyle: (state: EditorState, style: InlineStyle) => EditorState;

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

@@ -47,21 +47,3 @@ 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,7 +2,6 @@ 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,2 +1,3 @@
 export * from './buttonStyles';
 export * from './editorStyles';
+export * from './toolbarStyles';

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

@@ -0,0 +1,11 @@
+export declare const useFloatingToolbarStyles: (params: {
+    isVisible: boolean;
+}, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};