@atlaskit/dropdown-menu 11.5.1 → 11.5.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dropdown-menu
 
+## 11.5.2
+
+### Patch Changes
+
+- [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
+
 ## 11.5.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.1",
+	"version": "11.5.2",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.1",
+	"version": "11.5.2",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.1",
+	"version": "11.5.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.5.1",
+  "version": "11.5.2",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,13 +15,15 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -33,9 +35,9 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/menu": "^1.3.0",
-    "@atlaskit/popup": "^1.4.0",
+    "@atlaskit/popup": "^1.5.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -49,13 +51,13 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.0.0",
+    "@atlaskit/avatar": "^21.1.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/lozenge": "11.2.2",
-    "@atlaskit/modal-dialog": "^12.3.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/lozenge": "11.2.5",
+    "@atlaskit/modal-dialog": "^12.4.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -82,6 +84,7 @@
       "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "design-system": "v1",
+      "design-tokens": "spacing",
       "styling": [
         "static",
         "emotion"

package/report.api.md

@@ -1,12 +1,15 @@
-## API Report File for "@atlaskit/dropdown-menu"
+## API Report File for "@atlaskit/dropdown-menu".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 /// <reference types="react" />
 
 import type { CustomItemProps } from '@atlaskit/menu/types';
 import { default as DropdownItemGroup } from '@atlaskit/menu/section';
+import { jsx } from '@emotion/react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactElement } from 'react';
@@ -290,7 +293,7 @@ declare interface DropdownItemRadioProps {
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
-declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
+declare const DropdownMenu: (props: DropdownMenuProps) => jsx.JSX.Element;
 export default DropdownMenu;
 
 export declare interface DropdownMenuGroupProps extends SectionProps_2 {}
@@ -369,7 +372,7 @@ export declare interface DropdownMenuProps {
 
 export declare interface OnOpenChangeArgs {
   isOpen: boolean;
-  event?: MouseEvent_2 | KeyboardEvent_2;
+  event: MouseEvent_2 | KeyboardEvent_2;
 }
 
 declare type Placement =

package/dist/cjs/visual-regression/index.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _helper = require("@atlaskit/visual-regression/helper");
-
-var dropdownTrigger = '[data-testid="dropdown--trigger"]';
-var dropdownContent = '[data-testid="dropdown--content"]';
-describe('Snapshot Test', function () {
-  it('it should match visual snapshot for dropdown', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var url, _global, page, dropdownImage;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            url = (0, _helper.getExampleUrl)('design-system', 'dropdown-menu', 'default-dropdown-menu', global.__BASEURL__);
-            _global = global, page = _global.page;
-            _context.next = 4;
-            return (0, _helper.loadPage)(page, url);
-
-          case 4:
-            _context.next = 6;
-            return page.waitForSelector(dropdownContent);
-
-          case 6:
-            _context.next = 8;
-            return page.screenshot();
-
-          case 8:
-            dropdownImage = _context.sent;
-            expect(dropdownImage).toMatchProdImageSnapshot();
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('should accept custom zIndex', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-    var url, _global2, page, button, popupImage;
-
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            url = (0, _helper.getExampleUrl)('design-system', 'dropdown-menu', 'setting-z-index', global.__BASEURL__);
-            _global2 = global, page = _global2.page;
-            button = "[data-testid='popup--trigger']";
-            _context2.next = 5;
-            return (0, _helper.loadPage)(page, url);
-
-          case 5:
-            _context2.next = 7;
-            return page.waitForSelector(button);
-
-          case 7:
-            _context2.next = 9;
-            return page.click(button);
-
-          case 9:
-            _context2.next = 11;
-            return page.waitForSelector(dropdownTrigger);
-
-          case 11:
-            _context2.next = 13;
-            return page.click(dropdownTrigger);
-
-          case 13:
-            _context2.next = 15;
-            return page.waitForSelector(dropdownContent);
-
-          case 15:
-            _context2.next = 17;
-            return page.screenshot();
-
-          case 17:
-            popupImage = _context2.sent;
-            expect(popupImage).toMatchProdImageSnapshot();
-
-          case 19:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-});

package/dist/es2019/visual-regression/index.js

@@ -1,30 +0,0 @@
-import { getExampleUrl, loadPage } from '@atlaskit/visual-regression/helper';
-const dropdownTrigger = '[data-testid="dropdown--trigger"]';
-const dropdownContent = '[data-testid="dropdown--content"]';
-describe('Snapshot Test', () => {
-  it('it should match visual snapshot for dropdown', async () => {
-    const url = getExampleUrl('design-system', 'dropdown-menu', 'default-dropdown-menu', global.__BASEURL__);
-    const {
-      page
-    } = global;
-    await loadPage(page, url);
-    await page.waitForSelector(dropdownContent);
-    const dropdownImage = await page.screenshot();
-    expect(dropdownImage).toMatchProdImageSnapshot();
-  });
-  it('should accept custom zIndex', async () => {
-    const url = getExampleUrl('design-system', 'dropdown-menu', 'setting-z-index', global.__BASEURL__);
-    const {
-      page
-    } = global;
-    const button = "[data-testid='popup--trigger']";
-    await loadPage(page, url);
-    await page.waitForSelector(button);
-    await page.click(button);
-    await page.waitForSelector(dropdownTrigger);
-    await page.click(dropdownTrigger);
-    await page.waitForSelector(dropdownContent);
-    const popupImage = await page.screenshot();
-    expect(popupImage).toMatchProdImageSnapshot();
-  });
-});

package/dist/esm/visual-regression/index.js

@@ -1,86 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getExampleUrl, loadPage } from '@atlaskit/visual-regression/helper';
-var dropdownTrigger = '[data-testid="dropdown--trigger"]';
-var dropdownContent = '[data-testid="dropdown--content"]';
-describe('Snapshot Test', function () {
-  it('it should match visual snapshot for dropdown', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var url, _global, page, dropdownImage;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            url = getExampleUrl('design-system', 'dropdown-menu', 'default-dropdown-menu', global.__BASEURL__);
-            _global = global, page = _global.page;
-            _context.next = 4;
-            return loadPage(page, url);
-
-          case 4:
-            _context.next = 6;
-            return page.waitForSelector(dropdownContent);
-
-          case 6:
-            _context.next = 8;
-            return page.screenshot();
-
-          case 8:
-            dropdownImage = _context.sent;
-            expect(dropdownImage).toMatchProdImageSnapshot();
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('should accept custom zIndex', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var url, _global2, page, button, popupImage;
-
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            url = getExampleUrl('design-system', 'dropdown-menu', 'setting-z-index', global.__BASEURL__);
-            _global2 = global, page = _global2.page;
-            button = "[data-testid='popup--trigger']";
-            _context2.next = 5;
-            return loadPage(page, url);
-
-          case 5:
-            _context2.next = 7;
-            return page.waitForSelector(button);
-
-          case 7:
-            _context2.next = 9;
-            return page.click(button);
-
-          case 9:
-            _context2.next = 11;
-            return page.waitForSelector(dropdownTrigger);
-
-          case 11:
-            _context2.next = 13;
-            return page.click(dropdownTrigger);
-
-          case 13:
-            _context2.next = 15;
-            return page.waitForSelector(dropdownContent);
-
-          case 15:
-            _context2.next = 17;
-            return page.screenshot();
-
-          case 17:
-            popupImage = _context2.sent;
-            expect(popupImage).toMatchProdImageSnapshot();
-
-          case 19:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-});

package/dist/types/visual-regression/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types-ts4.0/visual-regression/index.d.ts

@@ -1 +0,0 @@
-export {};