grep-components 2.1.0-GREPF-2281.2 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grep-components",
-  "version": "2.1.0-GREPF-2281.2",
+  "version": "2.1.0",
   "description": "Grep komponentbibliotek",
   "repository": {
     "type": "git",
@@ -96,8 +96,6 @@
     "@babel/plugin-transform-private-property-in-object": "^7.22.11",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
-    "@lexical/html": "^0.13.1",
-    "@lexical/utils": "^0.13.1",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -116,6 +114,7 @@
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
+    "@types/draft-js": "^0.11.3",
     "@types/history": "^4.7.3",
     "@types/jest": "^29.5.11",
     "@types/lodash.debounce": "^4.0.6",
@@ -136,6 +135,8 @@
     "connected-react-router": "^6.9.3",
     "conventional-changelog-cli": "^4.1.0",
     "cross-env": "^7.0.3",
+    "draft-js-export-html": "^1.4.1",
+    "draft-js-import-html": "^1.4.1",
     "eslint": "^8.8.0",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-jest-dom": "^5.1.0",
@@ -181,12 +182,11 @@
   "dependencies": {
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@lexical/react": "^0.13.1",
     "@mui/icons-material": "^5.14.19",
     "@mui/material": "^5.14.20",
     "@mui/x-date-pickers": "^6.18.3",
     "dayjs": "^1.11.10",
-    "lexical": "^0.13.1"
+    "draft-js": "^0.11.0"
   },
   "overrides": {
     "fork-ts-checker-webpack-plugin": "^6.5.3",

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

@@ -1,3 +0,0 @@
-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

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

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

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

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

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

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

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

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

@@ -1,14 +0,0 @@
-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/ToolbarPlugin.d.ts

@@ -1,15 +0,0 @@
-/**
- * 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

@@ -1,8 +0,0 @@
-/**
- * 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

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

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

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

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

@@ -1,30 +0,0 @@
-/// <reference types="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;
-    /**
-     * 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;
-}