@atlaskit/link-datasource 7.0.3 → 7.0.5

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 CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 7.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7f8048d956848`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f8048d956848) -
8
+ [ux] Behind the `platform_lp_jira_searchbar_wrap_a11y` feature gate, the Jira search container now
9
+ wraps the basic search input above the basic filters when space is limited (e.g. at 200% zoom with
10
+ a long project name selected), so the search input remains visible. Adds a long project name to
11
+ the basic filter test mocks.
12
+ - Updated dependencies
13
+
14
+ ## 7.0.4
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 7.0.3
4
21
 
5
22
  ### Patch Changes
@@ -82,9 +82,9 @@ var mockFieldValuesResponse = exports.mockFieldValuesResponse = {
82
82
  jira: {
83
83
  jqlBuilder: {
84
84
  fieldValues: {
85
- totalCount: 4,
85
+ totalCount: 5,
86
86
  pageInfo: {
87
- endCursor: 'YXJyYXljb25uZWN0aW9uOjM='
87
+ endCursor: 'YXJyYXljb25uZWN0aW9uOjQ='
88
88
  },
89
89
  edges: [{
90
90
  node: {
@@ -126,6 +126,16 @@ var mockFieldValuesResponse = exports.mockFieldValuesResponse = {
126
126
  }
127
127
  }
128
128
  }
129
+ }, {
130
+ node: {
131
+ jqlTerm: '"Sample Scrum Project A"',
132
+ displayName: 'Sample Scrum Project A',
133
+ project: {
134
+ avatar: {
135
+ small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10412?size=small'
136
+ }
137
+ }
138
+ }
129
139
  }]
130
140
  }
131
141
  }
@@ -2,5 +2,7 @@
2
2
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
3
3
  ._1bsb1osq{width:100%}
4
4
  ._1e0c1txw{display:flex}
5
+ ._1n261g80{flex-wrap:wrap}
6
+ ._1p57u2gc{row-gap:var(--ds-space-100,8px)}
5
7
  ._1tket9kd{min-height:72px}
6
8
  ._4cvr1y6m{align-items:flex-start}
@@ -15,6 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
15
15
  var _react = _interopRequireWildcard(require("react"));
16
16
  var _reactIntl = require("react-intl");
17
17
  var _useDebounce = require("use-debounce");
18
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
18
19
  var _compiled = require("@atlaskit/primitives/compiled");
19
20
  var _analytics = require("../../../analytics");
20
21
  var _basicSearchInput = require("../../common/modal/basic-search-input");
@@ -34,6 +35,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
34
35
  var styles = {
35
36
  basicSearchInputBoxStyles: "_1bsb1osq",
36
37
  basicSearchInputContainerStyles: "_16jlkb7n",
38
+ basicSearchInputContainerWrapStyles: "_16jlkb7n _1n261g80 _1p57u2gc",
37
39
  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
38
40
  modeSwitcherContainerStyles: "_19pk1b66"
39
41
  };
@@ -216,7 +218,7 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
216
218
  xcss: styles.basicSearchInputBoxStyles
217
219
  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
218
220
  alignItems: "center",
219
- xcss: styles.basicSearchInputContainerStyles
221
+ xcss: (0, _fg.fg)('platform_lp_jira_searchbar_wrap_a11y') ? styles.basicSearchInputContainerWrapStyles : styles.basicSearchInputContainerStyles
220
222
  }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
221
223
  isSearching: isSearching,
222
224
  onChange: handleBasicSearchChange,
@@ -76,9 +76,9 @@ export const mockFieldValuesResponse = {
76
76
  jira: {
77
77
  jqlBuilder: {
78
78
  fieldValues: {
79
- totalCount: 4,
79
+ totalCount: 5,
80
80
  pageInfo: {
81
- endCursor: 'YXJyYXljb25uZWN0aW9uOjM='
81
+ endCursor: 'YXJyYXljb25uZWN0aW9uOjQ='
82
82
  },
83
83
  edges: [{
84
84
  node: {
@@ -120,6 +120,16 @@ export const mockFieldValuesResponse = {
120
120
  }
121
121
  }
122
122
  }
123
+ }, {
124
+ node: {
125
+ jqlTerm: '"Sample Scrum Project A"',
126
+ displayName: 'Sample Scrum Project A',
127
+ project: {
128
+ avatar: {
129
+ small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10412?size=small'
130
+ }
131
+ }
132
+ }
123
133
  }]
124
134
  }
125
135
  }
@@ -2,5 +2,7 @@
2
2
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
3
3
  ._1bsb1osq{width:100%}
4
4
  ._1e0c1txw{display:flex}
5
+ ._1n261g80{flex-wrap:wrap}
6
+ ._1p57u2gc{row-gap:var(--ds-space-100,8px)}
5
7
  ._1tket9kd{min-height:72px}
6
8
  ._4cvr1y6m{align-items:flex-start}
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useEffect, useMemo, useState } from 'react';
5
5
  import { useIntl } from 'react-intl';
6
6
  import { useDebouncedCallback } from 'use-debounce';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
8
  import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
8
9
  import { useDatasourceAnalyticsEvents } from '../../../analytics';
9
10
  import { BasicSearchInput } from '../../common/modal/basic-search-input';
@@ -19,6 +20,7 @@ import { modeSwitcherMessages } from './messages';
19
20
  const styles = {
20
21
  basicSearchInputBoxStyles: "_1bsb1osq",
21
22
  basicSearchInputContainerStyles: "_16jlkb7n",
23
+ basicSearchInputContainerWrapStyles: "_16jlkb7n _1n261g80 _1p57u2gc",
22
24
  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
23
25
  modeSwitcherContainerStyles: "_19pk1b66"
24
26
  };
@@ -182,7 +184,7 @@ export const JiraSearchContainer = props => {
182
184
  xcss: styles.basicSearchInputBoxStyles
183
185
  }, /*#__PURE__*/React.createElement(Flex, {
184
186
  alignItems: "center",
185
- xcss: styles.basicSearchInputContainerStyles
187
+ xcss: fg('platform_lp_jira_searchbar_wrap_a11y') ? styles.basicSearchInputContainerWrapStyles : styles.basicSearchInputContainerStyles
186
188
  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
187
189
  isSearching: isSearching,
188
190
  onChange: handleBasicSearchChange,
@@ -76,9 +76,9 @@ export var mockFieldValuesResponse = {
76
76
  jira: {
77
77
  jqlBuilder: {
78
78
  fieldValues: {
79
- totalCount: 4,
79
+ totalCount: 5,
80
80
  pageInfo: {
81
- endCursor: 'YXJyYXljb25uZWN0aW9uOjM='
81
+ endCursor: 'YXJyYXljb25uZWN0aW9uOjQ='
82
82
  },
83
83
  edges: [{
84
84
  node: {
@@ -120,6 +120,16 @@ export var mockFieldValuesResponse = {
120
120
  }
121
121
  }
122
122
  }
123
+ }, {
124
+ node: {
125
+ jqlTerm: '"Sample Scrum Project A"',
126
+ displayName: 'Sample Scrum Project A',
127
+ project: {
128
+ avatar: {
129
+ small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10412?size=small'
130
+ }
131
+ }
132
+ }
123
133
  }]
124
134
  }
125
135
  }
@@ -2,5 +2,7 @@
2
2
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
3
3
  ._1bsb1osq{width:100%}
4
4
  ._1e0c1txw{display:flex}
5
+ ._1n261g80{flex-wrap:wrap}
6
+ ._1p57u2gc{row-gap:var(--ds-space-100,8px)}
5
7
  ._1tket9kd{min-height:72px}
6
8
  ._4cvr1y6m{align-items:flex-start}
@@ -10,6 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
10
10
  import React, { useCallback, useEffect, useMemo, useState } from 'react';
11
11
  import { useIntl } from 'react-intl';
12
12
  import { useDebouncedCallback } from 'use-debounce';
13
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
13
14
  import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
14
15
  import { useDatasourceAnalyticsEvents } from '../../../analytics';
15
16
  import { BasicSearchInput } from '../../common/modal/basic-search-input';
@@ -25,6 +26,7 @@ import { modeSwitcherMessages } from './messages';
25
26
  var styles = {
26
27
  basicSearchInputBoxStyles: "_1bsb1osq",
27
28
  basicSearchInputContainerStyles: "_16jlkb7n",
29
+ basicSearchInputContainerWrapStyles: "_16jlkb7n _1n261g80 _1p57u2gc",
28
30
  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
29
31
  modeSwitcherContainerStyles: "_19pk1b66"
30
32
  };
@@ -207,7 +209,7 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
207
209
  xcss: styles.basicSearchInputBoxStyles
208
210
  }, /*#__PURE__*/React.createElement(Flex, {
209
211
  alignItems: "center",
210
- xcss: styles.basicSearchInputContainerStyles
212
+ xcss: fg('platform_lp_jira_searchbar_wrap_a11y') ? styles.basicSearchInputContainerWrapStyles : styles.basicSearchInputContainerStyles
211
213
  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
212
214
  isSearching: isSearching,
213
215
  onChange: handleBasicSearchChange,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "7.0.3",
3
+ "version": "7.0.5",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -70,7 +70,7 @@
70
70
  "@atlaskit/linking-common": "^13.0.0",
71
71
  "@atlaskit/linking-types": "^16.0.0",
72
72
  "@atlaskit/logo": "^23.3.0",
73
- "@atlaskit/lozenge": "^15.4.0",
73
+ "@atlaskit/lozenge": "^16.0.0",
74
74
  "@atlaskit/modal-dialog": "^17.0.0",
75
75
  "@atlaskit/object": "^2.3.0",
76
76
  "@atlaskit/outbound-auth-flow-client": "^4.2.0",
@@ -89,11 +89,11 @@
89
89
  "@atlaskit/smart-card": "^46.1.0",
90
90
  "@atlaskit/smart-user-picker": "^12.0.0",
91
91
  "@atlaskit/spinner": "^20.4.0",
92
- "@atlaskit/tag": "^16.0.0",
92
+ "@atlaskit/tag": "^17.0.0",
93
93
  "@atlaskit/textfield": "^10.2.0",
94
94
  "@atlaskit/theme": "^28.2.0",
95
95
  "@atlaskit/toggle": "^17.3.0",
96
- "@atlaskit/tokens": "^20.0.0",
96
+ "@atlaskit/tokens": "^20.1.0",
97
97
  "@atlaskit/tooltip": "^24.3.0",
98
98
  "@atlaskit/ufo": "^2.0.0",
99
99
  "@atlaskit/user-picker": "^14.0.0",
@@ -127,7 +127,7 @@
127
127
  "@atlaskit/ssr": "workspace:^",
128
128
  "@atlaskit/textarea": "^10.2.0",
129
129
  "@atlassian/a11y-jest-testing": "^0.17.0",
130
- "@atlassian/a11y-playwright-testing": "^0.12.0",
130
+ "@atlassian/a11y-playwright-testing": "^0.13.0",
131
131
  "@atlassian/experiment-test-utils": "^0.2.0",
132
132
  "@atlassian/feature-flags-test-utils": "^1.3.0",
133
133
  "@atlassian/structured-docs-types": "workspace:^",
@@ -192,6 +192,10 @@
192
192
  "platform-dst-top-layer-tooltip": {
193
193
  "type": "boolean",
194
194
  "referenceOnly": true
195
+ },
196
+ "platform_lp_jira_searchbar_wrap_a11y": {
197
+ "type": "boolean",
198
+ "referenceOnly": true
195
199
  }
196
200
  },
197
201
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"