@atlaskit/blanket - npm Package Compare versions

Comparing version 8.0.3 to 9.0.0

Blanket.js

@@ -1,65 +0,41 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent } from 'react';
-import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
+import * as tslib_1 from "tslib";
+import * as React from 'react';
+import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent, } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from './version.json';
 import Div from './styled';
-
-var Blanket =
-/*#__PURE__*/
-function (_PureComponent) {
-  _inherits(Blanket, _PureComponent);
-
-  function Blanket() {
-    _classCallCheck(this, Blanket);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(Blanket).apply(this, arguments));
-  }
-
-  _createClass(Blanket, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          canClickThrough = _this$props.canClickThrough,
-          isTinted = _this$props.isTinted,
-          onBlanketClicked = _this$props.onBlanketClicked;
-      var onClick = canClickThrough ? null : onBlanketClicked;
-      var containerProps = {
-        canClickThrough: canClickThrough,
-        isTinted: isTinted,
-        onClick: onClick
-      };
-      return React.createElement(Div, containerProps);
+var Blanket = /** @class */ (function (_super) {
+    tslib_1.__extends(Blanket, _super);
+    function Blanket() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-  }]);
-
-  return Blanket;
-}(PureComponent);
-
-_defineProperty(Blanket, "defaultProps", {
-  canClickThrough: false,
-  isTinted: false,
-  onBlanketClicked: function onBlanketClicked() {}
-});
-
+    Blanket.prototype.render = function () {
+        var _a = this.props, canClickThrough = _a.canClickThrough, isTinted = _a.isTinted, onBlanketClicked = _a.onBlanketClicked;
+        var onClick = canClickThrough ? null : onBlanketClicked;
+        var containerProps = { canClickThrough: canClickThrough, isTinted: isTinted, onClick: onClick };
+        return React.createElement(Div, tslib_1.__assign({}, containerProps));
+    };
+    Blanket.defaultProps = {
+        canClickThrough: false,
+        isTinted: false,
+        onBlanketClicked: function () { },
+    };
+    return Blanket;
+}(React.Component));
 export { Blanket as BlanketWithoutAnalytics };
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({
-  componentName: 'blanket',
-  packageName: packageName,
-  packageVersion: packageVersion
+    componentName: 'blanket',
+    packageName: packageName,
+    packageVersion: packageVersion,
 })(withAnalyticsEvents({
-  onBlanketClicked: createAndFireEventOnAtlaskit({
-    action: 'clicked',
-    actionSubject: 'blanket',
-    attributes: {
-      componentName: 'blanket',
-      packageName: packageName,
-      packageVersion: packageVersion
-    }
-  })
-})(Blanket));
+    onBlanketClicked: createAndFireEventOnAtlaskit({
+        action: 'clicked',
+        actionSubject: 'blanket',
+        attributes: {
+            componentName: 'blanket',
+            packageName: packageName,
+            packageVersion: packageVersion,
+        },
+    }),
+})(Blanket));
+//# sourceMappingURL=Blanket.js.map

CHANGELOG.md

 # @atlaskit/blanket
 
+## 9.0.0
+- [major] [38dab947e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/38dab947e6):
+
+  - Updated Blanket to TypeScript. Flow types are no longer exported.
+
 ## 8.0.3
@@ -4,0 +9,0 @@ - Updated dependencies [9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):

dist/package.json

 {
 	"name": "@atlaskit/blanket",
-	"version": "8.0.3",
+	"version": "9.0.0",
 	"sideEffects": false
 }

index.js

@@ -1,1 +0,2 @@
-export { default } from './Blanket';
+export { default } from './Blanket';
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@atlaskit/blanket",
-  "version": "8.0.3",
+  "version": "9.0.0",
   "description": "A React component that covers the underlying UI for a layered component.",
   "license": "Apache-2.0",
   "module": "index.js",
-  "atlaskit:src": "src/index.js",
+  "types": "index.d.ts",
+  "atlaskit:src": "src/index.ts",
   "atlaskit:designLink": "https://atlassian.design/guidelines/product/components/modal-dialog",
@@ -40,2 +41,2 @@ "sideEffects": false,
   ]
-}
+}

styled.js

@@ -0,16 +1,11 @@
+import * as tslib_1 from "tslib";
 import styled from 'styled-components';
 import { colors, themed, layers } from '@atlaskit/theme';
-var backgroundColor = themed({
-  light: colors.N100A,
-  dark: colors.DN90A
-});
-export var opacity = function opacity(p) {
-  return p.isTinted ? 1 : 0;
+var backgroundColor = themed({ light: colors.N100A, dark: colors.DN90A });
+export var opacity = function (p) { return (p.isTinted ? 1 : 0); };
+export var pointerEvents = function (p) {
+    return p.canClickThrough ? 'none' : 'initial';
 };
-export var pointerEvents = function pointerEvents(p) {
-  return p.canClickThrough ? 'none' : 'initial';
-};
-export default styled.div.withConfig({
-  displayName: "styled",
-  componentId: "knyj0u-0"
-})(["\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n"], backgroundColor, opacity, pointerEvents, layers.blanket);
+export default styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n"], ["\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n"])), backgroundColor, opacity, pointerEvents, layers.blanket);
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

version.json

 {
 	"name": "@atlaskit/blanket",
-	"version": "8.0.3",
+	"version": "9.0.0",
 	"sideEffects": false
 }

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

Improved metrics

Total package byte prevSize

24237

increased by7.08%

Number of package files

19

increased by35.71%

Lines of code

176

increased by21.38%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes