@atlaskit/link-datasource 4.10.3 → 4.10.4

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 +8 -0
  2. package/compass.yml +43 -0
  3. package/dist/cjs/ui/common/modal/popup-select/control.compiled.css +15 -1
  4. package/dist/cjs/ui/common/modal/popup-select/control.js +20 -1
  5. package/dist/es2019/ui/common/modal/popup-select/control.compiled.css +15 -1
  6. package/dist/es2019/ui/common/modal/popup-select/control.js +20 -1
  7. package/dist/esm/ui/common/modal/popup-select/control.compiled.css +15 -1
  8. package/dist/esm/ui/common/modal/popup-select/control.js +20 -1
  9. package/package.json +15 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 4.10.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#158026](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158026)
8
+ [`59815a4e02d08`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/59815a4e02d08) -
9
+ Migrate getStyles to compiled styles
10
+
3
11
  ## 4.10.3
4
12
 
5
13
  ### Patch Changes
package/compass.yml ADDED
@@ -0,0 +1,43 @@
1
+ id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/2833bb40-a2e4-4b79-b74b-147d0d23fdb1'
2
+ name: '@atlaskit/link-datasource'
3
+ description:
4
+ This library provides UI components and utilities for displaying and configuring Smart Link List
5
+ Views (datasources). Its primary purpose is to help users source, collate, and display lists of
6
+ objects—such as Jira issues, Confluence pages, or assets — within Atlassian products, supporting
7
+ use cases like stakeholder visibility, reporting, and project management
8
+ configVersion: 1
9
+ typeId: LIBRARY
10
+ ownerId: 'ari:cloud:identity::team/9683a6ac-2d3f-44c8-a0fe-56128ca69e20'
11
+ fields:
12
+ tier: 4
13
+ lifecycle: Active
14
+ isMonorepoProject: true
15
+ labels:
16
+ - atlassian-platform
17
+ links:
18
+ - name: Bandicoots
19
+ type: PROJECT
20
+ url: 'https://product-fabric.atlassian.net/jira/software/c/projects/EDM/boards/5176'
21
+ - name: '#help-twg-linking-platform'
22
+ type: CHAT_CHANNEL
23
+ url: 'https://atlassian.enterprise.slack.com/archives/CFKGAQZRV'
24
+ - name: 'On-Call Schedule'
25
+ type: ON_CALL
26
+ url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b9c8b313-dd6d-4a41-8eeb-d7a9df55be9d'
27
+ - name: source code
28
+ type: REPOSITORY
29
+ url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/linking-platform/link-datasource'
30
+ customFields:
31
+ - name: 'FinOps_COGS_Cost_Center'
32
+ type: single_select
33
+ value: 'a681c808-9c58-45e5-9b3a-b5cc330c4b3a'
34
+ - name: 'FinOps_R&D_Cost_Center'
35
+ type: single_select
36
+ value: 'd9c71b12-1c77-4c68-a769-ba0e26bc8cac'
37
+ - name: 'FinOps_Service_Group'
38
+ type: single_select
39
+ value: '9120e03c-440b-489d-ac42-07903a2c611d'
40
+ - name: 'business-unit'
41
+ type: text
42
+ value: 'Eng - X Product Collab'
43
+ relationships: {}
package/dist/cjs/ui/common/modal/popup-select/control.compiled.css CHANGED
@@ -1,4 +1,18 @@
1
+
2
+ ._19itglyw{border:none}
3
+ ._2rko1l7b{border-radius:3px}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
+ ._1dqonqa1{border-style:solid}
5
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
6
+ ._n7zlqag9{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
7
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
1
8
  ._19bvh9hh{padding-left:var(--ds-space-100,4px)}
9
+ ._1e0c1txw{display:flex}
10
+ ._1tke1wug{min-height:auto}
2
11
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
3
12
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
4
- ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
13
+ ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
15
+ ._1lhce4h9:hover{border-width:var(--ds-border-width,1px)}
16
+ ._1ppenqa1:hover{border-style:solid}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
+ ._73q5qag9:hover{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
package/dist/cjs/ui/common/modal/popup-select/control.js CHANGED
@@ -37,20 +37,39 @@ var popupCustomControlStyles = function popupCustomControlStyles() {
37
37
  var popupCustomControlVisualRefreshStyles = {
38
38
  container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh"
39
39
  };
40
+ var controlStylesOld = {
41
+ root: "_19itglyw _n7zlqag9 _1e0c1txw _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1tke1wug _73q5qag9"
42
+ };
40
43
  var CustomControlOld = exports.CustomControlOld = function CustomControlOld(_ref) {
41
44
  var children = _ref.children,
42
45
  innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
43
46
  return /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, {
47
+ xcss: controlStylesOld.root
48
+ }, (0, _platformFeatureFlags.fg)('compiled-react-select') ? {
49
+ appearance: 'none'
50
+ } :
51
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
52
+ {
44
53
  getStyles: popupCustomControlStylesOld
45
54
  }), children);
46
55
  };
56
+ var controlStyles = {
57
+ root: "_2rko1l7b _189ee4h9 _1dqonqa1 _1h6drsbi _1e0c1txw _1lhce4h9 _1ppenqa1 _4cvxrsbi"
58
+ };
47
59
  var CustomControl = exports.CustomControl = function CustomControl(_ref2) {
48
60
  var children = _ref2.children,
49
61
  innerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
50
62
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
51
63
  xcss: popupCustomControlVisualRefreshStyles.container
52
- }, /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, {
64
+ }, /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, (0, _platformFeatureFlags.fg)('compiled-react-select') ? {
65
+ appearance: 'none',
66
+ isCompact: true
67
+ } :
68
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
69
+ {
53
70
  getStyles: popupCustomControlStyles
71
+ }, {
72
+ xcss: controlStyles.root
54
73
  }), children));
