Si 2548 enable ready sermaphor status vi

.babelrc

@@ -2,5 +2,8 @@
     "presets": [
         [ "react-app", { "absoluteRuntime": false } ]
     ],
-    "plugins": ["@babel/plugin-proposal-optional-chaining"]
+    "plugins": [
+        "@babel/plugin-proposal-optional-chaining",
+        "@babel/plugin-proposal-nullish-coalescing-operator"
+    ]
 }

README.md

@@ -1,4 +1,4 @@
-# React Image Annotate
+# React Image Annotate (Searpent fork)
 
 [![npm version](https://badge.fury.io/js/react-image-annotate.svg)](https://badge.fury.io/js/react-image-annotate)
 

package.json

@@ -1,7 +1,9 @@
 {
-  "name": "react-image-annotate",
-  "version": "2.0.0",
+  "name": "@searpent/react-image-annotate",
+  "version": "2.3.17",
   "dependencies": {
+    "@editorjs/editorjs": "^2.25.0",
+    "@editorjs/paragraph": "^2.8.0",
     "@emotion/react": "^11.7.0",
     "@emotion/styled": "^11.6.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.12",
@@ -18,8 +20,10 @@
     "material-survey": "^2.1.0",
     "mmgc1-cpp": "^1.0.50",
     "moment": "^2.23.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "nspell": "^2.1.5",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-editor-js": "^2.0.6",
     "react-full-screen": "^0.3.1",
     "react-hotkeys": "^2.0.0",
     "react-json-view": "^1.19.1",
@@ -37,12 +41,20 @@
     "styled-components": "^5.2.1",
     "transformation-matrix-js": "^2.7.6",
     "use-event-callback": "^0.1.0",
-    "use-key-hook": "^1.3.0"
+    "use-key-hook": "^1.3.0",
+    "uuid": "^9.0.0"
   },
   "peerDependencies": {
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
+  "engines": {
+    "node": ">=14.0.0 <18.0.0",
+    "yarn": ">=1.22.0"
+  },
+  "resolutions": {
+    "@babel/plugin-transform-typescript": "^7.9.4"
+  },
   "homepage": "/react-image-annotate",
   "repository": {
     "type": "git",
@@ -55,7 +67,7 @@
     "storybook": "start-storybook -p 9090 -s public",
     "build": "npm run build:babel && cp ./package.json ./dist/package.json && cp ./README.md ./dist/README.md",
     "dist": "npm run build && cd dist && npm publish",
-    "build:babel": "NODE_ENV=production babel ./src --ignore \"src/**/*.story.js\" --out-dir=./dist && rm dist/index.js && cp dist/lib.js dist/index.js",
+    "build:babel": "NODE_ENV=production babel ./src --ignore \"src/**/*.story.js\" --out-dir=./dist && rm dist/index.js && cp dist/lib.js dist/index.js && cp src/PageSelector/page-selector.css dist/PageSelector/ && cp src/Locker/locker.css dist/Locker/ && cp src/Errorer/errorer.css dist/Errorer/ && cp src/Editor/editor.css dist/Editor/ && cp src/Editor/annotation-plugin/annotation.css dist/Editor/annotation-plugin",
     "build-storybook": "build-storybook",
     "build:gh-pages": "CI=false react-scripts build && mkdir build/demo && cp build/index.html build/demo/index.html",
     "gh-pages": "npm run build:gh-pages && gh-pages -d build",
@@ -74,7 +86,9 @@
   "devDependencies": {
     "@babel/cli": "^7.2.3",
     "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
+    "@babel/plugin-transform-typescript": "^7.9.4",
     "@storybook/addon-actions": "^5.3.14",
     "@storybook/addon-links": "^5.3.14",
     "@storybook/addons": "^5.3.14",

src/Annotator/exampleImages.js

@@ -0,0 +1,48 @@
+const mockedImage = {
+  "id": "NA",
+  "src": "https://www.gannett-cdn.com/presto/2022/01/12/NJDN/8088720b-446d-4693-be62-4dfdf1c3046f-DailyNewsSaturday.jpg?width=660&height=1253&fit=crop&format=pjpg&auto=webp",
+  "thumbnail": "https://www.gannett-cdn.com/presto/2022/01/12/NJDN/8088720b-446d-4693-be62-4dfdf1c3046f-DailyNewsSaturday.jpg?width=660&height=1253&fit=crop&format=pjpg&auto=webp",
+  "name": "https://www.gannett-cdn.com/presto/2022/01/12/NJDN/8088720b-446d-4693-be62-4dfdf1c3046f-DailyNewsSaturday.jpg?width=660&height=1253&fit=crop&format=pjpg&auto=webp",
+  "regions": [
+    {
+      "id": "346807698131517440",
+      "type": "box",
+      "visible": true,
+      "cls": "title",
+      "highlighted": false,
+      "groupHighlighted": false,
+      "x": 0.5189794,
+      "y": 0.043963477,
+      "w": 0.46070240000000007,
+      "h": 0.13752678299999999,
+      "groupId": "0",
+      "text": "komerční příloha čtvrtek 29. dubna 2021 Robotické sekačky na trávu - nový pohled na sekání trávy"
+    },
+    {
+      "id": "346807698131517441",
+      "type": "box",
+      "visible": true,
+      "cls": "subtitle",
+      "highlighted": false,
+      "groupHighlighted": false,
+      "x": 0.51976687,
+      "y": 0.17134483,
+      "w": 0.18034333000000002,
+      "h": 0.10370872999999997,
+      "groupId": "0",
+      "text": "Udržet trávník v perfektním stavu, znamená věnovat mu ohromné množství času a cítit se neustále odpovědný za jeho stav. Znamená to nepopulární, mnohdy obtížnou, časově náročnou práci a také starost o likvidaci zahradního odpadu. Dobrou zprávou je, že robotická sekačka na trávu všechny tyto věci obstará za Vás."
+    },
+  ],
+  "metadata": [
+    {
+      "key": "page",
+      "value": "66"
+    },
+    {
+      "key": "mockedBy",
+      "value": "artificial server"
+    }
+  ]
+}
+
+export default [mockedImage];