@atlaskit/menu 1.3.10 → 1.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/menu-section/menu-group.js +20 -18
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/menu-section/menu-group.js +12 -12
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/menu-section/menu-group.js +19 -18
  7. package/dist/esm/version.json +1 -1
  8. package/package.json +6 -5
  9. package/report.api.md +4 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 1.3.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8f2153a45a7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f2153a45a7) - Convert Menu Group to use primitives.
8
+ - Updated dependencies
9
+
3
10
  ## 1.3.10
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/menu-section/menu-group.js CHANGED
@@ -13,12 +13,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
13
13
 
14
14
  var _core = require("@emotion/core");
15
15
 
16
+ var _dsExplorations = require("@atlaskit/ds-explorations");
17
+
16
18
  var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role"];
17
- var groupStyles = (0, _core.css)({
18
- display: 'flex',
19
- flexDirection: 'column',
20
- overflow: 'auto'
21
- });
19
+
22
20
  /**
23
21
  * __Menu group__
24
22
  *
@@ -27,7 +25,6 @@ var groupStyles = (0, _core.css)({
27
25
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
28
26
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
29
27
  */
30
-
31
28
  var MenuGroup = function MenuGroup(_ref) {
32
29
  var maxWidth = _ref.maxWidth,
33
30
  minWidth = _ref.minWidth,
@@ -36,18 +33,23 @@ var MenuGroup = function MenuGroup(_ref) {
36
33
  testId = _ref.testId,
37
34
  role = _ref.role,
38
35
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
39
- return (0, _core.jsx)("div", (0, _extends2.default)({
40
- style: {
41
- minWidth: minWidth,
42
- maxWidth: maxWidth,
43
- minHeight: minHeight,
44
- maxHeight: maxHeight
45
- },
46
- css: groupStyles,
47
- "data-testid": testId,
48
- role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
49
-
50
- }, rest));
36
+ return (// @ts-ignore type of rest/children needs to be made stricter to fit in Box -- string shouldn't be allowed
37
+ (0, _core.jsx)(_dsExplorations.UNSAFE_Box, (0, _extends2.default)({
38
+ UNSAFE_style: {
39
+ minWidth: minWidth,
40
+ maxWidth: maxWidth,
41
+ minHeight: minHeight,
42
+ maxHeight: maxHeight
43
+ },
44
+ display: "flex",
45
+ flexDirection: "column",
46
+ overflow: "auto",
47
+ testId: testId,
48
+ role: role,
49
+ position: "static" // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
50
+
51
+ }, rest))
52
+ );
51
53
  };
52
54
 
53
55
  var _default = MenuGroup;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.3.10",
3
+ "version": "1.3.11",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/menu-section/menu-group.js CHANGED
@@ -1,12 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
 
3
3
  /** @jsx jsx */
4
- import { css, jsx } from '@emotion/core';
5
- const groupStyles = css({
6
- display: 'flex',
7
- flexDirection: 'column',
8
- overflow: 'auto'
9
- });
4
+ import { jsx } from '@emotion/core';
5
+ import { UNSAFE_Box as Box } from '@atlaskit/ds-explorations';
6
+
10
7
  /**
11
8
  * __Menu group__
12
9
  *
@@ -15,7 +12,6 @@ const groupStyles = css({
15
12
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
16
13
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
17
14
  */
18
-
19
15
  const MenuGroup = ({
20
16
  maxWidth,
21
17
  minWidth,
@@ -24,16 +20,20 @@ const MenuGroup = ({
24
20
  testId,
25
21
  role,
26
22
  ...rest
27
- }) => jsx("div", _extends({
28
- style: {
23
+ }) => // @ts-ignore type of rest/children needs to be made stricter to fit in Box -- string shouldn't be allowed
24
+ jsx(Box, _extends({
25
+ UNSAFE_style: {
29
26
  minWidth,
30
27
  maxWidth,
31
28
  minHeight,
32
29
  maxHeight
33
30
  },
34
- css: groupStyles,
35
- "data-testid": testId,
36
- role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
31
+ display: "flex",
32
+ flexDirection: "column",
33
+ overflow: "auto",
34
+ testId: testId,
35
+ role: role,
36
+ position: "static" // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
37
37
 
38
38
  }, rest));
39
39
 
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.3.10",
3
+ "version": "1.3.11",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/menu-section/menu-group.js CHANGED
@@ -3,12 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role"];
4
4
 
5
5
  /** @jsx jsx */
6
- import { css, jsx } from '@emotion/core';
7
- var groupStyles = css({
8
- display: 'flex',
9
- flexDirection: 'column',
10
- overflow: 'auto'
11
- });
6
+ import { jsx } from '@emotion/core';
7
+ import { UNSAFE_Box as Box } from '@atlaskit/ds-explorations';
8
+
12
9
  /**
13
10
  * __Menu group__
14
11
  *
@@ -17,7 +14,6 @@ var groupStyles = css({
17
14
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
18
15
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
19
16
  */
20
-
21
17
  var MenuGroup = function MenuGroup(_ref) {
22
18
  var maxWidth = _ref.maxWidth,
23
19
  minWidth = _ref.minWidth,
@@ -27,18 +23,23 @@ var MenuGroup = function MenuGroup(_ref) {
27
23
  role = _ref.role,
28
24
  rest = _objectWithoutProperties(_ref, _excluded);
29
25
 
30
- return jsx("div", _extends({
31
- style: {
32
- minWidth: minWidth,
33
- maxWidth: maxWidth,
34
- minHeight: minHeight,
35
- maxHeight: maxHeight
36
- },
37
- css: groupStyles,
38
- "data-testid": testId,
39
- role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
26
+ return (// @ts-ignore type of rest/children needs to be made stricter to fit in Box -- string shouldn't be allowed
27
+ jsx(Box, _extends({
28
+ UNSAFE_style: {
29
+ minWidth: minWidth,
30
+ maxWidth: maxWidth,
31
+ minHeight: minHeight,
32
+ maxHeight: maxHeight
33
+ },
34
+ display: "flex",
35
+ flexDirection: "column",
36
+ overflow: "auto",
37
+ testId: testId,
38
+ role: role,
39
+ position: "static" // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
40
40
 
41
- }, rest));
41
+ }, rest))
42
+ );
42
43
  };
43
44
 
44
45
  export default MenuGroup;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.3.10",
3
+ "version": "1.3.11",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.3.10",
3
+ "version": "1.3.11",
4
4
  "description": "A collection of composable menu components that can be used anywhere.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,8 +43,9 @@
43
43
  ".": "./src/index.tsx"
44
44
  },
45
45
  "dependencies": {
46
+ "@atlaskit/ds-explorations": "^0.1.0",
46
47
  "@atlaskit/ds-lib": "^2.1.0",
47
- "@atlaskit/focus-ring": "^1.0.0",
48
+ "@atlaskit/focus-ring": "^1.1.0",
48
49
  "@atlaskit/theme": "^12.2.0",
49
50
  "@atlaskit/tokens": "^0.10.0",
50
51
  "@babel/runtime": "^7.0.0",
@@ -55,13 +56,13 @@
55
56
  "react-dom": "^16.8.0"
56
57
  },
57
58
  "devDependencies": {
58
- "@atlaskit/avatar": "^21.0.0",
59
+ "@atlaskit/avatar": "^21.1.0",
59
60
  "@atlaskit/button": "^16.3.0",
60
61
  "@atlaskit/docs": "*",
61
- "@atlaskit/icon": "^21.10.0",
62
+ "@atlaskit/icon": "^21.11.0",
62
63
  "@atlaskit/icon-file-type": "^6.0.0",
63
64
  "@atlaskit/icon-object": "^6.0.0",
64
- "@atlaskit/section-message": "^6.2.0",
65
+ "@atlaskit/section-message": "^6.3.0",
65
66
  "@atlaskit/visual-regression": "*",
66
67
  "@atlaskit/webdriver-runner": "*",
67
68
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
package/report.api.md CHANGED
@@ -1,6 +1,8 @@
1
- ## API Report File for "@atlaskit/menu"
1
+ ## API Report File for "@atlaskit/menu".
2
2
 
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
3
+ > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
4
6
 
5
7
  ```ts
6
8
  /// <reference types="react" />