@atlaskit/width-detector - npm Package Compare versions

Comparing version 2.0.10 to 2.1.0

CHANGELOG.md

 # @atlaskit/width-detector
 
+## 2.1.0
+
+### Minor Changes
+
+- [minor][67bc25bc3f](https://bitbucket.org/atlassian/atlassian-frontend/commits/67bc25bc3f):
+
+  Move WidthObserver from editor-common to width-detector
+
+  WidthObserver is a more performant version of WidthDetector and should be used going forward.
+
+  ```js
+  import { WidthObserver } from '@atlaskit/width-detector';
+
+  <WidthObserver
+    setWidth={width => console.log(`width has changed to ${width}`)}
+  />;
+  ```
+
+### Patch Changes
+
+- [patch][109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
+
+  Deletes internal package @atlaskit/type-helpers and removes all usages. @atlaskit/type-helpers has been superseded by native typescript helper utilities.- Updated dependencies [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
+
+  - @atlaskit/docs@8.5.1
+
 ## 2.0.10
@@ -4,0 +30,0 @@

dist/cjs/index.d.ts

 export { default } from './WidthDetector';
+export { WidthObserver, IframeWidthObserverFallbackWrapper, IframeWrapperConsumer, } from './WidthObserver';

dist/cjs/index.js

@@ -5,2 +5,6 @@ "use strict";
 exports.default = WidthDetector_1.default;
+var WidthObserver_1 = require("./WidthObserver");
+exports.WidthObserver = WidthObserver_1.WidthObserver;
+exports.IframeWidthObserverFallbackWrapper = WidthObserver_1.IframeWidthObserverFallbackWrapper;
+exports.IframeWrapperConsumer = WidthObserver_1.IframeWrapperConsumer;
 //# sourceMappingURL=index.js.map

dist/cjs/version.json

 {
 	"name": "@atlaskit/width-detector",
-	"version": "2.0.10",
+	"version": "2.1.0",
 	"sideEffects": false
 }

dist/cjs/WidthDetector.d.ts

@@ -15,2 +15,9 @@ import React from 'react';
 };
+/**
+ * @deprecated use WidthOvserver instead
+ *
+ * This component uses iframes for rendering and is currently
+ * not performant. It will be DEPRECATED in the future.
+ * It is recommended that you instead use WidthObserver from @atlaskit/width-detector
+ */
 export default class WidthDetector extends React.Component<Props, State> {
@@ -17,0 +24,0 @@ state: State;

dist/cjs/WidthDetector.js

@@ -6,2 +6,4 @@ "use strict";
 var raf_schd_1 = tslib_1.__importDefault(require("raf-schd"));
+// eslint-disable-next-line no-console
+console.warn('WidthDetector will be deprecated, please use WidthObserver from @atlaskit/width-detector instead.');
 var containerDivStyle = {
@@ -25,2 +27,9 @@ width: '100%',
 };
+/**
+ * @deprecated use WidthOvserver instead
+ *
+ * This component uses iframes for rendering and is currently
+ * not performant. It will be DEPRECATED in the future.
+ * It is recommended that you instead use WidthObserver from @atlaskit/width-detector
+ */
 var WidthDetector = /** @class */ (function (_super) {
@@ -27,0 +36,0 @@ tslib_1.__extends(WidthDetector, _super);

dist/esm/index.d.ts

 export { default } from './WidthDetector';
+export { WidthObserver, IframeWidthObserverFallbackWrapper, IframeWrapperConsumer, } from './WidthObserver';

dist/esm/index.js

 export { default } from './WidthDetector';
+export { WidthObserver, IframeWidthObserverFallbackWrapper, IframeWrapperConsumer, } from './WidthObserver';
 //# sourceMappingURL=index.js.map

dist/esm/version.json

 {
 	"name": "@atlaskit/width-detector",
-	"version": "2.0.10",
+	"version": "2.1.0",
 	"sideEffects": false
 }

dist/esm/WidthDetector.d.ts

@@ -15,2 +15,9 @@ import React from 'react';
 };
+/**
+ * @deprecated use WidthOvserver instead
+ *
+ * This component uses iframes for rendering and is currently
+ * not performant. It will be DEPRECATED in the future.
+ * It is recommended that you instead use WidthObserver from @atlaskit/width-detector
+ */
 export default class WidthDetector extends React.Component<Props, State> {
@@ -17,0 +24,0 @@ state: State;

dist/esm/WidthDetector.js

 import { __assign, __extends, __rest } from "tslib";
 import React from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line no-console
+console.warn('WidthDetector will be deprecated, please use WidthObserver from @atlaskit/width-detector instead.');
 var containerDivStyle = {
@@ -22,2 +24,9 @@ width: '100%',
 };
+/**
+ * @deprecated use WidthOvserver instead
+ *
+ * This component uses iframes for rendering and is currently
+ * not performant. It will be DEPRECATED in the future.
+ * It is recommended that you instead use WidthObserver from @atlaskit/width-detector
+ */
 var WidthDetector = /** @class */ (function (_super) {
@@ -24,0 +33,0 @@ __extends(WidthDetector, _super);

package.json

 {
   "name": "@atlaskit/width-detector",
-  "version": "2.0.10",
+  "version": "2.1.0",
   "description": "Wrapper for components that need to respond to width changes",
@@ -8,2 +8,4 @@ "publishConfig": {
   },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -13,12 +15,12 @@ "module": "dist/esm/index.js",
   "types": "dist/cjs/index.d.ts",
+  "sideEffects": false,
   "atlaskit:src": "src/index.ts",
-  "sideEffects": false,
-  "author": "Atlassian Pty Ltd",
-  "atlaskit": {
-    "name": "Width Detector"
+  "atlassian": {
+    "team": "Design System Team",
+    "releaseModel": "scheduled",
+    "website": {
+      "name": "Width Detector"
+    }
   },
-  "team": "Design System Team",
-  "repository": "https://bitbucket.org/atlassian/atlaskit-mk-2",
   "dependencies": {
-    "@atlaskit/type-helpers": "^4.2.3",
     "raf-schd": "^2.1.0",
@@ -33,3 +35,3 @@ "tslib": "^1.9.3"
     "@atlaskit/build-utils": "^2.2.7",
-    "@atlaskit/docs": "^8.3.2",
+    "@atlaskit/docs": "^8.5.1",
     "@atlaskit/ssr": "^0.1.1",
@@ -36,0 +38,0 @@ "@atlaskit/visual-regression": "^0.1.9",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

83576

increased by271.58%

Dependency count

4

decreased by-20%

Number of package files

58

increased by163.64%

Lines of code

1262

increased by303.19%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@atlaskit/type-helpers@^4.2.3

• - Removed@atlaskit/type-helpers@4.2.3(transitive)