grep-components 2.3.0-GREPF-2280.2 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grep-components",
-  "version": "2.3.0-GREPF-2280.2",
+  "version": "2.3.0",
   "description": "Grep komponentbibliotek",
   "repository": {
     "type": "git",
@@ -79,11 +79,15 @@
     ]
   },
   "peerDependencies": {
+    "connected-react-router": "6.x",
+    "history": "4x || 5.x",
     "prop-types": "^15.7.2",
     "react": "^18.x",
     "react-dom": "^18.x",
     "react-redux": "8.x || 9.x",
-    "react-router-dom": "6.x",
+    "react-router": "5.x || 6.x",
+    "react-router-dom": "5.x || 6.x",
+    "react-router-redux": "4.x",
     "redux": "^4.x || ^5.x"
   },
   "devDependencies": {
@@ -91,55 +95,57 @@
     "@babel/eslint-parser": "^7.11.0",
     "@babel/plugin-transform-private-property-in-object": "^7.22.11",
     "@chromatic-com/storybook": "^1.3.3",
-    "@commitlint/cli": "^19.2.2",
+    "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
+    "@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",
     "@rollup/plugin-typescript": "^11.1.5",
     "@rollup/plugin-url": "^8.0.0",
-    "@storybook/addon-actions": "^8.0.8",
-    "@storybook/addon-essentials": "^8.0.8",
-    "@storybook/addon-links": "^8.0.8",
-    "@storybook/addon-storysource": "^8.0.8",
+    "@storybook/addon-actions": "^8.1.6",
+    "@storybook/addon-essentials": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
+    "@storybook/addon-storysource": "^8.1.6",
     "@storybook/addons": "^7.6.17",
-    "@storybook/cli": "^8.0.8",
-    "@storybook/preset-create-react-app": "^8.0.8",
-    "@storybook/react-webpack5": "^8.0.8",
+    "@storybook/cli": "^8.1.6",
+    "@storybook/preset-create-react-app": "^8.1.6",
+    "@storybook/react-webpack5": "^8.1.6",
     "@storybook/storybook-deployer": "^2.8.16",
-    "@testing-library/dom": "^9.3.4",
+    "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/react": "^16.0.0",
     "@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",
     "@types/lodash.throttle": "^4.1.6",
     "@types/react": "^18.2.42",
     "@types/react-beautiful-dnd": "^13.0.0",
+    "@types/react-dom": "^18.3.0",
     "@types/react-redux": "^7.1.32",
     "@types/react-router-dom": "^5.1.3",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
     "babel-jest": "^29.2.0",
     "babel-loader": "^9.0.0",
     "babel-plugin-external-helpers": "^6.22.0",
     "babel-runtime": "^6.26.0",
     "chalk": "^5.3.0",
     "clsx": "^2.0.0",
-    "commitlint": "^19.2.2",
-    "conventional-changelog-cli": "^4.1.0",
+    "commitlint": "^19.3.0",
+    "connected-react-router": "^6.9.3",
+    "conventional-changelog-cli": "^5.0.0",
     "cross-env": "^7.0.3",
-    "draft-js-export-html": "^1.4.1",
-    "draft-js-import-html": "^1.4.1",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jest-dom": "^5.2.0",
+    "eslint-plugin-jest-dom": "^5.4.0",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "^6.2.0",
+    "history": "^4.7.2",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -151,14 +157,16 @@
     "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.0.2",
     "react-redux": "^9.0.2",
-    "react-router-dom": "^6.23.1",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
+    "react-router-redux": "^4.0.8",
     "react-scripts": "^5.0.1",
     "rollup": "^4.6.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "seamless-immutable": "^7.1.4",
-    "semantic-release": "^23.0.8",
-    "storybook": "^8.0.8",
+    "semantic-release": "^24.0.0",
+    "storybook": "^8.1.6",
     "ts-jest": "^29.1.1",
     "ts-keycode-enum": "^1.0.6",
     "tslib": "^2.2.0",
@@ -175,17 +183,23 @@
   "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": "^7.2.0",
+    "@mui/x-date-pickers": "^7.6.1",
     "dayjs": "^1.11.10",
-    "draft-js": "^0.11.0"
+    "lexical": "^0.13.1"
   },
   "overrides": {
     "fork-ts-checker-webpack-plugin": "^6.5.3",
     "react-scripts": {
       "typescript": "^5.3.3"
     },
+    "connected-react-router": {
+      "react": "^18.0.0",
+      "react-redux": "^9.0.4",
+      "redux": "^5.0.0"
+    },
     "react-beautiful-dnd": {
       "redux": "^5.0.0"
     },

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;
-};