ketcher-react 2.4.1 → 2.5.1

package/dist/script/ui/views/toolbars/TopToolbar/IconButton.d.ts

@@ -0,0 +1,26 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface ButtonProps {
+    iconName: string;
+    onClick: () => void;
+    title: string;
+    isHidden?: boolean;
+    disabled?: boolean;
+    shortcut?: string;
+}
+export declare const IconButton: ({ onClick, iconName, title, shortcut, isHidden, disabled }: ButtonProps) => JSX.Element | null;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/ScaleTransformer.d.ts

@@ -0,0 +1,24 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+export declare class ScaleTransformer {
+    a: number;
+    b: number;
+    zoomList: number[];
+    constructor(inputMax: number);
+    getSliderValue(zoom: number): number;
+    getZoomValue(sliderValue: number): any;
+    private pickNearestFromList;
+}

package/dist/script/ui/views/toolbars/TopToolbar/SystemControls.d.ts

@@ -0,0 +1,28 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface SystemControlsProps {
+    disabledButtons: string[];
+    hiddenButtons: string[];
+    className?: string;
+    onSettingsOpen: () => void;
+    onAboutOpen: () => void;
+    onHistoryClick: () => void;
+    onFullscreen: () => void;
+    onHelp: () => void;
+}
+export declare const SystemControls: ({ disabledButtons, hiddenButtons, onSettingsOpen, onFullscreen, onHelp, onAboutOpen, className }: SystemControlsProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbar.container.d.ts

@@ -13,6 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { TopToolbarCallProps, TopToolbarProps } from './TopToolbar';
-declare const TopToolbarContainer: import("react-redux").ConnectedComponent<(props: TopToolbarProps & TopToolbarCallProps) => JSX.Element, import("react-redux").Omit<TopToolbarProps & TopToolbarCallProps, "status" | "opened" | "disableableButtons" | "indigoVerification" | "vertical" | "onAction" | "onOpen">>;
+/// <reference types="react" />
+declare const TopToolbarContainer: import("react-redux").ConnectedComponent<({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onStereo, onMiew, onFullscreen, onAbout, onHelp }: import("./TopToolbar").PanelProps) => JSX.Element, import("react-redux").Omit<import("./TopToolbar").PanelProps, "disabledButtons" | "indigoVerification" | "hiddenButtons" | "shortcuts" | "onClear" | "onFileOpen" | "onSave" | "onUndo" | "onRedo" | "onCopy" | "onCopyMol" | "onCopyKet" | "onCopyImage" | "onCut" | "onPaste" | "currentZoom" | "onZoom" | "onZoomIn" | "onZoomOut" | "onSettingsOpen" | "onLayout" | "onClean" | "onAromatize" | "onDearomatize" | "onCalculate" | "onCheck" | "onAnalyse" | "onStereo" | "onMiew" | "onFullscreen" | "onAbout" | "onHelp">>;
 export { TopToolbarContainer };

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbar.d.ts

@@ -13,13 +13,44 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { ToolbarGroupItemCallProps, ToolbarGroupItemProps } from '../ToolbarGroupItem';
-interface TopToolbarProps extends Omit<ToolbarGroupItemProps, 'id' | 'options'> {
-    className?: string;
+/// <reference types="react" />
+declare type VoidFunction = () => void;
+export interface PanelProps {
+    className: string;
+    disabledButtons: string[];
+    indigoVerification: boolean;
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+    onClear: VoidFunction;
+    onFileOpen: VoidFunction;
+    onSave: VoidFunction;
+    onUndo: VoidFunction;
+    onRedo: VoidFunction;
+    onCopy: VoidFunction;
+    onCopyMol: VoidFunction;
+    onCopyKet: VoidFunction;
+    onCopyImage: VoidFunction;
+    onCut: VoidFunction;
+    onPaste: VoidFunction;
+    currentZoom: number | undefined;
+    onZoom: (zoom: number) => void;
+    onZoomIn: VoidFunction;
+    onZoomOut: VoidFunction;
+    onSettingsOpen: VoidFunction;
+    onLayout: VoidFunction;
+    onClean: VoidFunction;
+    onAromatize: VoidFunction;
+    onDearomatize: VoidFunction;
+    onCalculate: VoidFunction;
+    onCheck: VoidFunction;
+    onAnalyse: VoidFunction;
+    onStereo: VoidFunction;
+    onMiew: VoidFunction;
+    onFullscreen: VoidFunction;
+    onAbout: VoidFunction;
+    onHelp: VoidFunction;
 }
-interface TopToolbarCallProps extends ToolbarGroupItemCallProps {
-}
-declare type Props = TopToolbarProps & TopToolbarCallProps;
-declare const TopToolbar: (props: Props) => JSX.Element;
-export type { TopToolbarProps, TopToolbarCallProps };
-export { TopToolbar };
+export declare const TopToolbar: ({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onStereo, onMiew, onFullscreen, onAbout, onHelp }: PanelProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/UndoRedo.d.ts

@@ -0,0 +1,27 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface UndoRedoProps {
+    disabledButtons: string[];
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+    onUndo: () => void;
+    onRedo: () => void;
+}
+export declare const UndoRedo: ({ onUndo, onRedo, disabledButtons, hiddenButtons, shortcuts }: UndoRedoProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/ZoomControls.d.ts

@@ -0,0 +1,29 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface ZoomProps {
+    currentZoom: number;
+    onZoom: (arg: number) => void;
+    onZoomIn: VoidFunction;
+    onZoomOut: VoidFunction;
+    disabledButtons: string[];
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+}
+export declare const ZoomControls: ({ currentZoom, onZoom, onZoomIn, onZoomOut, disabledButtons, hiddenButtons, shortcuts }: ZoomProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/{ZoomList/ZoomList.d.ts → ZoomInput.d.ts}

@@ -13,18 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { UiActionAction } from '../../../../action';
-interface ZoomListProps {
-    status: {
-        zoom?: {
-            selected?: number;
-        };
+import { RefObject } from 'react';
+export declare const updateInputString: (zoom: number, inputElement: HTMLInputElement | null) => void;
+export interface ZoomInputProps {
+    onZoomSubmit: () => void;
+    currentZoom: number;
+    inputRef: RefObject<HTMLInputElement>;
+    shortcuts: {
+        [key in string]: string;
     };
 }
-interface ZoomListCallProps {
-    onAction: (action: UiActionAction) => void;
-}
-declare type Props = ZoomListProps & ZoomListCallProps;
-declare const ZoomList: (props: Props) => JSX.Element;
-export type { ZoomListProps, ZoomListCallProps };
-export { ZoomList };
+export declare const ZoomInput: ({ onZoomSubmit, currentZoom, inputRef, shortcuts }: ZoomInputProps) => JSX.Element;

package/dist/script/ui/views/toolbars/TopToolbar/ZoomList.d.ts

@@ -0,0 +1,23 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface ZoomListProps {
+    zoom: number;
+    setZoom: (zoom: number) => void;
+}
+declare const ZoomList: ({ zoom, setZoom }: ZoomListProps) => JSX.Element;
+export type { ZoomListProps };
+export { ZoomList };

package/dist/script/ui/views/toolbars/TopToolbar/ZoomSlider.d.ts

@@ -0,0 +1,22 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+interface SliderProps {
+    zoom: number;
+    setZoom: (arg: any) => void;
+}
+export declare const ZoomSlider: ({ zoom, setZoom }: SliderProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/mediaSizes.d.ts

@@ -15,8 +15,6 @@
  ***************************************************************************/
 declare const mediaSizes: {
     topSeparatorsShowingWidth: number;
-    zoomShowingWidth: number;
-    infoShowingWidth: number;
     bondCollapsableHeight: number;
     rGroupCollapsableHeight: number;
     shapeCollapsableHeight: number;

package/dist/script/ui/views/toolbars/toolbar.types.d.ts

@@ -14,14 +14,14 @@
  * limitations under the License.
  ***************************************************************************/
 declare type TopGroup = 'document' | 'edit' | 'zoom' | 'process' | 'meta';
-declare type LeftGroup = 'select' | 'bond' | 'charge' | 'transform' | 'sgroup' | 'rgroup' | 'shape' | 'text';
+declare type LeftGroup = 'hand' | 'select' | 'bond' | 'charge' | 'transform' | 'sgroup' | 'rgroup' | 'shape' | 'text';
 declare type BottomGroup = 'template-common' | 'template-lib';
 declare type RightGroup = 'atom' | 'period-table';
 declare type ToolbarGroupVariant = TopGroup | LeftGroup | BottomGroup | RightGroup;
 declare type TopToolbarItemVariant = 'clear' | 'open' | 'save' | 'undo' | 'redo' | 'cut' | 'copies' | 'copy' | 'copy-image' | 'copy-mol' | 'copy-ket' | 'paste' | 'zoom-in' | 'zoom-out' | 'zoom-list' | 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about';
-declare type LeftToolbarItemVariant = 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'transforms' | 'transform-rotate' | 'transform-flip-h' | 'transform-flip-v' | 'sgroup' | 'sgroup-data' | 'reaction-plus' | 'arrows' | 'reaction-arrow-open-angle' | 'reaction-arrow-filled-triangle' | 'reaction-arrow-filled-bow' | 'reaction-arrow-dashed-open-angle' | 'reaction-arrow-failed' | 'reaction-arrow-both-ends-filled-triangle' | 'reaction-arrow-equilibrium-filled-half-bow' | 'reaction-arrow-equilibrium-filled-triangle' | 'reaction-arrow-equilibrium-open-angle' | 'reaction-arrow-unbalanced-equilibrium-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-open-half-angle' | 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle' | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text';
-declare type BottomToolbarItemVariant = 'template-common' | 'template-lib' | 'enhanced-stereo' | 'functional-groups';
-declare type RightToolbarItemVariant = 'atom' | 'freq-atoms' | 'period-table';
+declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'transforms' | 'transform-rotate' | 'transform-flip-h' | 'transform-flip-v' | 'sgroup' | 'sgroup-data' | 'reaction-plus' | 'arrows' | 'reaction-arrow-open-angle' | 'reaction-arrow-filled-triangle' | 'reaction-arrow-filled-bow' | 'reaction-arrow-dashed-open-angle' | 'reaction-arrow-failed' | 'reaction-arrow-both-ends-filled-triangle' | 'reaction-arrow-equilibrium-filled-half-bow' | 'reaction-arrow-equilibrium-filled-triangle' | 'reaction-arrow-equilibrium-open-angle' | 'reaction-arrow-unbalanced-equilibrium-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-open-half-angle' | 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle' | 'reaction-arrow-elliptical-arc-arrow-filled-bow' | 'reaction-arrow-elliptical-arc-arrow-filled-triangle' | 'reaction-arrow-elliptical-arc-arrow-open-angle' | 'reaction-arrow-elliptical-arc-arrow-open-half-angle' | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text';
+declare type BottomToolbarItemVariant = 'template-common' | 'template-lib' | 'enhanced-stereo' | 'fullscreen';
+declare type RightToolbarItemVariant = 'atom' | 'freq-atoms' | 'period-table' | 'extended-table' | 'any-atom';
 declare type ToolbarItemVariant = TopToolbarItemVariant | LeftToolbarItemVariant | BottomToolbarItemVariant | RightToolbarItemVariant;
 interface ToolbarItem {
     id: ToolbarItemVariant;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.4.1",
+  "version": "2.5.1",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",
@@ -31,20 +31,25 @@
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c -m true",
     "start": "cross-env NODE_ENV=development rollup -c -m true -w",
-    "test": "run-s prettier stylelint test:lint test:unit",
-    "test:lint": "eslint src --ext .ts,.tsx,.js,.jsx",
-    "test:unit": "react-scripts test --env=jsdom  --passWithNoTests",
-    "prettier": "prettier --check \"src/**/*.{js,jsx,json,ts,tsx}\"",
-    "prettier:write": "prettier --write \"src/**/*.{js,jsx,json,ts,tsx}\"",
-    "stylelint": "stylelint \"src/**/*.{css,less,scss}\" --formatter verbose",
-    "stylelint:fix": "stylelint \"src/**/*.{css,less,scss}\" --formatter verbose --fix"
+    "test": "run-s test:prettier test:stylelint test:eslint test:unit",
+    "test:eslint": "eslint . --ext .ts,.tsx,.js,.jsx",
+    "test:unit": "jest --passWithNoTests",
+    "test:unit:update": "jest -u",
+    "test:prettier": "prettier --check \"./**/*.{js,jsx,json,ts,tsx}\"",
+    "test:stylelint": "stylelint \"./**/*.{css,less}\" --formatter verbose",
+    "prettier:write": "prettier --write \"./**/*.{js,jsx,json,ts,tsx}\"",
+    "stylelint:fix": "stylelint \"./**/*.{css,less}\" --formatter verbose --fix"
   },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.12.5",
+    "@babel/runtime": "^7.17.9",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@mui/material": "^5.2.4",
+    "ajv": "^8.10.0",
     "clsx": "^1.1.1",
     "draft-js": "^0.11.7",
     "draft-js-custom-styles": "^2.1.1",
@@ -52,14 +57,13 @@
     "file-saver": "^2.0.2",
     "font-face-observer": "^1.0.0",
     "hoist-non-react-statics": "^3.3.2",
-    "html-to-react": "^1.4.5",
     "intersection-observer": "^0.12.0",
-    "jsonschema": "^1.4.0",
-    "ketcher-core": "1.2.1",
+    "ketcher-core": "1.5.0",
     "lodash": "^4.17.21",
-    "normalize.css": "^8.0.1",
+    "miew-react": "^1.0.0",
     "react-colorful": "^5.4.0",
     "react-contextmenu": "^2.14.0",
+    "react-dropzone": "^11.7.1",
     "react-intersection-observer": "^8.32.1",
     "react-redux": "^7.2.1",
     "react-virtualized": "^9.22.3",
@@ -78,13 +82,10 @@
     "whatwg-fetch": "^3.4.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/preset-react": "^7.12.5",
-    "@babel/preset-typescript": "^7.12.1",
+    "@babel/core": "^7.17.9",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@rollup/plugin-babel": "^5.2.1",
     "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-json": "^4.1.0",
@@ -95,51 +96,39 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
-    "@types/draft-js": "^0.11.3",
-    "@types/jest": "^26.0.24",
-    "@types/lodash": "^4.14.170",
-    "@types/node": "^12.12.38",
-    "@types/react": "^16.9.27",
-    "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^4.0.0",
-    "@typescript-eslint/parser": "^4.0.0",
+    "@types/draft-js": "^0.11.7",
+    "@types/jest": "^27.0.3",
+    "@types/lodash": "^4.14.178",
+    "@types/node": "^16.11.12",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "@typescript-eslint/parser": "^5.6.0",
     "autoprefixer": "^10.2.5",
-    "babel-eslint": "^10.0.0",
-    "cross-env": "^7.0.2",
-    "current-git-branch": "^1.1.0",
-    "eslint": "^6.8.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-jest": "^24.0.0",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react-hooks": "^4.0.8",
-    "eslint-plugin-testing-library": "^3.9.0",
+    "babel-jest": "^27.4.5",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.4.1",
+    "eslint-plugin-jest": "^25.3.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-testing-library": "^5.0.1",
+    "jest": "^27.4.5",
     "less": "^3.12.2",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.2.10",
-    "prettier": "^2.0.4",
-    "react-scripts": "^4.0.3",
-    "rollup": "^2.33.1",
+    "prettier": "^2.5.1",
+    "rollup": "^2.60.2",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-typescript2": "^0.29.0",
-    "rollup-plugin-visualizer": "^4.2.0",
-    "stylelint": "^13.13.1",
-    "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-recommended-scss": "^4.3.0",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-prettier": "^1.2.0",
-    "stylelint-scss": "^3.20.1",
-    "typescript": "^4.4.3"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less)$": "identity-obj-proxy"
-    }
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.31.1",
+    "rollup-plugin-visualizer": "^5.5.2",
+    "stylelint": "13.13.1",
+    "ts-jest": "^27.1.2",
+    "typescript": "^4.5.2"
   },
   "files": [
     "dist"