grep-components 2.0.1 → 2.1.0-GREPF-1810.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grep-components",
-  "version": "2.0.1",
+  "version": "2.1.0-GREPF-1810.1",
   "description": "Grep komponentbibliotek",
   "repository": {
     "type": "git",
@@ -96,6 +96,8 @@
     "@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",
@@ -114,7 +116,6 @@
     "@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",
@@ -135,8 +136,6 @@
     "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",
@@ -182,11 +181,12 @@
   "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",
-    "draft-js": "^0.11.0"
+    "lexical": "^0.13.1"
   },
   "overrides": {
     "fork-ts-checker-webpack-plugin": "^6.5.3",

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

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

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

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

@@ -1,9 +0,0 @@
-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/misc/handlers/key.d.ts

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

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

@@ -1,16 +0,0 @@
-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/styles/toolbarStyles.d.ts

@@ -1,11 +0,0 @@
-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;
-};