grep-components 2.2.0-GREPF-2281.1 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grep-components",
-  "version": "2.2.0-GREPF-2281.1",
+  "version": "2.2.0",
   "description": "Grep komponentbibliotek",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "yalc:init": "yalc add && yalc push",
     "yalc:build": "rollup -c --no-treeshake --no-sourcemap --environment yalc",
     "yalc:watch": "npm run yalc:build -- -w",
-    "prepare": "husky install",
+    "prepare": "husky",
     "deploy-storybook": "storybook-to-ghpages"
   },
   "release": {
@@ -94,28 +94,28 @@
     "@babel/core": "^7.23.5",
     "@babel/eslint-parser": "^7.11.0",
     "@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",
+    "@chromatic-com/storybook": "^1.3.3",
+    "@commitlint/cli": "^19.2.2",
+    "@commitlint/config-conventional": "^19.2.2",
     "@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": "^7.6.2",
-    "@storybook/addon-essentials": "^7.6.2",
-    "@storybook/addon-links": "^7.6.2",
-    "@storybook/addon-storysource": "^7.6.2",
-    "@storybook/addons": "^7.6.2",
-    "@storybook/cli": "^7.6.2",
-    "@storybook/preset-create-react-app": "^7.6.2",
-    "@storybook/react-webpack5": "^7.6.2",
+    "@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/addons": "^7.6.17",
+    "@storybook/cli": "^8.0.8",
+    "@storybook/preset-create-react-app": "^8.0.8",
+    "@storybook/react-webpack5": "^8.0.8",
     "@storybook/storybook-deployer": "^2.8.16",
-    "@testing-library/dom": "^9.3.3",
+    "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
+    "@testing-library/react": "^14.3.1",
     "@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",
@@ -124,27 +124,29 @@
     "@types/react-beautiful-dnd": "^13.0.0",
     "@types/react-redux": "^7.1.32",
     "@types/react-router-dom": "^5.1.3",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.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": "^18.4.3",
+    "commitlint": "^19.2.2",
     "connected-react-router": "^6.9.3",
     "conventional-changelog-cli": "^4.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.8.0",
+    "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.1.0",
+    "eslint-plugin-jest-dom": "^5.2.0",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "^6.2.0",
     "history": "^4.7.2",
-    "husky": "^8.0.1",
+    "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.0",
@@ -163,13 +165,13 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "seamless-immutable": "^7.1.4",
-    "semantic-release": "^22.0.9",
-    "storybook": "^7.6.3",
+    "semantic-release": "^23.0.8",
+    "storybook": "^8.0.8",
     "ts-jest": "^29.1.1",
     "ts-keycode-enum": "^1.0.6",
     "tslib": "^2.2.0",
     "tss-react": "^4.0.0",
-    "typescript": "^5.3.2"
+    "typescript": "^5.4.5"
   },
   "files": [
     "dist",
@@ -181,12 +183,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",
+    "@mui/x-date-pickers": "^7.2.0",
     "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/TextNodeStylingPlugin.d.ts

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

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