@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 +14 -0
- package/dist/cjs/ui/issue-like-table/column-picker/index.compiled.css +0 -2
- package/dist/cjs/ui/issue-like-table/column-picker/index.js +2 -20
- package/dist/cjs/ui/issue-like-table/draggable-table-heading.compiled.css +0 -2
- package/dist/cjs/ui/issue-like-table/draggable-table-heading.js +32 -58
- package/dist/es2019/ui/issue-like-table/column-picker/index.compiled.css +0 -2
- package/dist/es2019/ui/issue-like-table/column-picker/index.js +2 -18
- package/dist/es2019/ui/issue-like-table/draggable-table-heading.compiled.css +0 -2
- package/dist/es2019/ui/issue-like-table/draggable-table-heading.js +1 -26
- package/dist/esm/ui/issue-like-table/column-picker/index.compiled.css +0 -2
- package/dist/esm/ui/issue-like-table/column-picker/index.js +2 -20
- package/dist/esm/ui/issue-like-table/draggable-table-heading.compiled.css +0 -2
- package/dist/esm/ui/issue-like-table/draggable-table-heading.js +32 -58
- package/package.json +8 -11
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
|
|
@@ -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
|
|
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
|
-
})))
|
|
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 = ["
|
|
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
|
|
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(
|
|
104
|
-
var children =
|
|
105
|
-
id =
|
|
106
|
-
index =
|
|
107
|
-
tableId =
|
|
108
|
-
dndPreviewHeight =
|
|
109
|
-
dragPreview =
|
|
110
|
-
width =
|
|
111
|
-
onWidthChange =
|
|
112
|
-
isWrapped =
|
|
113
|
-
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(
|
|
150
|
-
var 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(
|
|
157
|
-
var 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(
|
|
193
|
-
var input =
|
|
194
|
-
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(
|
|
226
|
-
var 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(
|
|
263
|
-
var 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(
|
|
276
|
-
var 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 (
|
|
316
|
-
var triggerRef =
|
|
317
|
-
props = (0, _objectWithoutProperties2.default)(
|
|
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 (
|
|
338
|
-
var 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
|
|
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'
|
|
@@ -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 =>
|
|
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
|
-
})))
|
|
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
|
|
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'
|
|
@@ -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
|
|
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
|
-
})))
|
|
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 = ["
|
|
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
|
|
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(
|
|
98
|
-
var children =
|
|
99
|
-
id =
|
|
100
|
-
index =
|
|
101
|
-
tableId =
|
|
102
|
-
dndPreviewHeight =
|
|
103
|
-
dragPreview =
|
|
104
|
-
width =
|
|
105
|
-
onWidthChange =
|
|
106
|
-
isWrapped =
|
|
107
|
-
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(
|
|
144
|
-
var 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(
|
|
151
|
-
var 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(
|
|
187
|
-
var input =
|
|
188
|
-
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(
|
|
220
|
-
var 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(
|
|
257
|
-
var 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(
|
|
270
|
-
var 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 (
|
|
310
|
-
var triggerRef =
|
|
311
|
-
props = _objectWithoutProperties(
|
|
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 (
|
|
332
|
-
var 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
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "^
|
|
57
|
-
"@atlaskit/icon-object": "^7.
|
|
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.
|
|
82
|
-
"@atlaskit/select": "^21.
|
|
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"
|