@atlaskit/link-datasource 7.5.1 → 7.5.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.
Files changed (20) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/index.js +2 -4
  3. package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
  4. package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +1 -1
  5. package/dist/cjs/ui/issue-like-table/column-picker/index.js +10 -51
  6. package/dist/cjs/ui/issue-like-table/issue-like-data-table-view.js +1 -2
  7. package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/index.js +3 -5
  8. package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
  9. package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +1 -1
  10. package/dist/es2019/ui/issue-like-table/column-picker/index.js +8 -45
  11. package/dist/es2019/ui/issue-like-table/issue-like-data-table-view.js +1 -2
  12. package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/index.js +2 -4
  13. package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
  14. package/dist/esm/ui/datasource-table-view/datasourceTableView.js +1 -1
  15. package/dist/esm/ui/issue-like-table/column-picker/index.js +9 -50
  16. package/dist/esm/ui/issue-like-table/issue-like-data-table-view.js +1 -2
  17. package/package.json +4 -8
  18. package/dist/cjs/ui/issue-like-table/column-picker/index.compiled.css +0 -1
  19. package/dist/es2019/ui/issue-like-table/column-picker/index.compiled.css +0 -1
  20. package/dist/esm/ui/issue-like-table/column-picker/index.compiled.css +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 7.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9b0d8af629b68`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b0d8af629b68) -
8
+ Clean up feature gate `platform_lp_sllv_table_settings_menu`. The table settings menu and bulk
9
+ text wrapping remain permanently enabled, including the column-picker icon button and editor
10
+ wrapping updates. No public API changes.
11
+ - Updated dependencies
12
+
3
13
  ## 7.5.1
4
14
 
5
15
  ### Patch Changes
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _fg = require("@atlaskit/platform-feature-flags/fg");
12
11
  var _types = require("../../../../analytics/types");
13
12
  var _useUserInteractions = require("../../../../contexts/user-interactions/use-user-interactions");
14
13
  var _issueLikeDataTableView = require("../../../issue-like-table/issue-like-data-table-view");
@@ -54,9 +53,8 @@ var Table = function Table(props) {
54
53
  columnCustomSizes: columnCustomSizes,
55
54
  onColumnResize: onColumnResize,
56
55
  wrappedColumnKeys: wrappedColumnKeys,
57
- onWrappedColumnChange: onWrappedColumnChange
58
- }, (0, _fg.fg)('platform_lp_sllv_table_settings_menu') ? {
56
+ onWrappedColumnChange: onWrappedColumnChange,
59
57
  onWrappedColumnsChange: onWrappedColumnsChange
60
- } : {}));
58
+ }));
61
59
  };
62
60
  var _default = exports.default = Table;
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.useColumnWrapping = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
- var _fg = require("@atlaskit/platform-feature-flags/fg");
11
10
  var useColumnWrapping = exports.useColumnWrapping = function useColumnWrapping() {
12
11
  var initialWrappedColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
13
12
  var _useState = (0, _react.useState)(initialWrappedColumnKeys),
@@ -15,15 +14,6 @@ var useColumnWrapping = exports.useColumnWrapping = function useColumnWrapping()
15
14
  wrappedColumnKeys = _useState2[0],
16
15
  setWrappedColumnKeys = _useState2[1];
17
16
  var onWrappedColumnChange = (0, _react.useCallback)(function (key, isWrapped) {
18
- var set = new Set(wrappedColumnKeys);
19
- if (isWrapped) {
20
- set.add(key);
21
- } else {
22
- set.delete(key);
23
- }
24
- setWrappedColumnKeys(Array.from(set));
25
- }, [wrappedColumnKeys]);
26
- var onWrappedColumnChangeWithLatestState = (0, _react.useCallback)(function (key, isWrapped) {
27
17
  setWrappedColumnKeys(function (currentWrappedColumnKeys) {
28
18
  var nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
29
19
  if (isWrapped) {
@@ -37,15 +27,9 @@ var useColumnWrapping = exports.useColumnWrapping = function useColumnWrapping()
37
27
  var onWrappedColumnsChange = (0, _react.useCallback)(function (nextWrappedColumnKeys) {
38
28
  setWrappedColumnKeys(nextWrappedColumnKeys);
39
29
  }, []);
40
- if ((0, _fg.fg)('platform_lp_sllv_table_settings_menu')) {
41
- return {
42
- wrappedColumnKeys: wrappedColumnKeys,
43
- onWrappedColumnChange: onWrappedColumnChangeWithLatestState,
44
- onWrappedColumnsChange: onWrappedColumnsChange
45
- };
46
- }
47
30
  return {
48
31
  wrappedColumnKeys: wrappedColumnKeys,
49
- onWrappedColumnChange: onWrappedColumnChange
32
+ onWrappedColumnChange: onWrappedColumnChange,
33
+ onWrappedColumnsChange: onWrappedColumnsChange
50
34
  };
51
35
  };
@@ -273,7 +273,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
273
273
  } : {}, {
274
274
  wrappedColumnKeys: wrappedColumnKeys,
275
275
  onWrappedColumnChange: onWrappedColumnChange
276
- }, onWrappedColumnsChange && (0, _fg.fg)('platform_lp_sllv_table_settings_menu') ? {
276
+ }, onWrappedColumnsChange ? {
277
277
  onWrappedColumnsChange: onWrappedColumnsChange
278
278
  } : {}, {
279
279
  scrollableContainerHeight: isInPDFRender ? undefined : (0, _fg.fg)('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,
@@ -1,4 +1,3 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
1
  "use strict";
3
2
 
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,25 +6,16 @@ Object.defineProperty(exports, "__esModule", {
7
6
  value: true
8
7
  });
9
8
  exports.ColumnPicker = void 0;
10
- require("./index.compiled.css");
11
- var _runtime = require("@compiled/react/runtime");
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
11
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
16
13
  var _react = _interopRequireWildcard(require("react"));
17
14
  var _reactIntl = require("react-intl");
18
- var _useCallbackRef = require("use-callback-ref");
19
- var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
20
- var _button2 = _interopRequireDefault(require("@atlaskit/button/icon/button"));
21
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
22
- var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
15
+ var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
23
16
  var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/core/table-columns-distribute"));
24
- var _fg = require("@atlaskit/platform-feature-flags/fg");
25
- var _box = require("@atlaskit/primitives/compiled/box");
26
17
  var _filters = require("@atlaskit/react-select/filters");
27
18
  var _popupSelect = require("@atlaskit/select/popup-select");
28
- var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
29
19
  var _succeedUfoExperience = require("../../../analytics/ufoExperiences/succeedUfoExperience");
30
20
  var _useDatasourceExperienceId = require("../../../contexts/datasource-experience-id/use-datasource-experience-id");
31
21
  var _concatenatedMenuList = require("./concatenated-menu-list");
@@ -33,9 +23,6 @@ var _menuItem = require("./menu-item");
33
23
  var _messages = require("./messages");
34
24
  var _excluded = ["isOpen"];
35
25
  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); }
36
- var styles = {
37
- customizeIcon: "_s7n4nkob"
38
- };
39
26
  var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
40
27
  var columns = _ref.columns,
41
28
  selectedColumnKeys = _ref.selectedColumnKeys,
@@ -155,43 +142,15 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
155
142
  target: function target(_ref8) {
156
143
  var isOpen = _ref8.isOpen,
157
144
  triggerProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
158
- if ((0, _fg.fg)('platform_lp_sllv_table_settings_menu')) {
159
- return /*#__PURE__*/_react.default.createElement(_button2.default, (0, _extends2.default)({}, triggerProps, {
160
- appearance: "default",
161
- icon: _tableColumnsDistribute.default,
162
- isSelected: isOpen,
163
- isTooltipDisabled: false,
164
- label: intl.formatMessage(_messages.columnPickerMessages.tooltip),
165
- spacing: "default",
166
- testId: "column-picker-trigger-button"
167
- }));
168
- }
169
- return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
170
- content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
171
- }, function (tooltipProps) {
172
- return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
173
- // `tooltipProps.ref` must be included: spreading `triggerProps` after
174
- // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
175
- // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
176
- // master does.
177
- ref: (0, _fg.fg)('platform-dst-top-layer-tooltip') ? (0, _useCallbackRef.mergeRefs)([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
178
- isSelected: isOpen,
179
- spacing: "compact",
180
- appearance: 'default',
181
- testId: "column-picker-trigger-button",
182
- iconAfter: function iconAfter() {
183
- return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
184
- label: "down",
185
- size: "small"
186
- });
187
- }
188
- }), /*#__PURE__*/_react.default.createElement(_box.Box, {
189
- as: "span",
190
- xcss: styles.customizeIcon
191
- }, /*#__PURE__*/_react.default.createElement(_customize.default, {
192
- label: "customize"
193
- })));
194
- });
145
+ return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, triggerProps, {
146
+ appearance: "default",
147
+ icon: _tableColumnsDistribute.default,
148
+ isSelected: isOpen,
149
+ isTooltipDisabled: false,
150
+ label: intl.formatMessage(_messages.columnPickerMessages.tooltip),
151
+ spacing: "default",
152
+ testId: "column-picker-trigger-button"
153
+ }));
195
154
  }
196
155
  });
197
156
  };
@@ -25,7 +25,6 @@ var _flagsProvider = require("@atlaskit/flag/flags-provider");
25
25
  var _sortAscending = _interopRequireDefault(require("@atlaskit/icon/core/sort-ascending"));
26
26
  var _sortDescending = _interopRequireDefault(require("@atlaskit/icon/core/sort-descending"));
27
27
  var _skeleton = require("@atlaskit/linking-common/skeleton");
28
- var _fg = require("@atlaskit/platform-feature-flags/fg");
29
28
  var _extractClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge");
30
29
  var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge");
31
30
  var _autoScroller = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller");
@@ -297,7 +296,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
297
296
  });
298
297
  }).filter(Boolean);
299
298
  }, [orderedColumns, visibleColumnKeys]);
300
- var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange) && (0, _fg.fg)('platform_lp_sllv_table_settings_menu');
299
+ var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
301
300
  var areAllVisibleColumnsWrapped = false;
302
301
  if (isWrapTextSettingAvailable) {
303
302
  areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(function (columnKey) {
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback } from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags/fg';
4
3
  import { DatasourceAction } from '../../../../analytics/types';
5
4
  import { useUserInteractions } from '../../../../contexts/user-interactions/use-user-interactions';
6
5
  import { IssueLikeDataTableView } from '../../../issue-like-table/issue-like-data-table-view';
@@ -45,9 +44,8 @@ const Table = props => {
45
44
  columnCustomSizes: columnCustomSizes,
46
45
  onColumnResize: onColumnResize,
47
46
  wrappedColumnKeys: wrappedColumnKeys,
48
- onWrappedColumnChange: onWrappedColumnChange
49
- }, fg('platform_lp_sllv_table_settings_menu') ? {
50
- onWrappedColumnsChange
51
- } : {}));
47
+ onWrappedColumnChange: onWrappedColumnChange,
48
+ onWrappedColumnsChange: onWrappedColumnsChange
49
+ }));
52
50
  };
53
51
  export default Table;
@@ -1,17 +1,7 @@
1
1
  import { useCallback, useState } from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags/fg';
3
2
  export const useColumnWrapping = (initialWrappedColumnKeys = []) => {
4
3
  const [wrappedColumnKeys, setWrappedColumnKeys] = useState(initialWrappedColumnKeys);
5
4
  const onWrappedColumnChange = useCallback((key, isWrapped) => {
6
- const set = new Set(wrappedColumnKeys);
7
- if (isWrapped) {
8
- set.add(key);
9
- } else {
10
- set.delete(key);
11
- }
12
- setWrappedColumnKeys(Array.from(set));
13
- }, [wrappedColumnKeys]);
14
- const onWrappedColumnChangeWithLatestState = useCallback((key, isWrapped) => {
15
5
  setWrappedColumnKeys(currentWrappedColumnKeys => {
16
6
  const nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
17
7
  if (isWrapped) {
@@ -25,15 +15,9 @@ export const useColumnWrapping = (initialWrappedColumnKeys = []) => {
25
15
  const onWrappedColumnsChange = useCallback(nextWrappedColumnKeys => {
26
16
  setWrappedColumnKeys(nextWrappedColumnKeys);
27
17
  }, []);
28
- if (fg('platform_lp_sllv_table_settings_menu')) {
29
- return {
30
- wrappedColumnKeys,
31
- onWrappedColumnChange: onWrappedColumnChangeWithLatestState,
32
- onWrappedColumnsChange
33
- };
34
- }
35
18
  return {
36
19
  wrappedColumnKeys,
37
- onWrappedColumnChange
20
+ onWrappedColumnChange,
21
+ onWrappedColumnsChange
38
22
  };
39
23
  };
@@ -258,7 +258,7 @@ const DatasourceTableViewWithoutAnalytics = ({
258
258
  } : {}, {
259
259
  wrappedColumnKeys: wrappedColumnKeys,
260
260
  onWrappedColumnChange: onWrappedColumnChange
261
- }, onWrappedColumnsChange && fg('platform_lp_sllv_table_settings_menu') ? {
261
+ }, onWrappedColumnsChange ? {
262
262
  onWrappedColumnsChange
263
263
  } : {}, {
264
264
  scrollableContainerHeight: isInPDFRender ? undefined : fg('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,
@@ -1,28 +1,15 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
1
  import _extends from "@babel/runtime/helpers/extends";
3
- import "./index.compiled.css";
4
- import { ax, ix } from "@compiled/react/runtime";
5
2
  import React, { useCallback, useEffect, useRef, useState } from 'react';
6
3
  import { useIntl } from 'react-intl';
7
- import { mergeRefs } from 'use-callback-ref';
8
- import Button from '@atlaskit/button/default/button';
9
4
  import IconButton from '@atlaskit/button/icon/button';
10
- import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
11
- import CustomizeIcon from '@atlaskit/icon/core/customize';
12
5
  import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
13
- import { fg } from '@atlaskit/platform-feature-flags/fg';
14
- import { Box } from '@atlaskit/primitives/compiled/box';
15
6
  import { createFilter } from '@atlaskit/react-select/filters';
16
7
  import { PopupSelect } from '@atlaskit/select/popup-select';
17
- import Tooltip from '@atlaskit/tooltip/Tooltip';
18
8
  import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
19
9
  import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
20
10
  import { ConcatenatedMenuList } from './concatenated-menu-list';
21
11
  import { MenuItem } from './menu-item';
22
12
  import { columnPickerMessages } from './messages';
23
- const styles = {
24
- customizeIcon: "_s7n4nkob"
25
- };
26
13
  export const ColumnPicker = ({
27
14
  columns,
28
15
  selectedColumnKeys,
@@ -129,39 +116,15 @@ export const ColumnPicker = ({
129
116
  isOpen,
130
117
  ...triggerProps
131
118
  }) => {
132
- if (fg('platform_lp_sllv_table_settings_menu')) {
133
- return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
134
- appearance: "default",
135
- icon: TableColumnsDistributeIcon,
136
- isSelected: isOpen,
137
- isTooltipDisabled: false,
138
- label: intl.formatMessage(columnPickerMessages.tooltip),
139
- spacing: "default",
140
- testId: "column-picker-trigger-button"
141
- }));
142
- }
143
- return /*#__PURE__*/React.createElement(Tooltip, {
144
- content: intl.formatMessage(columnPickerMessages.tooltip)
145
- }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
146
- // `tooltipProps.ref` must be included: spreading `triggerProps` after
147
- // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
148
- // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
149
- // master does.
150
- ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
119
+ return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
120
+ appearance: "default",
121
+ icon: TableColumnsDistributeIcon,
151
122
  isSelected: isOpen,
152
- spacing: "compact",
153
- appearance: 'default',
154
- testId: "column-picker-trigger-button",
155
- iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
156
- label: "down",
157
- size: "small"
158
- })
159
- }), /*#__PURE__*/React.createElement(Box, {
160
- as: "span",
161
- xcss: styles.customizeIcon
162
- }, /*#__PURE__*/React.createElement(CustomizeIcon, {
163
- label: "customize"
164
- }))));
123
+ isTooltipDisabled: false,
124
+ label: intl.formatMessage(columnPickerMessages.tooltip),
125
+ spacing: "default",
126
+ testId: "column-picker-trigger-button"
127
+ }));
165
128
  }
166
129
  });
167
130
  };
@@ -14,7 +14,6 @@ import { FlagsProvider } from '@atlaskit/flag/flags-provider';
14
14
  import SortAscendingIcon from '@atlaskit/icon/core/sort-ascending';
15
15
  import SortDescendingIcon from '@atlaskit/icon/core/sort-descending';
16
16
  import { Skeleton } from '@atlaskit/linking-common/skeleton';
17
- import { fg } from '@atlaskit/platform-feature-flags/fg';
18
17
  import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
19
18
  import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
20
19
  import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller';
@@ -262,7 +261,7 @@ export const IssueLikeDataTableView = ({
262
261
  const visibleSortedColumns = useMemo(() => visibleColumnKeys.map(visibleKey => orderedColumns.find(({
263
262
  key
264
263
  }) => visibleKey === key)).filter(Boolean), [orderedColumns, visibleColumnKeys]);
265
- const isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange) && fg('platform_lp_sllv_table_settings_menu');
264
+ const isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
266
265
  let areAllVisibleColumnsWrapped = false;
267
266
  if (isWrapTextSettingAvailable) {
268
267
  areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(columnKey => wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(columnKey));
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback } from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags/fg';
4
3
  import { DatasourceAction } from '../../../../analytics/types';
5
4
  import { useUserInteractions } from '../../../../contexts/user-interactions/use-user-interactions';
6
5
  import { IssueLikeDataTableView } from '../../../issue-like-table/issue-like-data-table-view';
@@ -45,9 +44,8 @@ var Table = function Table(props) {
45
44
  columnCustomSizes: columnCustomSizes,
46
45
  onColumnResize: onColumnResize,
47
46
  wrappedColumnKeys: wrappedColumnKeys,
48
- onWrappedColumnChange: onWrappedColumnChange
49
- }, fg('platform_lp_sllv_table_settings_menu') ? {
47
+ onWrappedColumnChange: onWrappedColumnChange,
50
48
  onWrappedColumnsChange: onWrappedColumnsChange
51
- } : {}));
49
+ }));
52
50
  };
53
51
  export default Table;
@@ -1,6 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import { useCallback, useState } from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags/fg';
4
3
  export var useColumnWrapping = function useColumnWrapping() {
5
4
  var initialWrappedColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
6
5
  var _useState = useState(initialWrappedColumnKeys),
@@ -8,15 +7,6 @@ export var useColumnWrapping = function useColumnWrapping() {
8
7
  wrappedColumnKeys = _useState2[0],
9
8
  setWrappedColumnKeys = _useState2[1];
10
9
  var onWrappedColumnChange = useCallback(function (key, isWrapped) {
11
- var set = new Set(wrappedColumnKeys);
12
- if (isWrapped) {
13
- set.add(key);
14
- } else {
15
- set.delete(key);
16
- }
17
- setWrappedColumnKeys(Array.from(set));
18
- }, [wrappedColumnKeys]);
19
- var onWrappedColumnChangeWithLatestState = useCallback(function (key, isWrapped) {
20
10
  setWrappedColumnKeys(function (currentWrappedColumnKeys) {
21
11
  var nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
22
12
  if (isWrapped) {
@@ -30,15 +20,9 @@ export var useColumnWrapping = function useColumnWrapping() {
30
20
  var onWrappedColumnsChange = useCallback(function (nextWrappedColumnKeys) {
31
21
  setWrappedColumnKeys(nextWrappedColumnKeys);
32
22
  }, []);
33
- if (fg('platform_lp_sllv_table_settings_menu')) {
34
- return {
35
- wrappedColumnKeys: wrappedColumnKeys,
36
- onWrappedColumnChange: onWrappedColumnChangeWithLatestState,
37
- onWrappedColumnsChange: onWrappedColumnsChange
38
- };
39
- }
40
23
  return {
41
24
  wrappedColumnKeys: wrappedColumnKeys,
42
- onWrappedColumnChange: onWrappedColumnChange
25
+ onWrappedColumnChange: onWrappedColumnChange,
26
+ onWrappedColumnsChange: onWrappedColumnsChange
43
27
  };
44
28
  };
@@ -264,7 +264,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
264
264
  } : {}, {
265
265
  wrappedColumnKeys: wrappedColumnKeys,
266
266
  onWrappedColumnChange: onWrappedColumnChange
267
- }, onWrappedColumnsChange && fg('platform_lp_sllv_table_settings_menu') ? {
267
+ }, onWrappedColumnsChange ? {
268
268
  onWrappedColumnsChange: onWrappedColumnsChange
269
269
  } : {}, {
270
270
  scrollableContainerHeight: isInPDFRender ? undefined : fg('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,
@@ -1,32 +1,19 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
1
  import _extends from "@babel/runtime/helpers/extends";
3
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
3
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
5
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
5
  var _excluded = ["isOpen"];
7
- import "./index.compiled.css";
8
- import { ax, ix } from "@compiled/react/runtime";
9
6
  import React, { useCallback, useEffect, useRef, useState } from 'react';
10
7
  import { useIntl } from 'react-intl';
11
- import { mergeRefs } from 'use-callback-ref';
12
- import Button from '@atlaskit/button/default/button';
13
8
  import IconButton from '@atlaskit/button/icon/button';
14
- import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
15
- import CustomizeIcon from '@atlaskit/icon/core/customize';
16
9
  import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
17
- import { fg } from '@atlaskit/platform-feature-flags/fg';
18
- import { Box } from '@atlaskit/primitives/compiled/box';
19
10
  import { createFilter } from '@atlaskit/react-select/filters';
20
11
  import { PopupSelect } from '@atlaskit/select/popup-select';
21
- import Tooltip from '@atlaskit/tooltip/Tooltip';
22
12
  import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
23
13
  import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
24
14
  import { ConcatenatedMenuList } from './concatenated-menu-list';
25
15
  import { MenuItem } from './menu-item';
26
16
  import { columnPickerMessages } from './messages';
27
- var styles = {
28
- customizeIcon: "_s7n4nkob"
29
- };
30
17
  export var ColumnPicker = function ColumnPicker(_ref) {
31
18
  var columns = _ref.columns,
32
19
  selectedColumnKeys = _ref.selectedColumnKeys,
@@ -146,43 +133,15 @@ export var ColumnPicker = function ColumnPicker(_ref) {
146
133
  target: function target(_ref8) {
147
134
  var isOpen = _ref8.isOpen,
148
135
  triggerProps = _objectWithoutProperties(_ref8, _excluded);
149
- if (fg('platform_lp_sllv_table_settings_menu')) {
150
- return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
151
- appearance: "default",
152
- icon: TableColumnsDistributeIcon,
153
- isSelected: isOpen,
154
- isTooltipDisabled: false,
155
- label: intl.formatMessage(columnPickerMessages.tooltip),
156
- spacing: "default",
157
- testId: "column-picker-trigger-button"
158
- }));
159
- }
160
- return /*#__PURE__*/React.createElement(Tooltip, {
161
- content: intl.formatMessage(columnPickerMessages.tooltip)
162
- }, function (tooltipProps) {
163
- return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
164
- // `tooltipProps.ref` must be included: spreading `triggerProps` after
165
- // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
166
- // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
167
- // master does.
168
- ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
169
- isSelected: isOpen,
170
- spacing: "compact",
171
- appearance: 'default',
172
- testId: "column-picker-trigger-button",
173
- iconAfter: function iconAfter() {
174
- return /*#__PURE__*/React.createElement(ChevronDownIcon, {
175
- label: "down",
176
- size: "small"
177
- });
178
- }
179
- }), /*#__PURE__*/React.createElement(Box, {
180
- as: "span",
181
- xcss: styles.customizeIcon
182
- }, /*#__PURE__*/React.createElement(CustomizeIcon, {
183
- label: "customize"
184
- })));
185
- });
136
+ return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
137
+ appearance: "default",
138
+ icon: TableColumnsDistributeIcon,
139
+ isSelected: isOpen,
140
+ isTooltipDisabled: false,
141
+ label: intl.formatMessage(columnPickerMessages.tooltip),
142
+ spacing: "default",
143
+ testId: "column-picker-trigger-button"
144
+ }));
186
145
  }
187
146
  });
188
147
  };
@@ -28,7 +28,6 @@ import { FlagsProvider } from '@atlaskit/flag/flags-provider';
28
28
  import SortAscendingIcon from '@atlaskit/icon/core/sort-ascending';
29
29
  import SortDescendingIcon from '@atlaskit/icon/core/sort-descending';
30
30
  import { Skeleton } from '@atlaskit/linking-common/skeleton';
31
- import { fg } from '@atlaskit/platform-feature-flags/fg';
32
31
  import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
33
32
  import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
34
33
  import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller';
@@ -290,7 +289,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref7) {
290
289
  });
291
290
  }).filter(Boolean);
292
291
  }, [orderedColumns, visibleColumnKeys]);
293
- var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange) && fg('platform_lp_sllv_table_settings_menu');
292
+ var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
294
293
  var areAllVisibleColumnsWrapped = false;
295
294
  if (isWrapTextSettingAvailable) {
296
295
  areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(function (columnKey) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "7.5.1",
3
+ "version": "7.5.2",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -40,13 +40,13 @@
40
40
  "dependencies": {
41
41
  "@atlaskit/adf-schema": "^57.7.0",
42
42
  "@atlaskit/afm-i18n-platform-linking-platform-link-datasource": "2.280.0",
43
- "@atlaskit/analytics-cross-product": "^2.2.0",
43
+ "@atlaskit/analytics-cross-product": "^2.3.0",
44
44
  "@atlaskit/analytics-next": "^12.6.0",
45
45
  "@atlaskit/atlassian-context": "^2.0.0",
46
46
  "@atlaskit/avatar": "^30.0.0",
47
47
  "@atlaskit/avatar-group": "^14.4.0",
48
48
  "@atlaskit/badge": "^22.0.0",
49
- "@atlaskit/button": "^25.4.0",
49
+ "@atlaskit/button": "^25.5.0",
50
50
  "@atlaskit/css": "^1.1.0",
51
51
  "@atlaskit/datetime-picker": "^19.3.0",
52
52
  "@atlaskit/dropdown-menu": "^21.0.0",
@@ -61,7 +61,7 @@
61
61
  "@atlaskit/inline-edit": "^16.4.0",
62
62
  "@atlaskit/intl-messages-provider": "^5.0.0",
63
63
  "@atlaskit/jql-ast": "^4.2.0",
64
- "@atlaskit/jql-editor": "^8.2.0",
64
+ "@atlaskit/jql-editor": "^8.3.0",
65
65
  "@atlaskit/jql-editor-autocomplete-rest": "^4.6.0",
66
66
  "@atlaskit/layering": "^6.0.0",
67
67
  "@atlaskit/link": "^5.1.0",
@@ -108,7 +108,6 @@
108
108
  "lodash": "^4.17.21",
109
109
  "react-sweet-state": "^2.6.5",
110
110
  "tiny-invariant": "^1.2.0",
111
- "use-callback-ref": "^1.2.3",
112
111
  "use-debounce": "^3.4.0",
113
112
  "uuid": "^11.1.1"
114
113
  },
@@ -168,9 +167,6 @@
168
167
  "platform_lp_sllv_preserve_assets_columns": {
169
168
  "type": "boolean"
170
169
  },
171
- "platform_lp_sllv_table_settings_menu": {
172
- "type": "boolean"
173
- },
174
170
  "platform_lp_sllv_on_request_settled": {
175
171
  "type": "boolean"
176
172
  },
@@ -1 +0,0 @@
1
- ._s7n4nkob{vertical-align:middle}
@@ -1 +0,0 @@
1
- ._s7n4nkob{vertical-align:middle}
@@ -1 +0,0 @@
1
- ._s7n4nkob{vertical-align:middle}