@atlaskit/tag-group - npm Package Compare versions

Comparing version 8.0.2 to 9.0.0

CHANGELOG.md

 # @atlaskit/tag-group
 
+## 9.0.0
+
+### Major Changes
+
+- [major][cc461c0022](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cc461c0022):
+
+  @atlaskit/tag-group has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.
+
 ## 8.0.2
@@ -4,0 +12,0 @@

dist/cjs/index.js

 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _TagGroup.default;
-  }
-});
-
-var _TagGroup = _interopRequireDefault(require("./TagGroup"));
+Object.defineProperty(exports, "__esModule", { value: true });
+var TagGroup_1 = require("./TagGroup");
+exports.default = TagGroup_1.default;
+//# sourceMappingURL=index.js.map

dist/cjs/TagGroup/index.js

 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styled = require("./styled");
-
-var TagGroup =
-/*#__PURE__*/
-function (_PureComponent) {
-  (0, _inherits2.default)(TagGroup, _PureComponent);
-
-  function TagGroup() {
-    (0, _classCallCheck2.default)(this, TagGroup);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TagGroup).apply(this, arguments));
-  }
-
-  (0, _createClass2.default)(TagGroup, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          alignment = _this$props.alignment,
-          children = _this$props.children;
-      return _react.default.createElement(_styled.Container, {
-        justify: alignment
-      }, children);
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var styled_1 = require("./styled");
+var TagGroup = /** @class */ (function (_super) {
+    tslib_1.__extends(TagGroup, _super);
+    function TagGroup() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-  }]);
-  return TagGroup;
-}(_react.PureComponent);
-
+    TagGroup.prototype.render = function () {
+        var _a = this.props, alignment = _a.alignment, children = _a.children;
+        return react_1.default.createElement(styled_1.Container, { justify: alignment }, children);
+    };
+    TagGroup.defaultProps = {
+        alignment: 'start',
+    };
+    return TagGroup;
+}(react_1.PureComponent));
 exports.default = TagGroup;
-(0, _defineProperty2.default)(TagGroup, "defaultProps", {
-  alignment: 'start'
-});
+//# sourceMappingURL=index.js.map

dist/cjs/TagGroup/styled.js

 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"])), function (_a) {
+    var justify = _a.justify;
+    return "flex-" + justify;
 });
-exports.Container = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var Container = _styledComponents.default.div.withConfig({
-  displayName: "styled__Container",
-  componentId: "sc-10k86ql-0"
-})(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"], function (_ref) {
-  var justify = _ref.justify;
-  return "flex-".concat(justify);
-});
-
-exports.Container = Container;
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

dist/cjs/version.json

 {
 	"name": "@atlaskit/tag-group",
-	"version": "8.0.2",
+	"version": "9.0.0",
 	"sideEffects": false
 }

dist/esm/index.js

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

dist/esm/TagGroup/index.js

@@ -1,40 +0,19 @@
-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 * as tslib_1 from "tslib";
 import React, { PureComponent } from 'react';
 import { Container } from './styled';
-
-var TagGroup =
-/*#__PURE__*/
-function (_PureComponent) {
-  _inherits(TagGroup, _PureComponent);
-
-  function TagGroup() {
-    _classCallCheck(this, TagGroup);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(TagGroup).apply(this, arguments));
-  }
-
-  _createClass(TagGroup, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          alignment = _this$props.alignment,
-          children = _this$props.children;
-      return React.createElement(Container, {
-        justify: alignment
-      }, children);
+var TagGroup = /** @class */ (function (_super) {
+    tslib_1.__extends(TagGroup, _super);
+    function TagGroup() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-  }]);
-
-  return TagGroup;
-}(PureComponent);
-
-_defineProperty(TagGroup, "defaultProps", {
-  alignment: 'start'
-});
-
-export { TagGroup as default };
+    TagGroup.prototype.render = function () {
+        var _a = this.props, alignment = _a.alignment, children = _a.children;
+        return React.createElement(Container, { justify: alignment }, children);
+    };
+    TagGroup.defaultProps = {
+        alignment: 'start',
+    };
+    return TagGroup;
+}(PureComponent));
+export default TagGroup;
+//# sourceMappingURL=index.js.map

dist/esm/TagGroup/styled.js

@@ -0,8 +1,8 @@
+import * as tslib_1 from "tslib";
 import styled from 'styled-components';
-export var Container = styled.div.withConfig({
-  displayName: "styled__Container",
-  componentId: "sc-10k86ql-0"
-})(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"], function (_ref) {
-  var justify = _ref.justify;
-  return "flex-".concat(justify);
-});
+export var Container = styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: ", ";\n  width: 100%;\n"])), function (_a) {
+    var justify = _a.justify;
+    return "flex-" + justify;
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

dist/esm/version.json

 {
 	"name": "@atlaskit/tag-group",
-	"version": "8.0.2",
+	"version": "9.0.0",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/tag-group",
-  "version": "8.0.2",
+  "version": "9.0.0",
   "description": "A React component used for grouping and controlling @atlskit/tag components",
@@ -8,3 +8,4 @@ "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
-  "atlaskit:src": "src/index.js",
+  "types": "dist/cjs/index.d.ts",
+  "atlaskit:src": "src/index.ts",
   "sideEffects": false,
@@ -25,3 +26,3 @@ "atlaskit:designLink": "https://atlassian.design/guidelines/product/components/tags",
   "dependencies": {
-    "@babel/runtime": "^7.0.0"
+    "tslib": "^1.9.3"
   },
@@ -28,0 +29,0 @@ "peerDependencies": {

tmp/package.json

 {
 	"name": "@atlaskit/tag-group",
-	"version": "8.0.2",
+	"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

21149

increased by6.21%

Number of package files

29

increased by38.1%

Lines of code

201

increased by16.18%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedtslib@^1.9.3

• + Addedtslib@1.14.1(transitive)

• - Removed@babel/runtime@^7.0.0

• - Removed@babel/runtime@7.26.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)