55
74
  };
56
75
  var _default = exports.default = (0, _withFeatureFlaggedComponent.withFeatureFlaggedComponent)(CustomControlOld, CustomControl, function () {
package/dist/es2019/ui/common/modal/popup-select/control.compiled.css CHANGED
@@ -1,4 +1,18 @@
1
+
2
+ ._19itglyw{border:none}
3
+ ._2rko1l7b{border-radius:3px}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
+ ._1dqonqa1{border-style:solid}
5
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
6
+ ._n7zlqag9{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
7
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
1
8
  ._19bvh9hh{padding-left:var(--ds-space-100,4px)}
9
+ ._1e0c1txw{display:flex}
10
+ ._1tke1wug{min-height:auto}
2
11
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
3
12
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
4
- ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
13
+ ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
15
+ ._1lhce4h9:hover{border-width:var(--ds-border-width,1px)}
16
+ ._1ppenqa1:hover{border-style:solid}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
+ ._73q5qag9:hover{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
package/dist/es2019/ui/common/modal/popup-select/control.js CHANGED
@@ -23,18 +23,37 @@ const popupCustomControlStyles = () => ({
23
23
  const popupCustomControlVisualRefreshStyles = {
24
24
  container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh"
25
25
  };
26
+ const controlStylesOld = {
27
+ root: "_19itglyw _n7zlqag9 _1e0c1txw _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1tke1wug _73q5qag9"
28
+ };
26
29
  export const CustomControlOld = ({
27
30
  children,
28
31
  ...innerProps
29
32
  }) => /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
33
+ xcss: controlStylesOld.root
34
+ }, fg('compiled-react-select') ? {
35
+ appearance: 'none'
36
+ } :
37
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
38
+ {
30
39
  getStyles: popupCustomControlStylesOld
31
40
  }), children);
41
+ const controlStyles = {
42
+ root: "_2rko1l7b _189ee4h9 _1dqonqa1 _1h6drsbi _1e0c1txw _1lhce4h9 _1ppenqa1 _4cvxrsbi"
43
+ };
32
44
  export const CustomControl = ({
33
45
  children,
34
46
  ...innerProps
35
47
  }) => /*#__PURE__*/React.createElement(Box, {
36
48
  xcss: popupCustomControlVisualRefreshStyles.container
37
- }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
49
+ }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, fg('compiled-react-select') ? {
50
+ appearance: 'none',
51
+ isCompact: true
52
+ } :
53
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
54
+ {
38
55
  getStyles: popupCustomControlStyles
56
+ }, {
57
+ xcss: controlStyles.root
39
58
  }), children));
