@atlaskit/link-datasource 4.34.0 → 4.34.2

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,19 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 4.34.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.34.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`236ae1160f1a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/236ae1160f1a0) -
14
+ Clean up platform-button-icon-spacing-cleanup FG
15
+ - Updated dependencies
16
+
3
17
  ## 4.34.0
4
18
 
5
19
  ### Minor Changes
@@ -1,3 +1 @@
1
- ._1e0c1txw{display:flex}
2
- ._4cvr1h6o{align-items:center}
3
1
  ._s7n4nkob{vertical-align:middle}
@@ -18,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
18
18
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
19
19
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
20
20
  var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
21
  var _compiled = require("@atlaskit/primitives/compiled");
23
22
  var _select = require("@atlaskit/select");
24
23
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -29,7 +28,6 @@ var _messages = require("./messages");
29
28
  var _excluded = ["isOpen"];
30
29
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
31
30
  var styles = {
32
- chevronIconStyles: "_1e0c1txw _4cvr1h6o",
33
31
  customizeIcon: "_s7n4nkob"
34
32
  };
35
33
  var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
@@ -156,7 +154,7 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
156
154
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
157
155
  content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
158
156
  }, function (tooltipProps) {
159
- return (0, _platformFeatureFlags.fg)('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
157
+ return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
160
158
  isSelected: isOpen,
161
159
  spacing: "compact",
162
160
  appearance: 'default',
@@ -172,23 +170,7 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
172
170
  xcss: styles.customizeIcon
173
171
  }, /*#__PURE__*/_react.default.createElement(_customize.default, {
174
172
  label: "customize"
175
- }))) : /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
176
- isSelected: isOpen,
177
- spacing: "compact",
178
- appearance: 'default',
179
- testId: "column-picker-trigger-button",
180
- iconBefore: function iconBefore() {
181
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
182
- as: "span",
183
- xcss: styles.chevronIconStyles
184
- }, /*#__PURE__*/_react.default.createElement(_customize.default, {
185
- label: "customize"
186
- }), /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
187
- label: "down",
188
- size: "small"
189
- }));
190
- }
191
- }), '');
173
+ })));
192
174
  });
193
175
  }
194
176
  });
@@ -30,7 +30,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
30
30
  ._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
31
31
  ._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
32
32
  ._11lvlcsk button{padding-left:var(--ds-space-0,4px)}
33
- ._11lvze3t button{padding-left:var(--ds-space-0,0)}
34
33
  ._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
35
34
  ._154iidpf{top:0}
36
35
  ._154pidpf:before{opacity:0}
@@ -80,7 +79,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
80
79
  ._vchhusvi{box-sizing:border-box}
81
80
  ._vwz41tcg{line-height:24px}
82
81
  ._yhjmlcsk button{padding-right:var(--ds-space-0,4px)}
83
- ._yhjmze3t button{padding-right:var(--ds-space-0,0)}
84
82
  .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
85
83
  .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
86
84
  .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
@@ -22,7 +22,6 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
22
22
  var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
23
23
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
24
24
  var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
25
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
26
25
  var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
27
26
  var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
28
27
  var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
@@ -38,8 +37,7 @@ var _messages = require("./messages");
38
37
  var _utils = require("./utils");
39
38
  var _excluded = ["as", "style"],
40
39
  _excluded2 = ["as", "style"],
41
- _excluded3 = ["as", "style"],
42
- _excluded4 = ["triggerRef"];
40
+ _excluded3 = ["triggerRef"];
43
41
  /* eslint-disable @atlaskit/design-system/use-tokens-typography */
44
42
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
45
43
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -60,27 +58,11 @@ if (process.env.NODE_ENV !== 'production') {
60
58
  TableHeading.displayName = 'TableHeading';
61
59
  }
62
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
63
- var DropdownParentOld = (0, _react.forwardRef)(function (_ref2, __cmplr) {
61
+ var DropdownParent = (0, _react.forwardRef)(function (_ref2, __cmplr) {
64
62
  var _ref2$as = _ref2.as,
65
63
  C = _ref2$as === void 0 ? "div" : _ref2$as,
66
64
  __cmpls = _ref2.style,
67
65
  __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
68
- return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
69
- style: __cmpls,
70
- ref: __cmplr,
71
- className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _o5721q9c _1wtnze3t _ficf1e5h _jq8g1wug _11lvze3t _yhjmze3t", __cmplp.className])
72
- }));
73
- });
74
-
75
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
76
- if (process.env.NODE_ENV !== 'production') {
77
- DropdownParentOld.displayName = 'DropdownParentOld';
78
- }
79
- var DropdownParent = (0, _react.forwardRef)(function (_ref3, __cmplr) {
80
- var _ref3$as = _ref3.as,
81
- C = _ref3$as === void 0 ? "div" : _ref3$as,
82
- __cmpls = _ref3.style,
83
- __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
84
66
  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
85
67
  style: __cmpls,
86
68
  ref: __cmplr,
@@ -100,17 +82,17 @@ var idleState = {
100
82
  var draggingState = {
101
83
  type: 'dragging'
102
84
  };
103
- var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTableHeading(_ref4) {
104
- var children = _ref4.children,
105
- id = _ref4.id,
106
- index = _ref4.index,
107
- tableId = _ref4.tableId,
108
- dndPreviewHeight = _ref4.dndPreviewHeight,
109
- dragPreview = _ref4.dragPreview,
110
- width = _ref4.width,
111
- onWidthChange = _ref4.onWidthChange,
112
- isWrapped = _ref4.isWrapped,
113
- onIsWrappedChange = _ref4.onIsWrappedChange;
85
+ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTableHeading(_ref3) {
86
+ var children = _ref3.children,
87
+ id = _ref3.id,
88
+ index = _ref3.index,
89
+ tableId = _ref3.tableId,
90
+ dndPreviewHeight = _ref3.dndPreviewHeight,
91
+ dragPreview = _ref3.dragPreview,
92
+ width = _ref3.width,
93
+ onWidthChange = _ref3.onWidthChange,
94
+ isWrapped = _ref3.isWrapped,
95
+ onIsWrappedChange = _ref3.onIsWrappedChange;
114
96
  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
115
97
  fireEvent = _useDatasourceAnalyti.fireEvent;
116
98
  var mainHeaderCellRef = (0, _react.useRef)(null);
@@ -146,15 +128,15 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
146
128
  tableId: tableId
147
129
  };
148
130
  },
149
- onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
150
- var nativeSetDragImage = _ref5.nativeSetDragImage;
131
+ onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
132
+ var nativeSetDragImage = _ref4.nativeSetDragImage;
151
133
  (0, _setCustomNativeDragPreview.setCustomNativeDragPreview)({
152
134
  getOffset: (0, _pointerOutsideOfPreview.pointerOutsideOfPreview)({
153
135
  x: '18px',
154
136
  y: '18px'
155
137
  }),
156
- render: function render(_ref6) {
157
- var container = _ref6.container;
138
+ render: function render(_ref5) {
139
+ var container = _ref5.container;
158
140
  // Cause a `react` re-render to create your portal synchronously
159
141
  setState({
160
142
  type: 'preview',
@@ -189,9 +171,9 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
189
171
  getIsSticky: function getIsSticky() {
190
172
  return true;
191
173
  },
192
- getData: function getData(_ref7) {
193
- var input = _ref7.input,
194
- element = _ref7.element;
174
+ getData: function getData(_ref6) {
175
+ var input = _ref6.input,
176
+ element = _ref6.element;
195
177
  var data = {
196
178
  id: id,
197
179
  index: index
@@ -222,8 +204,8 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
222
204
  // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
223
205
  (0, _react.useEffect)(function () {
224
206
  return (0, _adapter.monitorForElements)({
225
- canMonitor: function canMonitor(_ref8) {
226
- var source = _ref8.source;
207
+ canMonitor: function canMonitor(_ref7) {
208
+ var source = _ref7.source;
227
209
  return source.data.type === 'table-header' && source.data.tableId === tableId;
228
210
  },
229
211
  onDragStart: function onDragStart() {
@@ -259,8 +241,8 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
259
241
  };
260
242
  },
261
243
  // Is called when dragging started
262
- onGenerateDragPreview: function onGenerateDragPreview(_ref9) {
263
- var nativeSetDragImage = _ref9.nativeSetDragImage;
244
+ onGenerateDragPreview: function onGenerateDragPreview(_ref8) {
245
+ var nativeSetDragImage = _ref8.nativeSetDragImage;
264
246
  // We don't show any preview, since column separator (handle) is moving with the cursor
265
247
  (0, _disableNativeDragPreview.disableNativeDragPreview)({
266
248
  nativeSetDragImage: nativeSetDragImage
@@ -272,8 +254,8 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
272
254
  initialWidth: width
273
255
  });
274
256
  },
275
- onDrag: function onDrag(_ref0) {
276
- var location = _ref0.location;
257
+ onDrag: function onDrag(_ref9) {
258
+ var location = _ref9.location;
277
259
  var relativeDistanceX = location.current.input.clientX - location.initial.input.clientX;
278
260
  (0, _tinyInvariant.default)(state.type === 'resizing');
279
261
  var initialWidth = state.initialWidth;
@@ -312,9 +294,9 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
312
294
  var TriggerIcon = (0, _react.useMemo)(function () {
313
295
  return shouldShowTriggerIcon ? isDropdownOpen ? _chevronUp.default : _chevronDown.default : isWideEnoughToHaveChevron ? _customIcons.GlyphPlaceholder : undefined;
314
296
  }, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
315
- var getTriggerButton = (0, _react.useCallback)(function (_ref1) {
316
- var triggerRef = _ref1.triggerRef,
317
- props = (0, _objectWithoutProperties2.default)(_ref1, _excluded4);
297
+ var getTriggerButton = (0, _react.useCallback)(function (_ref0) {
298
+ var triggerRef = _ref0.triggerRef,
299
+ props = (0, _objectWithoutProperties2.default)(_ref0, _excluded3);
318
300
  return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, props, {
319
301
  testId: "".concat(id, "-column-dropdown"),
320
302
  shouldFitContainer: true,
@@ -334,8 +316,8 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
334
316
  }
335
317
  }), children);
336
318
  }, [children, id, TriggerIcon]);
337
- var onDropdownOpenChange = (0, _react.useCallback)(function (_ref10) {
338
- var isOpen = _ref10.isOpen;
319
+ var onDropdownOpenChange = (0, _react.useCallback)(function (_ref1) {
320
+ var isOpen = _ref1.isOpen;
339
321
  return setIsDropdownOpen(isOpen);
340
322
  }, []);
341
323
  var toggleWrap = (0, _react.useCallback)(function () {
@@ -367,15 +349,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
367
349
  },
368
350
  "data-testid": "column-resize-handle",
369
351
  className: (0, _runtime.ax)(["_1y7c1ejb _1bsbaakz _80om11mm _16jlidpf _kqswstnw _1pbykb7n _1xi2aesa _154iidpf _1tesidpf _pdyk1hrg _154pidpf _dydkssc3 _1kt9b3bt _1cs8stnw _1rusopvu _1mp4atg7 _qneczvxw _1ct3kb7n", state.type === 'resizing' && "_80omn7od _154pkb7n"])
370
- }) : null, onIsWrappedChange && (0, _platformFeatureFlags.fg)('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(_dropdownMenu.default, {
371
- trigger: getTriggerButton,
372
- onOpenChange: onDropdownOpenChange,
373
- placement: 'bottom'
374
- }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
375
- elemBefore: isWrapped ? /*#__PURE__*/React.createElement(_customIcons.UnwrapTextIcon, null) : /*#__PURE__*/React.createElement(_customIcons.WrapTextIcon, null),
376
- testId: "".concat(id, "-column-dropdown-item-toggle-wrapping"),
377
- onClick: toggleWrap
378
- }, isWrapped ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.unwrapText) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.wrapText)))) : onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParentOld, null, /*#__PURE__*/React.createElement(_dropdownMenu.default, {
352
+ }) : null, onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(_dropdownMenu.default, {
379
353
  trigger: getTriggerButton,
380
354
  onOpenChange: onDropdownOpenChange,
381
355
  placement: 'bottom'
@@ -1,3 +1 @@
1
- ._1e0c1txw{display:flex}
2
- ._4cvr1h6o{align-items:center}
3
1
  ._s7n4nkob{vertical-align:middle}
@@ -7,7 +7,6 @@ import { useIntl } from 'react-intl-next';
7
7
  import Button from '@atlaskit/button/new';
8
8
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
9
9
  import CustomizeIcon from '@atlaskit/icon/core/customize';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { Box } from '@atlaskit/primitives/compiled';
12
11
  import { createFilter, PopupSelect } from '@atlaskit/select';
13
12
  import Tooltip from '@atlaskit/tooltip';
@@ -16,7 +15,6 @@ import { useDatasourceExperienceId } from '../../../contexts/datasource-experien
16
15
  import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
17
16
  import { columnPickerMessages } from './messages';
18
17
  const styles = {
19
- chevronIconStyles: "_1e0c1txw _4cvr1h6o",
20
18
  customizeIcon: "_s7n4nkob"
21
19
  };
22
20
  export const ColumnPicker = ({
@@ -128,7 +126,7 @@ export const ColumnPicker = ({
128
126
  ...triggerProps
129
127
  }) => /*#__PURE__*/React.createElement(Tooltip, {
130
128
  content: intl.formatMessage(columnPickerMessages.tooltip)
131
- }, tooltipProps => fg('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
129
+ }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
132
130
  isSelected: isOpen,
133
131
  spacing: "compact",
134
132
  appearance: 'default',
@@ -142,20 +140,6 @@ export const ColumnPicker = ({
142
140
  xcss: styles.customizeIcon
143
141
  }, /*#__PURE__*/React.createElement(CustomizeIcon, {
144
142
  label: "customize"
145
- }))) : /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
146
- isSelected: isOpen,
147
- spacing: "compact",
148
- appearance: 'default',
149
- testId: "column-picker-trigger-button",
150
- iconBefore: () => /*#__PURE__*/React.createElement(Box, {
151
- as: "span",
152
- xcss: styles.chevronIconStyles
153
- }, /*#__PURE__*/React.createElement(CustomizeIcon, {
154
- label: "customize"
155
- }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
156
- label: "down",
157
- size: "small"
158
- }))
159
- }), ''))
143
+ }))))
160
144
  });
161
145
  };
@@ -30,7 +30,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
30
30
  ._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
31
31
  ._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
32
32
  ._11lvlcsk button{padding-left:var(--ds-space-0,4px)}
33
- ._11lvze3t button{padding-left:var(--ds-space-0,0)}
34
33
  ._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
35
34
  ._154iidpf{top:0}
36
35
  ._154pidpf:before{opacity:0}
@@ -80,7 +79,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
80
79
  ._vchhusvi{box-sizing:border-box}
81
80
  ._vwz41tcg{line-height:24px}
82
81
  ._yhjmlcsk button{padding-right:var(--ds-space-0,4px)}
83
- ._yhjmze3t button{padding-right:var(--ds-space-0,0)}
84
82
  .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
85
83
  .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
86
84
  .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
@@ -14,7 +14,6 @@ import Button from '@atlaskit/button/new';
14
14
  import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
15
15
  import ChevronDown from '@atlaskit/icon/core/chevron-down';
16
16
  import ChevronUp from '@atlaskit/icon/core/chevron-up';
17
- import { fg } from '@atlaskit/platform-feature-flags';
18
17
  import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
19
18
  import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
20
19
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
@@ -45,22 +44,6 @@ if (process.env.NODE_ENV !== 'production') {
45
44
  TableHeading.displayName = 'TableHeading';
46
45
  }
47
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
48
- const DropdownParentOld = forwardRef(({
49
- as: C = "div",
50
- style: __cmpls,
51
- ...__cmplp
52
- }, __cmplr) => {
53
- return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
54
- style: __cmpls,
55
- ref: __cmplr,
56
- className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _1wtnze3t _ficf1e5h _jq8g1wug _11lvze3t _yhjmze3t", __cmplp.className])
57
- }));
58
- });
59
-
60
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
61
- if (process.env.NODE_ENV !== 'production') {
62
- DropdownParentOld.displayName = 'DropdownParentOld';
63
- }
64
47
  const DropdownParent = forwardRef(({
65
48
  as: C = "div",
66
49
  style: __cmpls,
@@ -339,15 +322,7 @@ export const DraggableTableHeading = ({
339
322
  },
340
323
  "data-testid": "column-resize-handle",
341
324
  className: ax(["_1y7c1ejb _1bsbaakz _80om11mm _16jlidpf _kqswstnw _1pbykb7n _1xi2aesa _154iidpf _1tesidpf _pdyk1hrg _154pidpf _dydkssc3 _1kt9b3bt _1cs8stnw _1rusopvu _1mp4atg7 _qneczvxw _1ct3kb7n", state.type === 'resizing' && "_80omn7od _154pkb7n"])
342
- }) : null, onIsWrappedChange && fg('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(DropdownMenu, {
343
- trigger: getTriggerButton,
344
- onOpenChange: onDropdownOpenChange,
345
- placement: 'bottom'
346
- }, /*#__PURE__*/React.createElement(DropdownItem, {
347
- elemBefore: isWrapped ? /*#__PURE__*/React.createElement(UnwrapTextIcon, null) : /*#__PURE__*/React.createElement(WrapTextIcon, null),
348
- testId: `${id}-column-dropdown-item-toggle-wrapping`,
349
- onClick: toggleWrap
350
- }, isWrapped ? /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.unwrapText) : /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.wrapText)))) : onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParentOld, null, /*#__PURE__*/React.createElement(DropdownMenu, {
325
+ }) : null, onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(DropdownMenu, {
351
326
  trigger: getTriggerButton,
352
327
  onOpenChange: onDropdownOpenChange,
353
328
  placement: 'bottom'
@@ -1,3 +1 @@
1
- ._1e0c1txw{display:flex}
2
- ._4cvr1h6o{align-items:center}
3
1
  ._s7n4nkob{vertical-align:middle}
@@ -11,7 +11,6 @@ import { useIntl } from 'react-intl-next';
11
11
  import Button from '@atlaskit/button/new';
12
12
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
13
13
  import CustomizeIcon from '@atlaskit/icon/core/customize';
14
- import { fg } from '@atlaskit/platform-feature-flags';
15
14
  import { Box } from '@atlaskit/primitives/compiled';
16
15
  import { createFilter, PopupSelect } from '@atlaskit/select';
17
16
  import Tooltip from '@atlaskit/tooltip';
@@ -20,7 +19,6 @@ import { useDatasourceExperienceId } from '../../../contexts/datasource-experien
20
19
  import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
21
20
  import { columnPickerMessages } from './messages';
22
21
  var styles = {
23
- chevronIconStyles: "_1e0c1txw _4cvr1h6o",
24
22
  customizeIcon: "_s7n4nkob"
25
23
  };
26
24
  export var ColumnPicker = function ColumnPicker(_ref) {
@@ -147,7 +145,7 @@ export var ColumnPicker = function ColumnPicker(_ref) {
147
145
  return /*#__PURE__*/React.createElement(Tooltip, {
148
146
  content: intl.formatMessage(columnPickerMessages.tooltip)
149
147
  }, function (tooltipProps) {
150
- return fg('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
148
+ return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
151
149
  isSelected: isOpen,
152
150
  spacing: "compact",
153
151
  appearance: 'default',
@@ -163,23 +161,7 @@ export var ColumnPicker = function ColumnPicker(_ref) {
163
161
  xcss: styles.customizeIcon
164
162
  }, /*#__PURE__*/React.createElement(CustomizeIcon, {
165
163
  label: "customize"
166
- }))) : /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
167
- isSelected: isOpen,
168
- spacing: "compact",
169
- appearance: 'default',
170
- testId: "column-picker-trigger-button",
171
- iconBefore: function iconBefore() {
172
- return /*#__PURE__*/React.createElement(Box, {
173
- as: "span",
174
- xcss: styles.chevronIconStyles
175
- }, /*#__PURE__*/React.createElement(CustomizeIcon, {
176
- label: "customize"
177
- }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
178
- label: "down",
179
- size: "small"
180
- }));
181
- }
182
- }), '');
164
+ })));
183
165
  });
184
166
  }
185
167
  });
@@ -30,7 +30,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
30
30
  ._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
31
31
  ._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
32
32
  ._11lvlcsk button{padding-left:var(--ds-space-0,4px)}
33
- ._11lvze3t button{padding-left:var(--ds-space-0,0)}
34
33
  ._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
35
34
  ._154iidpf{top:0}
36
35
  ._154pidpf:before{opacity:0}
@@ -80,7 +79,6 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
80
79
  ._vchhusvi{box-sizing:border-box}
81
80
  ._vwz41tcg{line-height:24px}
82
81
  ._yhjmlcsk button{padding-right:var(--ds-space-0,4px)}
83
- ._yhjmze3t button{padding-right:var(--ds-space-0,0)}
84
82
  .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
85
83
  .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
86
84
  .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
@@ -5,8 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
5
5
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
6
6
  var _excluded = ["as", "style"],
7
7
  _excluded2 = ["as", "style"],
8
- _excluded3 = ["as", "style"],
9
- _excluded4 = ["triggerRef"];
8
+ _excluded3 = ["triggerRef"];
10
9
  import "./draggable-table-heading.compiled.css";
11
10
  import { forwardRef } from 'react';
12
11
  import * as React from 'react';
@@ -23,7 +22,6 @@ import Button from '@atlaskit/button/new';
23
22
  import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
24
23
  import ChevronDown from '@atlaskit/icon/core/chevron-down';
25
24
  import ChevronUp from '@atlaskit/icon/core/chevron-up';
26
- import { fg } from '@atlaskit/platform-feature-flags';
27
25
  import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
28
26
  import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
29
27
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
@@ -54,27 +52,11 @@ if (process.env.NODE_ENV !== 'production') {
54
52
  TableHeading.displayName = 'TableHeading';
55
53
  }
56
54
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
57
- var DropdownParentOld = forwardRef(function (_ref2, __cmplr) {
55
+ var DropdownParent = forwardRef(function (_ref2, __cmplr) {
58
56
  var _ref2$as = _ref2.as,
59
57
  C = _ref2$as === void 0 ? "div" : _ref2$as,
60
58
  __cmpls = _ref2.style,
61
59
  __cmplp = _objectWithoutProperties(_ref2, _excluded2);
62
- return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
63
- style: __cmpls,
64
- ref: __cmplr,
65
- className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _1wtnze3t _ficf1e5h _jq8g1wug _11lvze3t _yhjmze3t", __cmplp.className])
66
- }));
67
- });
68
-
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
70
- if (process.env.NODE_ENV !== 'production') {
71
- DropdownParentOld.displayName = 'DropdownParentOld';
72
- }
73
- var DropdownParent = forwardRef(function (_ref3, __cmplr) {
74
- var _ref3$as = _ref3.as,
75
- C = _ref3$as === void 0 ? "div" : _ref3$as,
76
- __cmpls = _ref3.style,
77
- __cmplp = _objectWithoutProperties(_ref3, _excluded3);
78
60
  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
79
61
  style: __cmpls,
80
62
  ref: __cmplr,
@@ -94,17 +76,17 @@ var idleState = {
94
76
  var draggingState = {
95
77
  type: 'dragging'
96
78
  };
97
- export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
98
- var children = _ref4.children,
99
- id = _ref4.id,
100
- index = _ref4.index,
101
- tableId = _ref4.tableId,
102
- dndPreviewHeight = _ref4.dndPreviewHeight,
103
- dragPreview = _ref4.dragPreview,
104
- width = _ref4.width,
105
- onWidthChange = _ref4.onWidthChange,
106
- isWrapped = _ref4.isWrapped,
107
- onIsWrappedChange = _ref4.onIsWrappedChange;
79
+ export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
80
+ var children = _ref3.children,
81
+ id = _ref3.id,
82
+ index = _ref3.index,
83
+ tableId = _ref3.tableId,
84
+ dndPreviewHeight = _ref3.dndPreviewHeight,
85
+ dragPreview = _ref3.dragPreview,
86
+ width = _ref3.width,
87
+ onWidthChange = _ref3.onWidthChange,
88
+ isWrapped = _ref3.isWrapped,
89
+ onIsWrappedChange = _ref3.onIsWrappedChange;
108
90
  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
109
91
  fireEvent = _useDatasourceAnalyti.fireEvent;
110
92
  var mainHeaderCellRef = useRef(null);
@@ -140,15 +122,15 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
140
122
  tableId: tableId
141
123
  };
142
124
  },
143
- onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
144
- var nativeSetDragImage = _ref5.nativeSetDragImage;
125
+ onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
126
+ var nativeSetDragImage = _ref4.nativeSetDragImage;
145
127
  setCustomNativeDragPreview({
146
128
  getOffset: pointerOutsideOfPreview({
147
129
  x: '18px',
148
130
  y: '18px'
149
131
  }),
150
- render: function render(_ref6) {
151
- var container = _ref6.container;
132
+ render: function render(_ref5) {
133
+ var container = _ref5.container;
152
134
  // Cause a `react` re-render to create your portal synchronously
153
135
  setState({
154
136
  type: 'preview',
@@ -183,9 +165,9 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
183
165
  getIsSticky: function getIsSticky() {
184
166
  return true;
185
167
  },
186
- getData: function getData(_ref7) {
187
- var input = _ref7.input,
188
- element = _ref7.element;
168
+ getData: function getData(_ref6) {
169
+ var input = _ref6.input,
170
+ element = _ref6.element;
189
171
  var data = {
190
172
  id: id,
191
173
  index: index
@@ -216,8 +198,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
216
198
  // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
217
199
  useEffect(function () {
218
200
  return monitorForElements({
219
- canMonitor: function canMonitor(_ref8) {
220
- var source = _ref8.source;
201
+ canMonitor: function canMonitor(_ref7) {
202
+ var source = _ref7.source;
221
203
  return source.data.type === 'table-header' && source.data.tableId === tableId;
222
204
  },
223
205
  onDragStart: function onDragStart() {
@@ -253,8 +235,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
253
235
  };
254
236
  },
255
237
  // Is called when dragging started
256
- onGenerateDragPreview: function onGenerateDragPreview(_ref9) {
257
- var nativeSetDragImage = _ref9.nativeSetDragImage;
238
+ onGenerateDragPreview: function onGenerateDragPreview(_ref8) {
239
+ var nativeSetDragImage = _ref8.nativeSetDragImage;
258
240
  // We don't show any preview, since column separator (handle) is moving with the cursor
259
241
  disableNativeDragPreview({
260
242
  nativeSetDragImage: nativeSetDragImage
@@ -266,8 +248,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
266
248
  initialWidth: width
267
249
  });
268
250
  },
269
- onDrag: function onDrag(_ref0) {
270
- var location = _ref0.location;
251
+ onDrag: function onDrag(_ref9) {
252
+ var location = _ref9.location;
271
253
  var relativeDistanceX = location.current.input.clientX - location.initial.input.clientX;
272
254
  invariant(state.type === 'resizing');
273
255
  var initialWidth = state.initialWidth;
@@ -306,9 +288,9 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
306
288
  var TriggerIcon = useMemo(function () {
307
289
  return shouldShowTriggerIcon ? isDropdownOpen ? ChevronUp : ChevronDown : isWideEnoughToHaveChevron ? GlyphPlaceholder : undefined;
308
290
  }, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
309
- var getTriggerButton = useCallback(function (_ref1) {
310
- var triggerRef = _ref1.triggerRef,
311
- props = _objectWithoutProperties(_ref1, _excluded4);
291
+ var getTriggerButton = useCallback(function (_ref0) {
292
+ var triggerRef = _ref0.triggerRef,
293
+ props = _objectWithoutProperties(_ref0, _excluded3);
312
294
  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
313
295
  testId: "".concat(id, "-column-dropdown"),
314
296
  shouldFitContainer: true,
@@ -328,8 +310,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
328
310
  }
329
311
  }), children);
330
312
  }, [children, id, TriggerIcon]);
331
- var onDropdownOpenChange = useCallback(function (_ref10) {
332
- var isOpen = _ref10.isOpen;
313
+ var onDropdownOpenChange = useCallback(function (_ref1) {
314
+ var isOpen = _ref1.isOpen;
333
315
  return setIsDropdownOpen(isOpen);
334
316
  }, []);
335
317
  var toggleWrap = useCallback(function () {
@@ -361,15 +343,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref4) {
361
343
  },
362
344
  "data-testid": "column-resize-handle",
363
345
  className: ax(["_1y7c1ejb _1bsbaakz _80om11mm _16jlidpf _kqswstnw _1pbykb7n _1xi2aesa _154iidpf _1tesidpf _pdyk1hrg _154pidpf _dydkssc3 _1kt9b3bt _1cs8stnw _1rusopvu _1mp4atg7 _qneczvxw _1ct3kb7n", state.type === 'resizing' && "_80omn7od _154pkb7n"])
364
- }) : null, onIsWrappedChange && fg('platform-button-icon-spacing-cleanup') ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(DropdownMenu, {
365
- trigger: getTriggerButton,
366
- onOpenChange: onDropdownOpenChange,
367
- placement: 'bottom'
368
- }, /*#__PURE__*/React.createElement(DropdownItem, {
369
- elemBefore: isWrapped ? /*#__PURE__*/React.createElement(UnwrapTextIcon, null) : /*#__PURE__*/React.createElement(WrapTextIcon, null),
370
- testId: "".concat(id, "-column-dropdown-item-toggle-wrapping"),
371
- onClick: toggleWrap
372
- }, isWrapped ? /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.unwrapText) : /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.wrapText)))) : onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParentOld, null, /*#__PURE__*/React.createElement(DropdownMenu, {
346
+ }) : null, onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(DropdownMenu, {
373
347
  trigger: getTriggerButton,
374
348
  onOpenChange: onDropdownOpenChange,
375
349
  placement: 'bottom'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "4.34.0",
3
+ "version": "4.34.2",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,25 +36,25 @@
36
36
  "ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/adf-schema": "^52.2.0",
39
+ "@atlaskit/adf-schema": "^52.3.0",
40
40
  "@atlaskit/afm-i18n-platform-linking-platform-link-datasource": "2.7.0",
41
41
  "@atlaskit/analytics-next": "^11.1.0",
42
42
  "@atlaskit/atlassian-context": "^0.6.0",
43
- "@atlaskit/avatar": "^25.8.0",
43
+ "@atlaskit/avatar": "^25.9.0",
44
44
  "@atlaskit/avatar-group": "^12.4.0",
45
45
  "@atlaskit/badge": "^18.4.0",
46
46
  "@atlaskit/button": "^23.10.0",
47
47
  "@atlaskit/css": "^0.19.0",
48
48
  "@atlaskit/datetime-picker": "^17.5.0",
49
- "@atlaskit/dropdown-menu": "^16.6.0",
49
+ "@atlaskit/dropdown-menu": "^16.7.0",
50
50
  "@atlaskit/editor-prosemirror": "^7.3.0",
51
51
  "@atlaskit/empty-state": "^10.1.0",
52
52
  "@atlaskit/feature-gate-js-client": "^5.5.0",
53
53
  "@atlaskit/flag": "^17.8.0",
54
54
  "@atlaskit/form": "^15.4.0",
55
55
  "@atlaskit/heading": "^5.3.0",
56
- "@atlaskit/icon": "^32.0.0",
57
- "@atlaskit/icon-object": "^7.4.0",
56
+ "@atlaskit/icon": "^33.0.0",
57
+ "@atlaskit/icon-object": "^7.5.0",
58
58
  "@atlaskit/image": "^3.0.0",
59
59
  "@atlaskit/inline-edit": "^15.6.0",
60
60
  "@atlaskit/intl-messages-provider": "^2.0.0",
@@ -78,8 +78,8 @@
78
78
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
79
79
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
80
80
  "@atlaskit/primitives": "^18.0.0",
81
- "@atlaskit/react-select": "^3.13.0",
82
- "@atlaskit/select": "^21.7.0",
81
+ "@atlaskit/react-select": "^3.14.0",
82
+ "@atlaskit/select": "^21.8.0",
83
83
  "@atlaskit/smart-card": "^43.26.0",
84
84
  "@atlaskit/smart-user-picker": "^9.2.0",
85
85
  "@atlaskit/spinner": "^19.0.0",
@@ -184,9 +184,6 @@
184
184
  },
185
185
  "platform_navx_sllv_j2ws_dropdown_for_single_row": {
186
186
  "type": "boolean"
187
- },
188
- "platform-button-icon-spacing-cleanup": {
189
- "type": "boolean"
190
187
  }
191
188
  },
192
189
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"