@atlaskit/dropdown-menu 16.3.13 → 16.3.15
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.
- package/CHANGELOG.md +12 -14
- package/dist/cjs/internal/components/checkbox-icon.js +1 -3
- package/dist/cjs/internal/components/radio-icon.js +1 -3
- package/dist/es2019/internal/components/checkbox-icon.js +1 -3
- package/dist/es2019/internal/components/radio-icon.js +1 -3
- package/dist/esm/internal/components/checkbox-icon.js +1 -3
- package/dist/esm/internal/components/radio-icon.js +1 -3
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/dropdown-menu
|
|
2
2
|
|
|
3
|
+
## 16.3.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 16.3.14
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 16.3.13
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -672,7 +684,6 @@
|
|
|
672
684
|
|
|
673
685
|
**Usage:** The `strategy` prop can be set to either `'absolute'` or `'fixed'`, with the default
|
|
674
686
|
being `'fixed'`.
|
|
675
|
-
|
|
676
687
|
- **`'fixed'`:** Positions the dropdown relative to the browser's viewport. This ensures that the
|
|
677
688
|
dropdown remains in the same position regardless of page scrolling, making it ideal for
|
|
678
689
|
dropdowns that need to maintain a consistent position on the screen.
|
|
@@ -699,7 +710,6 @@
|
|
|
699
710
|
```
|
|
700
711
|
|
|
701
712
|
**Important Considerations:**
|
|
702
|
-
|
|
703
713
|
- When using the `shouldFitContainer` prop, the `strategy` cannot be set to `'fixed'`. In such
|
|
704
714
|
cases, the dropdown defaults to the `'absolute'` strategy to ensure proper rendering within the
|
|
705
715
|
container.
|
|
@@ -1906,7 +1916,6 @@
|
|
|
1906
1916
|
documentation for more details on the codemod CLI.
|
|
1907
1917
|
|
|
1908
1918
|
## Behaviour changes
|
|
1909
|
-
|
|
1910
1919
|
- _Portaling_ – The dropdown menu is now rendered in a React Portal and is appended at the bottom
|
|
1911
1920
|
of the `<body>`. In most cases, this shouldn't make much of a difference. But if you have any
|
|
1912
1921
|
tests that assert on DOM/React tree like snapshot tests, those will need to be updated.
|
|
@@ -1923,7 +1932,6 @@
|
|
|
1923
1932
|
override the default behaviour by setting shouldTitleWrap and shouldDescriptionWrap to false.
|
|
1924
1933
|
|
|
1925
1934
|
## Visual changes
|
|
1926
|
-
|
|
1927
1935
|
- _Menu item padding_ – Dropdown menu items have 16px more padding horizontally.
|
|
1928
1936
|
- _Removed elemAfter in group title_ – Icon after the group title has been removed.
|
|
1929
1937
|
|
|
@@ -1932,7 +1940,6 @@
|
|
|
1932
1940
|
Dropdown menu items no longer `@atlaskit/item` as the underlying component, they use
|
|
1933
1941
|
`@atlaskit/menu` instead. This mean that some of the props that used to be spread over an Item are
|
|
1934
1942
|
no longer supported. In addition to that, the following API changes have been made:
|
|
1935
|
-
|
|
1936
1943
|
- `shouldFitContainer` – Deprecated. This prop has been deprecated and the codemod will remove it.
|
|
1937
1944
|
- `shouldAllowMultiline` – This prop has been split up into two: shouldTitleWrap and
|
|
1938
1945
|
shouldDescriptionWrap. The codemod replaces its occurance with the two new ones.
|
|
@@ -1964,7 +1971,6 @@
|
|
|
1964
1971
|
directly applied to the first menu item.
|
|
1965
1972
|
|
|
1966
1973
|
## Entrypoint changes
|
|
1967
|
-
|
|
1968
1974
|
- `DropdownMenuStateless` – DropdownMenuStateless has been deprecated. The default export
|
|
1969
1975
|
DropdownMenu handles both stateless and stateful logic. The API for DropdownMenuStateless has
|
|
1970
1976
|
been retained and works as expected with DropdownMenu.The codemod converts the named import into
|
|
@@ -2318,7 +2324,6 @@
|
|
|
2318
2324
|
|
|
2319
2325
|
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
|
|
2320
2326
|
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
2321
|
-
|
|
2322
2327
|
- @atlaskit/docs@8.3.2
|
|
2323
2328
|
- @atlaskit/analytics-next@6.3.5
|
|
2324
2329
|
- @atlaskit/avatar@17.1.7
|
|
@@ -2563,13 +2568,11 @@
|
|
|
2563
2568
|
## 8.0.1
|
|
2564
2569
|
|
|
2565
2570
|
- [patch][ee788e6434](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ee788e6434):
|
|
2566
|
-
|
|
2567
2571
|
- Fix analytics for the toggle dropdownMenu event
|
|
2568
2572
|
|
|
2569
2573
|
## 8.0.0
|
|
2570
2574
|
|
|
2571
2575
|
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
|
|
2572
|
-
|
|
2573
2576
|
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
|
|
2574
2577
|
this package, please ensure you use at least this version of react and react-dom.
|
|
2575
2578
|
|
|
@@ -2596,7 +2599,6 @@
|
|
|
2596
2599
|
## 7.0.5
|
|
2597
2600
|
|
|
2598
2601
|
- [patch][6fd20256f3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6fd20256f3):
|
|
2599
|
-
|
|
2600
2602
|
- Add positionFixed property to Popper
|
|
2601
2603
|
|
|
2602
2604
|
## 7.0.4
|
|
@@ -2625,7 +2627,6 @@
|
|
|
2625
2627
|
## 7.0.2
|
|
2626
2628
|
|
|
2627
2629
|
- [patch][dc114c4ce6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dc114c4ce6):
|
|
2628
|
-
|
|
2629
2630
|
- Internal changes only. DropdownMenu is now compatible with SSR.
|
|
2630
2631
|
|
|
2631
2632
|
## 7.0.1
|
|
@@ -2644,7 +2645,6 @@
|
|
|
2644
2645
|
## 7.0.0
|
|
2645
2646
|
|
|
2646
2647
|
- [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
|
|
2647
|
-
|
|
2648
2648
|
- Drop ES5 from all the flow modules
|
|
2649
2649
|
|
|
2650
2650
|
### Dropping CJS support in all @atlaskit packages
|
|
@@ -2751,13 +2751,11 @@
|
|
|
2751
2751
|
## 6.1.21
|
|
2752
2752
|
|
|
2753
2753
|
- [patch][1fb2c2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1fb2c2a):
|
|
2754
|
-
|
|
2755
2754
|
- Fixed issue where tooltips and modals would initially render in the wrong location
|
|
2756
2755
|
|
|
2757
2756
|
## 6.1.20
|
|
2758
2757
|
|
|
2759
2758
|
- [patch][fe943bb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/fe943bb" d):
|
|
2760
|
-
|
|
2761
2759
|
- Make sure we check userAgent only if we have a DOM
|
|
2762
2760
|
|
|
2763
2761
|
## 6.1.19
|
|
@@ -25,9 +25,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
|
|
|
25
25
|
secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
|
|
26
26
|
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
27
27
|
fillRule: "evenodd"
|
|
28
|
-
},
|
|
29
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
30
|
-
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
28
|
+
}, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
31
29
|
stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
|
|
32
30
|
x: "5.5",
|
|
33
31
|
y: "5.5",
|
|
@@ -25,9 +25,7 @@ var RadioIcon = function RadioIcon(_ref) {
|
|
|
25
25
|
secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
|
|
26
26
|
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
27
27
|
fillRule: "evenodd"
|
|
28
|
-
},
|
|
29
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
30
|
-
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("circle", {
|
|
28
|
+
}, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("circle", {
|
|
31
29
|
cx: "12",
|
|
32
30
|
cy: "12",
|
|
33
31
|
r: "7.5",
|
|
@@ -19,9 +19,7 @@ const CheckboxIcon = ({
|
|
|
19
19
|
secondaryColor: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
|
|
20
20
|
}, /*#__PURE__*/React.createElement("g", {
|
|
21
21
|
fillRule: "evenodd"
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
24
|
-
fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
|
|
22
|
+
}, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
|
|
25
23
|
stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
|
|
26
24
|
x: "5.5",
|
|
27
25
|
y: "5.5",
|
|
@@ -19,9 +19,7 @@ const RadioIcon = ({
|
|
|
19
19
|
secondaryColor: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
|
|
20
20
|
}, /*#__PURE__*/React.createElement("g", {
|
|
21
21
|
fillRule: "evenodd"
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
24
|
-
fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
|
|
22
|
+
}, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
|
|
25
23
|
cx: "12",
|
|
26
24
|
cy: "12",
|
|
27
25
|
r: "7.5",
|
|
@@ -18,9 +18,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
|
|
|
18
18
|
secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
|
|
19
19
|
}, /*#__PURE__*/React.createElement("g", {
|
|
20
20
|
fillRule: "evenodd"
|
|
21
|
-
},
|
|
22
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
23
|
-
fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
|
|
21
|
+
}, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
|
|
24
22
|
stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
|
|
25
23
|
x: "5.5",
|
|
26
24
|
y: "5.5",
|
|
@@ -18,9 +18,7 @@ var RadioIcon = function RadioIcon(_ref) {
|
|
|
18
18
|
secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
|
|
19
19
|
}, /*#__PURE__*/React.createElement("g", {
|
|
20
20
|
fillRule: "evenodd"
|
|
21
|
-
},
|
|
22
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
23
|
-
fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
|
|
21
|
+
}, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
|
|
24
22
|
cx: "12",
|
|
25
23
|
cy: "12",
|
|
26
24
|
r: "7.5",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dropdown-menu",
|
|
3
|
-
"version": "16.3.
|
|
3
|
+
"version": "16.3.15",
|
|
4
4
|
"description": "A dropdown menu displays a list of actions or options to a user.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -24,18 +24,18 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/button": "^23.
|
|
28
|
-
"@atlaskit/css": "^0.
|
|
27
|
+
"@atlaskit/button": "^23.5.0",
|
|
28
|
+
"@atlaskit/css": "^0.15.0",
|
|
29
29
|
"@atlaskit/ds-lib": "^5.1.0",
|
|
30
|
-
"@atlaskit/icon": "^28.
|
|
31
|
-
"@atlaskit/layering": "^3.
|
|
30
|
+
"@atlaskit/icon": "^28.5.0",
|
|
31
|
+
"@atlaskit/layering": "^3.1.0",
|
|
32
32
|
"@atlaskit/menu": "^8.4.0",
|
|
33
33
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
34
34
|
"@atlaskit/popup": "^4.4.0",
|
|
35
|
-
"@atlaskit/primitives": "^
|
|
35
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
36
36
|
"@atlaskit/spinner": "^19.0.0",
|
|
37
37
|
"@atlaskit/theme": "^21.0.0",
|
|
38
|
-
"@atlaskit/tokens": "^
|
|
38
|
+
"@atlaskit/tokens": "^7.0.0",
|
|
39
39
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
40
40
|
"@babel/runtime": "^7.0.0",
|
|
41
41
|
"bind-event-listener": "^3.0.0"
|
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
"@af/visual-regression": "workspace:^",
|
|
51
51
|
"@atlaskit/app-provider": "^3.2.0",
|
|
52
52
|
"@atlaskit/atlassian-navigation": "^5.3.0",
|
|
53
|
-
"@atlaskit/avatar": "^25.
|
|
53
|
+
"@atlaskit/avatar": "^25.4.0",
|
|
54
54
|
"@atlaskit/checkbox": "^17.1.0",
|
|
55
|
-
"@atlaskit/docs": "^11.
|
|
55
|
+
"@atlaskit/docs": "^11.2.0",
|
|
56
56
|
"@atlaskit/form": "^14.2.0",
|
|
57
57
|
"@atlaskit/heading": "^5.2.0",
|
|
58
58
|
"@atlaskit/link": "^3.2.0",
|
|
59
59
|
"@atlaskit/lozenge": "^13.0.0",
|
|
60
|
-
"@atlaskit/modal-dialog": "^14.
|
|
60
|
+
"@atlaskit/modal-dialog": "^14.5.0",
|
|
61
61
|
"@atlaskit/section-message": "^8.7.0",
|
|
62
62
|
"@atlaskit/textfield": "^8.0.0",
|
|
63
63
|
"@atlaskit/toggle": "^15.1.0",
|