40
59
  export default withFeatureFlaggedComponent(CustomControlOld, CustomControl, () => fg('platform-linking-visual-refresh-sllv'));
package/dist/esm/ui/common/modal/popup-select/control.compiled.css CHANGED
@@ -1,4 +1,18 @@
1
+
2
+ ._19itglyw{border:none}
3
+ ._2rko1l7b{border-radius:3px}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
+ ._1dqonqa1{border-style:solid}
5
+ ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
6
+ ._n7zlqag9{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
7
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
1
8
  ._19bvh9hh{padding-left:var(--ds-space-100,4px)}
9
+ ._1e0c1txw{display:flex}
10
+ ._1tke1wug{min-height:auto}
2
11
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
3
12
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
4
- ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
13
+ ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
15
+ ._1lhce4h9:hover{border-width:var(--ds-border-width,1px)}
16
+ ._1ppenqa1:hover{border-style:solid}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
+ ._73q5qag9:hover{border-bottom:solid 1px var(--ds-border,#dfe1e6)}
package/dist/esm/ui/common/modal/popup-select/control.js CHANGED
@@ -30,20 +30,39 @@ var popupCustomControlStyles = function popupCustomControlStyles() {
30
30
  var popupCustomControlVisualRefreshStyles = {
31
31
  container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh"
32
32
  };
33
+ var controlStylesOld = {
34
+ root: "_19itglyw _n7zlqag9 _1e0c1txw _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1tke1wug _73q5qag9"
35
+ };
33
36
  export var CustomControlOld = function CustomControlOld(_ref) {
34
37
  var children = _ref.children,
35
38
  innerProps = _objectWithoutProperties(_ref, _excluded);
36
39
  return /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
40
+ xcss: controlStylesOld.root
41
+ }, fg('compiled-react-select') ? {
42
+ appearance: 'none'
43
+ } :
44
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
45
+ {
37
46
  getStyles: popupCustomControlStylesOld
38
47
  }), children);
39
48
  };
49
+ var controlStyles = {
50
+ root: "_2rko1l7b _189ee4h9 _1dqonqa1 _1h6drsbi _1e0c1txw _1lhce4h9 _1ppenqa1 _4cvxrsbi"
51
+ };
40
52
  export var CustomControl = function CustomControl(_ref2) {
41
53
  var children = _ref2.children,
42
54
  innerProps = _objectWithoutProperties(_ref2, _excluded2);
43
55
  return /*#__PURE__*/React.createElement(Box, {
44
56
  xcss: popupCustomControlVisualRefreshStyles.container
45
- }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
57
+ }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, fg('compiled-react-select') ? {
58
+ appearance: 'none',
59
+ isCompact: true
60
+ } :
61
+ // getStyles is not valid approach to override styles, see https://hello.atlassian.net/wiki/spaces/DST/pages/5289062999/New+way+to+style+Atlaskit+Select+with+Compiled+css
62
+ {
46
63
  getStyles: popupCustomControlStyles
64
+ }, {
65
+ xcss: controlStyles.root
47
66
  }), children));
48
67
  };
