box-annotations - npm Package Compare versions

Comparing version 4.1.1-beta.5 to 5.0.0

package.json

 {
     "name": "box-annotations",
-    "version": "4.1.1-beta.5",
+    "version": "5.0.0",
     "description": "Box Annotations",
@@ -19,14 +19,16 @@ "author": "Box (https://www.box.com/)",
     "devDependencies": {
-        "@babel/cli": "^7.8.4",
-        "@babel/core": "^7.9.0",
-        "@babel/plugin-proposal-class-properties": "^7.8.3",
-        "@babel/plugin-transform-flow-strip-types": "^7.9.0",
-        "@babel/plugin-transform-object-assign": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.9.0",
-        "@babel/polyfill": "^7.8.7",
-        "@babel/preset-env": "^7.9.5",
-        "@babel/preset-react": "^7.9.4",
-        "@babel/preset-typescript": "^7.9.0",
-        "@box/frontend": "^6.4.0",
+        "@babel/cli": "^7.25.9",
+        "@babel/core": "^7.25.9",
+        "@babel/eslint-parser": "^7.24.7",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.9",
+        "@babel/plugin-transform-object-assign": "^7.25.9",
+        "@babel/plugin-transform-runtime": "^7.25.9",
+        "@babel/preset-env": "^7.25.9",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.25.9",
+        "@box/frontend": "^10.0.0",
         "@box/languages": "^1.1.0",
+        "@cfaester/enzyme-adapter-react-18": "^0.8.0",
         "@commitlint/cli": "^8.3.5",
@@ -43,9 +45,8 @@ "@commitlint/config-conventional": "^8.2.0",
         "@types/lodash": "^4.14.150",
-        "@types/react": "^17.0.2",
-        "@types/react-dom": "^17.0.1",
-        "@types/react-redux": "^7.1.16",
+        "@types/react": "18.3.12",
+        "@types/react-dom": "18.3.1",
+        "@types/react-redux": "^7.1.33",
         "@types/uuid": "^8.3.0",
-        "@typescript-eslint/eslint-plugin": "^2.29.0",
-        "@typescript-eslint/parser": "^2.29.0",
-        "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
+        "@typescript-eslint/eslint-plugin": "^7.3.1",
+        "@typescript-eslint/parser": "^7.3.1",
         "autoprefixer": "^9.7.6",
@@ -55,3 +56,3 @@ "axios": "^0.24.0",
         "babel-jest": "^24.9.0",
-        "babel-loader": "^8.1.0",
+        "babel-loader": "^8.3.0",
         "babel-plugin-istanbul": "^6.0.0",
@@ -61,7 +62,7 @@ "babel-plugin-react-intl": "^7.5.1",
         "box-node-sdk": "^1.33.0",
-        "box-ui-elements": "^18.1.0",
+        "box-ui-elements": "^20.0.0",
         "circular-dependency-plugin": "^5.2.0",
         "classnames": "^2.2.5",
         "conventional-github-releaser": "^3.1.3",
-        "core-js": "^3.6.5",
+        "core-js": "^3.38.1",
         "css-loader": "^3.5.2",
@@ -72,16 +73,16 @@ "cypress": "^4.4.1",
         "enzyme-to-json": "^3.4.4",
-        "eslint": "^6.7.2",
-        "eslint-config-airbnb": "^18.1.0",
-        "eslint-config-prettier": "^6.11.0",
+        "eslint": "^8.57.0",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-babel": "^5.3.0",
         "eslint-plugin-cypress": "^2.10.3",
-        "eslint-plugin-flowtype": "^4.7.0",
-        "eslint-plugin-formatjs": "^1.5.4",
-        "eslint-plugin-import": "^2.20.2",
+        "eslint-plugin-flowtype": "^8.0.3",
+        "eslint-plugin-formatjs": "^4.13.3",
+        "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jest": "^23.8.2",
         "eslint-plugin-jsx-a11y": "^6.2.3",
-        "eslint-plugin-lodash": "^6.0.0",
-        "eslint-plugin-prettier": "^3.1.3",
-        "eslint-plugin-react": "^7.19.0",
-        "eslint-plugin-react-hooks": "^1.7.0",
+        "eslint-plugin-lodash": "^7.4.0",
+        "eslint-plugin-prettier": "^5.2.1",
+        "eslint-plugin-react": "^7.34.3",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "formik": "^2.1.4",
@@ -100,9 +101,10 @@ "husky": "^3.1.0",
         "raw-loader": "^4.0.1",
-        "react": "^17.0.1",
-        "react-dom": "^17.0.1",
-        "react-intl": "^3.12.0",
-        "react-redux": "^7.2.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-intl": "6.4.2",
+        "react-redux": "^9.1.2",
         "react-tether": "1.0.5",
         "react-textarea-autosize": "^7.1.2",
         "redux": "^4.0.5",
+        "regenerator-runtime": "^0.13.9",
         "sass": "^1.64.1",
@@ -117,7 +119,7 @@ "sass-loader": "^8.0.2",
         "tabbable": "^1.1.3",
-        "typescript": "^3.8.3",
-        "uglifyjs-webpack-plugin": "^2.2.0",
+        "terser-webpack-plugin": "^4.2.3",
+        "typescript": "4.9.5",
         "uuid": "^8.3.1",
         "wait-on": "^4.0.2",
-        "webpack": "^4.43.0",
+        "webpack": "^4.47.0",
         "webpack-cli": "^3.3.11",
@@ -130,4 +132,4 @@ "webpack-dev-server": "^3.10.3",
         "build:i18n": "props2es",
-        "build:dev:dist": "LANGUAGE=en-US BABEL_ENV=dev NODE_ENV=dev NODE_OPTIONS=--openssl-legacy-provider webpack --config scripts/webpack.config.js --mode development --progress --colors",
-        "build:prod:dist": "LANGUAGE=en-US BABEL_ENV=production NODE_ENV=production NODE_OPTIONS=--openssl-legacy-provider webpack --config scripts/webpack.config.js --mode production",
+        "build:dev:dist": "LANGUAGE=en-US BABEL_ENV=dev NODE_ENV=dev webpack --config scripts/webpack.config.js --mode development --progress --colors",
+        "build:prod:dist": "LANGUAGE=en-US BABEL_ENV=production NODE_ENV=production webpack --config scripts/webpack.config.js --mode production",
         "clean": "rm -rf dist reports/* i18n/json i18n/*.js",
@@ -149,3 +151,3 @@ "cy:open": "yarn cy:wait; yarn cypress open",
         "start": "yarn setup && yarn build:dev:dist --watch",
-        "start:dev": "yarn setup && LANGUAGE=en-US BABEL_ENV=dev NODE_ENV=dev NODE_OPTIONS=--openssl-legacy-provider yarn webpack-dev-server --config scripts/webpack.config.js --mode development",
+        "start:dev": "yarn setup && LANGUAGE=en-US BABEL_ENV=dev NODE_ENV=dev yarn webpack-dev-server --config scripts/webpack.config.js --mode development",
         "start:linked": "IS_LINKED=1 yarn start",
@@ -165,4 +167,6 @@ "test": "BABEL_ENV=test NODE_ENV=test yarn jest",
     "resolutions": {
-        "uglify-es": "3.3.4"
+        "**/react-intl/**/@types/react": "^18.3.12",
+        "**/@types/react": "^18.3.12",
+        "**/@types/react-dom": "^18.2.0"
     }
 }

src/@types/global.ts

 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-namespace */
-declare namespace Intl {
-    const RelativeTimeFormat: {};
-}
-
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 declare namespace NodeJS {
@@ -7,0 +4,0 @@ interface Global {

src/common/BaseManager.ts

@@ -1,2 +0,2 @@
-import * as ReactDOM from 'react-dom';
+import * as ReactDOM from 'react-dom/client';
 import { IntlShape } from 'react-intl';
@@ -31,2 +31,4 @@ import { Store } from 'redux';
 
+    root: ReactDOM.Root | null = null;
+
     constructor({ location = 1, referenceEl, resinTags = {} }: Options) {
@@ -39,2 +41,4 @@ this.location = location;
 
+        this.root = ReactDOM.createRoot(this.reactEl);
+
         this.decorate();
@@ -48,8 +52,8 @@ }
     destroy(): void {
-        ReactDOM.unmountComponentAtNode(this.reactEl);
-
-        const parentEl = this.reactEl.parentNode;
-        if (parentEl) {
-            parentEl.removeChild(this.reactEl);
+        if (this.root) {
+            this.root.unmount();
         }
+        if (this.reactEl.parentNode) {
+            this.reactEl.parentNode.removeChild(this.reactEl);
+        }
     }
@@ -56,0 +60,0 @@

src/components/Popups/Popper.ts

@@ -34,1 +34,19 @@ import * as popper from '@popperjs/core';
 }
+
+export function clientBoundingRect(height: number, width: number, x: number, y: number): DOMRect {
+    const rect = {
+        bottom: y + height,
+        height,
+        left: x,
+        right: x + width,
+        top: y,
+        width,
+        x,
+        y,
+    };
+
+    return {
+        ...rect,
+        toJSON: () => ({ ...rect }),
+    };
+}

src/drawing/actions.ts

@@ -21,3 +21,2 @@ import { AppThunkDispatch, AppState, getCreatorStatus, CreatorStatus } from '../store';
         },
-        // eslint-disable-next-line @typescript-eslint/camelcase
         file_version: {
@@ -31,3 +30,2 @@ id: getFileVersionId(state),
             },
-            // eslint-disable-next-line @typescript-eslint/camelcase
             path_groups: pathGroups,
@@ -34,0 +32,0 @@ type: 'drawing' as const,

src/drawing/drawingUtil.ts

@@ -23,3 +23,2 @@ import * as uuid from 'uuid';
         target: {
-            // eslint-disable-next-line @typescript-eslint/camelcase
             path_groups: pathGroups.map(pathGroup => addClientIds(pathGroup)),
@@ -26,0 +25,0 @@ ...targetRest,

src/highlight/actions.ts

@@ -21,3 +21,2 @@ import { AppThunkDispatch, AppState } from '../store';
         },
-        // eslint-disable-next-line @typescript-eslint/camelcase
         file_version: {
@@ -24,0 +23,0 @@ id: getFileVersionId(state),

src/region/actions.ts

@@ -20,3 +20,2 @@ import { AppThunkDispatch, AppState } from '../store';
         },
-        // eslint-disable-next-line @typescript-eslint/camelcase
         file_version: {
@@ -23,0 +22,0 @@ id: getFileVersionId(state),

src/store/highlight/actions.ts

@@ -22,3 +22,3 @@ import { createAction } from '@reduxjs/toolkit';
             whatToShow?: number,
-            filter?: NodeFilter | Function,
+            filter?: NodeFilter | ((node: Node) => number | null),
             entityReferenceExpansion?: boolean,
@@ -25,0 +25,0 @@ ): NodeIterator;

src/store/users/actions.ts

@@ -23,5 +23,5 @@ import { createAsyncThunk } from '@reduxjs/toolkit';
             client.getFileCollaborators(fileId, resolve, reject, {
-                filter_term: searchString, // eslint-disable-line @typescript-eslint/camelcase
-                include_groups: false, // eslint-disable-line @typescript-eslint/camelcase
-                include_uploader_collabs: false, // eslint-disable-line @typescript-eslint/camelcase
+                filter_term: searchString,
+                include_groups: false,
+                include_uploader_collabs: false,
             });
@@ -28,0 +28,0 @@ });

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Lines of code

6428

increased by0.05%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

1275455

decreased by-2.28%

Dev dependency count

102

increased by2%

Number of low license alerts

2

increased by100%

No dependency changes