@atlaskit/progress-indicator 9.2.4 → 9.2.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/progress-indicator
 
+## 9.2.7
+
+### Patch Changes
+
+- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
+
+## 9.2.6
+
+### Patch Changes
+
+- [`e4b612d1c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4b612d1c48) - Internal migration to bind-event-listener for safer DOM Event cleanup
+- Updated dependencies
+
+## 9.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.2.4
 
 ### Patch Changes

package/dist/cjs/components/progress-dots.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _core = require("@emotion/core");
 
+var _bindEventListener = require("bind-event-listener");
+
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
@@ -33,7 +35,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /** @jsx jsx */
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.2.4";
+var packageVersion = "9.2.7";
 var containerStyles = (0, _core.css)({
   display: 'flex',
   justifyContent: 'center',
@@ -107,15 +109,17 @@ var ProgressDots = function ProgressDots(_ref) {
     }
   }, [onSelectWithAnalytics, selectedIndex, values, onSelect]);
   (0, _react.useEffect)(function () {
-    if (onSelect) {
-      document.addEventListener('keydown', handleKeyDown, false);
+    if (!onSelect) {
+      return _noop.default;
     }
 
-    return function () {
-      if (onSelect) {
-        document.removeEventListener('keydown', handleKeyDown);
+    return (0, _bindEventListener.bind)(document, {
+      type: 'keydown',
+      listener: handleKeyDown,
+      options: {
+        capture: false
       }
-    };
+    });
   }, [onSelect, handleKeyDown]);
   var theme = (0, _components.useGlobalTheme)();
   return (0, _core.jsx)("div", {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.2.4",
+	"version": "9.2.7",
 	"sideEffects": false
 }

package/dist/es2019/components/progress-dots.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React, { useCallback, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/core';
+import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { useGlobalTheme } from '@atlaskit/theme/components';
@@ -8,7 +9,7 @@ import { getBgColor } from './appearances';
 import { sizes, spacingDivision, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 const packageName = "@atlaskit/progress-indicator";
-const packageVersion = "9.2.4";
+const packageVersion = "9.2.7";
 const containerStyles = css({
   display: 'flex',
   justifyContent: 'center',
@@ -78,15 +79,17 @@ const ProgressDots = ({
     }
   }, [onSelectWithAnalytics, selectedIndex, values, onSelect]);
   useEffect(() => {
-    if (onSelect) {
-      document.addEventListener('keydown', handleKeyDown, false);
+    if (!onSelect) {
+      return noop;
     }
 
-    return () => {
-      if (onSelect) {
-        document.removeEventListener('keydown', handleKeyDown);
+    return bind(document, {
+      type: 'keydown',
+      listener: handleKeyDown,
+      options: {
+        capture: false
       }
-    };
+    });
   }, [onSelect, handleKeyDown]);
   const theme = useGlobalTheme();
   return jsx("div", {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.2.4",
+	"version": "9.2.7",
 	"sideEffects": false
 }

package/dist/esm/components/progress-dots.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { useCallback, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/core';
+import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { useGlobalTheme } from '@atlaskit/theme/components';
@@ -10,7 +11,7 @@ import { getBgColor } from './appearances';
 import { sizes, spacingDivision, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.2.4";
+var packageVersion = "9.2.7";
 var containerStyles = css({
   display: 'flex',
   justifyContent: 'center',
@@ -84,15 +85,17 @@ var ProgressDots = function ProgressDots(_ref) {
     }
   }, [onSelectWithAnalytics, selectedIndex, values, onSelect]);
   useEffect(function () {
-    if (onSelect) {
-      document.addEventListener('keydown', handleKeyDown, false);
+    if (!onSelect) {
+      return noop;
     }
 
-    return function () {
-      if (onSelect) {
-        document.removeEventListener('keydown', handleKeyDown);
+    return bind(document, {
+      type: 'keydown',
+      listener: handleKeyDown,
+      options: {
+        capture: false
       }
-    };
+    });
   }, [onSelect, handleKeyDown]);
   var theme = useGlobalTheme();
   return jsx("div", {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.2.4",
+	"version": "9.2.7",
 	"sideEffects": false
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/progress-indicator",
-  "version": "9.2.4",
+  "version": "9.2.7",
   "description": "A progress indicator shows the user where they are along the steps of a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -18,17 +18,19 @@
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
-      "name": "Progress indicator"
+      "name": "Progress indicator",
+      "category": "Components"
     }
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/ds-lib": "^1.4.0",
+    "@atlaskit/ds-lib": "^2.0.0",
     "@atlaskit/focus-ring": "^1.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.9.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/core": "^10.0.9",
+    "bind-event-listener": "^2.1.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -54,6 +56,7 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "design-system": "v1",
       "styling": [

package/types/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": false,
   "types": "../dist/types/types.d.ts"
 }