49
68
  export default withFeatureFlaggedComponent(CustomControlOld, CustomControl, function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "4.10.3",
3
+ "version": "4.10.4",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -43,25 +43,25 @@
43
43
  "@atlaskit/avatar": "^25.1.0",
44
44
  "@atlaskit/avatar-group": "^12.0.0",
45
45
  "@atlaskit/badge": "^18.1.0",
46
- "@atlaskit/button": "^23.0.0",
46
+ "@atlaskit/button": "^23.2.0",
47
47
  "@atlaskit/css": "^0.10.0",
48
48
  "@atlaskit/datetime-picker": "^17.0.0",
49
- "@atlaskit/dropdown-menu": "^15.0.0",
49
+ "@atlaskit/dropdown-menu": "^15.2.0",
50
50
  "@atlaskit/editor-prosemirror": "7.0.0",
51
51
  "@atlaskit/empty-state": "^10.0.0",
52
52
  "@atlaskit/flag": "^17.1.0",
53
53
  "@atlaskit/form": "^12.0.0",
54
54
  "@atlaskit/heading": "^5.2.0",
55
- "@atlaskit/icon": "^26.0.0",
55
+ "@atlaskit/icon": "^26.1.0",
56
56
  "@atlaskit/icon-object": "^7.1.0",
57
57
  "@atlaskit/image": "^3.0.0",
58
58
  "@atlaskit/inline-edit": "^15.2.0",
59
59
  "@atlaskit/intl-messages-provider": "^2.0.0",
60
60
  "@atlaskit/jql-ast": "^3.3.0",
61
- "@atlaskit/jql-editor": "^5.2.0",
61
+ "@atlaskit/jql-editor": "^5.3.0",
62
62
  "@atlaskit/jql-editor-autocomplete-rest": "^3.0.0",
63
63
  "@atlaskit/layering": "^2.1.0",
64
- "@atlaskit/link": "^3.1.0",
64
+ "@atlaskit/link": "^3.2.0",
65
65
  "@atlaskit/link-client-extension": "^5.0.0",
66
66
  "@atlaskit/linking-common": "^9.0.0",
67
67
  "@atlaskit/linking-types": "^9.10.0",
@@ -71,21 +71,21 @@
71
71
  "@atlaskit/outbound-auth-flow-client": "^3.4.0",
72
72
  "@atlaskit/platform-feature-flags": "^1.1.0",
73
73
  "@atlaskit/popup": "^4.2.0",
74
- "@atlaskit/pragmatic-drag-and-drop": "^1.6.0",
74
+ "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
75
75
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
76
76
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
77
77
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
78
- "@atlaskit/primitives": "^14.7.0",
79
- "@atlaskit/react-select": "^2.4.0",
80
- "@atlaskit/select": "^20.4.0",
81
- "@atlaskit/smart-card": "^38.1.0",
78
+ "@atlaskit/primitives": "^14.8.0",
79
+ "@atlaskit/react-select": "^2.6.0",
80
+ "@atlaskit/select": "^20.6.0",
81
+ "@atlaskit/smart-card": "^38.2.0",
82
82
  "@atlaskit/smart-user-picker": "^8.0.0",
83
83
  "@atlaskit/spinner": "^18.0.0",
84
84
  "@atlaskit/tag": "^14.0.0",
85
85
  "@atlaskit/temp-nav-app-icons": "^0.7.0",
86
86
  "@atlaskit/textfield": "^8.0.0",
87
87
  "@atlaskit/theme": "^18.0.0",
88
- "@atlaskit/tokens": "^4.8.0",
88
+ "@atlaskit/tokens": "^4.9.0",
89
89
  "@atlaskit/tooltip": "^20.0.0",
90
90
  "@atlaskit/ufo": "^0.4.0",
91
91
  "@atlaskit/width-detector": "^5.0.0",
@@ -191,6 +191,9 @@
191
191
  },
192
192
  "replace-legacy-button-in-sllv": {
193
193
  "type": "boolean"
194
+ },
195
+ "compiled-react-select": {
196
+ "type": "boolean"
194
197
  }
195
198
  }
196
199
  }