@atlaskit/link-datasource 4.2.0 → 4.3.0

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css +7 -1
  3. package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.js +12 -2
  4. package/dist/cjs/ui/issue-like-table/column-picker/index.js +13 -5
  5. package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css +7 -1
  6. package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js +11 -1
  7. package/dist/es2019/ui/issue-like-table/column-picker/index.js +14 -6
  8. package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css +7 -1
  9. package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js +12 -2
  10. package/dist/esm/ui/issue-like-table/column-picker/index.js +14 -6
  11. package/dist/types/ui/issue-like-table/column-picker/concatenated-menu-list.d.ts +2 -1
  12. package/dist/types-ts4.5/ui/issue-like-table/column-picker/concatenated-menu-list.d.ts +2 -1
  13. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 4.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#140906](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140906)
8
+ [`339ce976410b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/339ce976410b9) -
9
+ [ux] EDM-11648 Updating header styles for design refresh phase 2
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 4.2.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css CHANGED
@@ -1,6 +1,12 @@
1
+ ._16qsglyw{box-shadow:none}
2
+ ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
1
3
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
2
4
  ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
3
5
  ._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
4
6
  ._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
5
7
  ._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
6
- ._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
8
+ ._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
9
+ ._irr315ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
10
+ ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
11
+ ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
12
+ ._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.js CHANGED
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
  Object.defineProperty(exports, "__esModule", {
7
7
  value: true
8
8
  });
9
- exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.ConcatenatedMenuList = void 0;
9
+ exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.MenuItem = exports.ConcatenatedMenuList = void 0;
10
10
  require("./concatenated-menu-list.compiled.css");
11
11
  var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
@@ -16,11 +16,14 @@ var _reactIntlNext = require("react-intl-next");
16
16
  var _select = require("@atlaskit/select");
17
17
  var _typography = require("@atlaskit/theme/typography");
18
18
  var _messages = require("./messages");
19
- var _excluded = ["children"];
19
+ var _excluded = ["children"],
20
+ _excluded2 = ["children"];
20
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
23
  var SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
23
24
  var messageStyles = null;
25
+ var listItemStylesSelected = null;
26
+ var listItemStyles = null;
24
27
  var ConcatenatedMenuList = exports.ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
25
28
  var children = _ref.children,
26
29
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -41,4 +44,11 @@ var ConcatenatedMenuList = exports.ConcatenatedMenuList = function ConcatenatedM
41
44
  tagName: 'div'
42
45
  }, _messages.columnPickerMessages.maximumItemsShownLine2)));
43
46
  return /*#__PURE__*/React.createElement(_select.components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
47
+ };
48
+ var MenuItem = exports.MenuItem = function MenuItem(_ref2) {
49
+ var children = _ref2.children,
50
+ props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
51
+ return /*#__PURE__*/React.createElement(_select.CheckboxOption, (0, _extends2.default)({}, props, {
52
+ className: (0, _runtime.ax)([props.isSelected ? "_bfhkfg4m _16qsglyw _irr3i1yw _1di619ru" : "_16qsglyw _irr315ej _1di6ip91"])
53
+ }), children);
44
54
  };
package/dist/cjs/ui/issue-like-table/column-picker/index.js CHANGED
@@ -16,8 +16,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _reactIntlNext = require("react-intl-next");
18
18
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
19
+ var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
19
20
  var _board = _interopRequireDefault(require("@atlaskit/icon/core/migration/board"));
20
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
21
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
22
+ var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
23
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
24
  var _compiled = require("@atlaskit/primitives/compiled");
22
25
  var _select = require("@atlaskit/select");
23
26
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -123,11 +126,12 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
123
126
  }
124
127
  }
125
128
  }, [allOptions, experienceId]);
129
+ var MenuOption = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? _concatenatedMenuList.MenuItem : _select.CheckboxOption;
126
130
  return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
127
131
  classNamePrefix: 'column-picker-popup',
128
132
  testId: 'column-picker-popup',
129
133
  components: {
130
- Option: _select.CheckboxOption,
134
+ Option: MenuOption,
131
135
  MenuList: _concatenatedMenuList.ConcatenatedMenuList
132
136
  },
133
137
  filterOption: (0, _select.createFilter)({
@@ -158,19 +162,23 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
158
162
  return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
159
163
  isSelected: isOpen,
160
164
  spacing: "compact",
161
- appearance: "subtle",
165
+ appearance: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "default" : "subtle",
162
166
  testId: "column-picker-trigger-button",
163
167
  iconBefore: function iconBefore() {
164
168
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
165
169
  as: "span",
166
170
  xcss: styles.chevronIconStyles
167
- }, /*#__PURE__*/_react.default.createElement(_board.default, {
171
+ }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement(_customize.default, {
172
+ label: "customize"
173
+ }) : /*#__PURE__*/_react.default.createElement(_board.default, {
168
174
  color: "currentColor",
169
175
  label: "board",
170
176
  LEGACY_size: "medium",
171
177
  spacing: "spacious",
172
178
  LEGACY_margin: "0 0 0 4px"
173
- }), /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
179
+ }), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
180
+ label: "down"
181
+ }) : /*#__PURE__*/_react.default.createElement(_chevronDown2.default, {
174
182
  color: "currentColor",
175
183
  label: "down",
176
184
  LEGACY_size: "medium"
package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css CHANGED
@@ -1,3 +1,9 @@
1
1
  ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._16qsglyw{box-shadow:none}
3
+ ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
2
4
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
3
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
5
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
6
+ ._irr315ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
7
+ ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
8
+ ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
9
+ ._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js CHANGED
@@ -4,11 +4,13 @@ import "./concatenated-menu-list.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { FormattedMessage } from 'react-intl-next';
7
- import { components } from '@atlaskit/select';
7
+ import { CheckboxOption, components } from '@atlaskit/select';
8
8
  import { fontFallback } from '@atlaskit/theme/typography';
9
9
  import { columnPickerMessages } from './messages';
10
10
  export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
11
11
  const messageStyles = null;
12
+ const listItemStylesSelected = null;
13
+ const listItemStyles = null;
12
14
  export const ConcatenatedMenuList = ({
13
15
  children,
14
16
  ...props
@@ -30,4 +32,12 @@ export const ConcatenatedMenuList = ({
30
32
  tagName: 'div'
31
33
  }, columnPickerMessages.maximumItemsShownLine2)));
32
34
  return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
35
+ };
36
+ export const MenuItem = ({
37
+ children,
38
+ ...props
39
+ }) => {
40
+ return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
41
+ className: ax([props.isSelected ? "_bfhkfg4m _16qsglyw _irr3i1yw _1di619ru" : "_16qsglyw _irr315ej _1di6ip91"])
42
+ }), children);
33
43
  };
package/dist/es2019/ui/issue-like-table/column-picker/index.js CHANGED
@@ -5,14 +5,17 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useEffect, useRef, useState } from 'react';
6
6
  import { useIntl } from 'react-intl-next';
7
7
  import Button from '@atlaskit/button/new';
8
+ import CustomizeIcon from '@atlaskit/icon/core/customize';
8
9
  import BoardIcon from '@atlaskit/icon/core/migration/board';
9
- import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
10
+ import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
11
+ import ChevronDownIconOld from '@atlaskit/icon/utility/migration/chevron-down';
12
+ import { fg } from "@atlaskit/platform-feature-flags";
10
13
  import { Box } from '@atlaskit/primitives/compiled';
11
14
  import { CheckboxOption, createFilter, PopupSelect } from '@atlaskit/select';
12
15
  import Tooltip from '@atlaskit/tooltip';
13
16
  import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
14
17
  import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
15
- import { ConcatenatedMenuList } from './concatenated-menu-list';
18
+ import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
16
19
  import { columnPickerMessages } from './messages';
17
20
  const styles = {
18
21
  chevronIconStyles: "_1e0c1txw _4cvr1h6o"
@@ -95,11 +98,12 @@ export const ColumnPicker = ({
95
98
  }
96
99
  }
97
100
  }, [allOptions, experienceId]);
101
+ const MenuOption = fg('platform-linking-visual-refresh-sllv') ? MenuItem : CheckboxOption;
98
102
  return /*#__PURE__*/React.createElement(PopupSelect, {
99
103
  classNamePrefix: 'column-picker-popup',
100
104
  testId: 'column-picker-popup',
101
105
  components: {
102
- Option: CheckboxOption,
106
+ Option: MenuOption,
103
107
  MenuList: ConcatenatedMenuList
104
108
  },
105
109
  filterOption: createFilter({
@@ -129,18 +133,22 @@ export const ColumnPicker = ({
129
133
  }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
130
134
  isSelected: isOpen,
131
135
  spacing: "compact",
132
- appearance: "subtle",
136
+ appearance: fg('platform-linking-visual-refresh-sllv') ? "default" : "subtle",
133
137
  testId: "column-picker-trigger-button",
134
138
  iconBefore: () => /*#__PURE__*/React.createElement(Box, {
135
139
  as: "span",
136
140
  xcss: styles.chevronIconStyles
137
- }, /*#__PURE__*/React.createElement(BoardIcon, {
141
+ }, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(CustomizeIcon, {
142
+ label: "customize"
143
+ }) : /*#__PURE__*/React.createElement(BoardIcon, {
138
144
  color: "currentColor",
139
145
  label: "board",
140
146
  LEGACY_size: "medium",
141
147
  spacing: "spacious",
142
148
  LEGACY_margin: "0 0 0 4px"
143
- }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
149
+ }), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
150
+ label: "down"
151
+ }) : /*#__PURE__*/React.createElement(ChevronDownIconOld, {
144
152
  color: "currentColor",
145
153
  label: "down",
146
154
  LEGACY_size: "medium"
package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css CHANGED
@@ -1,6 +1,12 @@
1
+ ._16qsglyw{box-shadow:none}
2
+ ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
1
3
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
2
4
  ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
3
5
  ._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
4
6
  ._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
5
7
  ._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
6
- ._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
8
+ ._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
9
+ ._irr315ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
10
+ ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
11
+ ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
12
+ ._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js CHANGED
@@ -1,16 +1,19 @@
1
1
  /* concatenated-menu-list.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["children"];
4
+ var _excluded = ["children"],
5
+ _excluded2 = ["children"];
5
6
  import "./concatenated-menu-list.compiled.css";
6
7
  import * as React from 'react';
7
8
  import { ax, ix } from "@compiled/react/runtime";
8
9
  import { FormattedMessage } from 'react-intl-next';
9
- import { components } from '@atlaskit/select';
10
+ import { CheckboxOption, components } from '@atlaskit/select';
10
11
  import { fontFallback } from '@atlaskit/theme/typography';
11
12
  import { columnPickerMessages } from './messages';
12
13
  export var SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
13
14
  var messageStyles = null;
15
+ var listItemStylesSelected = null;
16
+ var listItemStyles = null;
14
17
  export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
15
18
  var children = _ref.children,
16
19
  props = _objectWithoutProperties(_ref, _excluded);
@@ -31,4 +34,11 @@ export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
31
34
  tagName: 'div'
32
35
  }, columnPickerMessages.maximumItemsShownLine2)));
33
36
  return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
37
+ };
38
+ export var MenuItem = function MenuItem(_ref2) {
39
+ var children = _ref2.children,
40
+ props = _objectWithoutProperties(_ref2, _excluded2);
41
+ return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
42
+ className: ax([props.isSelected ? "_bfhkfg4m _16qsglyw _irr3i1yw _1di619ru" : "_16qsglyw _irr315ej _1di6ip91"])
43
+ }), children);
34
44
  };
package/dist/esm/ui/issue-like-table/column-picker/index.js CHANGED
@@ -9,14 +9,17 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  import React, { useCallback, useEffect, useRef, useState } from 'react';
10
10
  import { useIntl } from 'react-intl-next';
11
11
  import Button from '@atlaskit/button/new';
12
+ import CustomizeIcon from '@atlaskit/icon/core/customize';
12
13
  import BoardIcon from '@atlaskit/icon/core/migration/board';
13
- import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
14
+ import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
15
+ import ChevronDownIconOld from '@atlaskit/icon/utility/migration/chevron-down';
16
+ import { fg } from "@atlaskit/platform-feature-flags";
14
17
  import { Box } from '@atlaskit/primitives/compiled';
15
18
  import { CheckboxOption, createFilter, PopupSelect } from '@atlaskit/select';
16
19
  import Tooltip from '@atlaskit/tooltip';
17
20
  import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
18
21
  import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
19
- import { ConcatenatedMenuList } from './concatenated-menu-list';
22
+ import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
20
23
  import { columnPickerMessages } from './messages';
21
24
  var styles = {
22
25
  chevronIconStyles: "_1e0c1txw _4cvr1h6o"
@@ -113,11 +116,12 @@ export var ColumnPicker = function ColumnPicker(_ref) {
113
116
  }
114
117
  }
115
118
  }, [allOptions, experienceId]);
119
+ var MenuOption = fg('platform-linking-visual-refresh-sllv') ? MenuItem : CheckboxOption;
116
120
  return /*#__PURE__*/React.createElement(PopupSelect, {
117
121
  classNamePrefix: 'column-picker-popup',
118
122
  testId: 'column-picker-popup',
119
123
  components: {
120
- Option: CheckboxOption,
124
+ Option: MenuOption,
121
125
  MenuList: ConcatenatedMenuList
122
126
  },
123
127
  filterOption: createFilter({
@@ -148,19 +152,23 @@ export var ColumnPicker = function ColumnPicker(_ref) {
148
152
  return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
149
153
  isSelected: isOpen,
150
154
  spacing: "compact",
151
- appearance: "subtle",
155
+ appearance: fg('platform-linking-visual-refresh-sllv') ? "default" : "subtle",
152
156
  testId: "column-picker-trigger-button",
153
157
  iconBefore: function iconBefore() {
154
158
  return /*#__PURE__*/React.createElement(Box, {
155
159
  as: "span",
156
160
  xcss: styles.chevronIconStyles
157
- }, /*#__PURE__*/React.createElement(BoardIcon, {
161
+ }, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(CustomizeIcon, {
162
+ label: "customize"
163
+ }) : /*#__PURE__*/React.createElement(BoardIcon, {
158
164
  color: "currentColor",
159
165
  label: "board",
160
166
  LEGACY_size: "medium",
161
167
  spacing: "spacious",
162
168
  LEGACY_margin: "0 0 0 4px"
163
- }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
169
+ }), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
170
+ label: "down"
171
+ }) : /*#__PURE__*/React.createElement(ChevronDownIconOld, {
164
172
  color: "currentColor",
165
173
  label: "down",
166
174
  LEGACY_size: "medium"
package/dist/types/ui/issue-like-table/column-picker/concatenated-menu-list.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type MenuListComponentProps, type OptionType } from '@atlaskit/select';
2
+ import { type MenuListComponentProps, type OptionProps, type OptionType } from '@atlaskit/select';
3
3
  export declare const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
4
4
  export declare const ConcatenatedMenuList: ({ children, ...props }: MenuListComponentProps<OptionType, true>) => JSX.Element;
5
+ export declare const MenuItem: ({ children, ...props }: OptionProps<OptionType, true>) => JSX.Element;
package/dist/types-ts4.5/ui/issue-like-table/column-picker/concatenated-menu-list.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type MenuListComponentProps, type OptionType } from '@atlaskit/select';
2
+ import { type MenuListComponentProps, type OptionProps, type OptionType } from '@atlaskit/select';
3
3
  export declare const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
4
4
  export declare const ConcatenatedMenuList: ({ children, ...props }: MenuListComponentProps<OptionType, true>) => JSX.Element;
5
+ export declare const MenuItem: ({ children, ...props }: OptionProps<OptionType, true>) => JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "4.2.0",
3
+ "version": "4.3.0",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -58,7 +58,7 @@
58
58
  "@atlaskit/inline-edit": "^15.1.0",
59
59
  "@atlaskit/intl-messages-provider": "^2.0.0",
60
60
  "@atlaskit/jql-ast": "^3.3.0",
61
- "@atlaskit/jql-editor": "^5.1.0",
61
+ "@atlaskit/jql-editor": "^5.2.0",
62
62
  "@atlaskit/jql-editor-autocomplete-rest": "^3.0.0",
63
63
  "@atlaskit/layering": "^2.1.0",
64
64
  "@atlaskit/link-client-extension": "^4.0.0",
@@ -73,11 +73,11 @@
73
73
  "@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
74
74
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
75
75
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
76
- "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.0.0",
76
+ "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.1.0",
77
77
  "@atlaskit/primitives": "^14.4.0",
78
- "@atlaskit/react-select": "^2.2.0",
78
+ "@atlaskit/react-select": "^2.3.0",
79
79
  "@atlaskit/select": "^20.3.0",
80
- "@atlaskit/smart-card": "^36.5.0",
80
+ "@atlaskit/smart-card": "^36.6.0",
81
81
  "@atlaskit/smart-user-picker": "^8.0.0",
82
82
  "@atlaskit/spinner": "^18.0.0",
83
83
  "@atlaskit/tag": "^14.0.0",