@atlaskit/link-datasource 7.5.0 → 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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/ui/common/error-state/provider-auth-required.js +4 -3
- package/dist/cjs/ui/common/initial-state-view/index.js +1 -1
- package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/index.js +2 -4
- package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
- package/dist/cjs/ui/common/modal/popup-select/formatOptionLabel.js +1 -1
- package/dist/cjs/ui/common/modal/search-count/ItemCountWrapper.js +2 -2
- package/dist/cjs/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js +6 -5
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/cjs/ui/issue-like-table/column-picker/index.js +10 -51
- package/dist/cjs/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/issue-like-data-table-view.js +5 -5
- package/dist/cjs/ui/issue-like-table/render-type/date-range/index.js +2 -2
- package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js +2 -2
- package/dist/cjs/ui/issue-like-table/render-type/status/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/render-type/text/index.js +2 -2
- package/dist/cjs/ui/issue-like-table/render-type/user/index.js +4 -4
- package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js +2 -2
- package/dist/cjs/ui/issue-like-table/table-cell-content/table-cell-content.js +3 -3
- package/dist/cjs/ui/jira-issues-modal/modal/index.js +4 -4
- package/dist/es2019/ui/common/error-state/provider-auth-required.js +2 -1
- package/dist/es2019/ui/common/initial-state-view/index.js +1 -1
- package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/index.js +3 -5
- package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
- package/dist/es2019/ui/common/modal/popup-select/formatOptionLabel.js +1 -1
- package/dist/es2019/ui/common/modal/search-count/ItemCountWrapper.js +1 -1
- package/dist/es2019/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js +2 -1
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/es2019/ui/issue-like-table/column-picker/index.js +8 -45
- package/dist/es2019/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/issue-like-data-table-view.js +3 -3
- package/dist/es2019/ui/issue-like-table/render-type/date-range/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/status/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/text/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/user/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js +1 -1
- package/dist/es2019/ui/issue-like-table/table-cell-content/table-cell-content.js +1 -1
- package/dist/es2019/ui/jira-issues-modal/modal/index.js +1 -1
- package/dist/esm/ui/common/error-state/provider-auth-required.js +2 -1
- package/dist/esm/ui/common/initial-state-view/index.js +1 -1
- package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/index.js +2 -4
- package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +2 -18
- package/dist/esm/ui/common/modal/popup-select/formatOptionLabel.js +1 -1
- package/dist/esm/ui/common/modal/search-count/ItemCountWrapper.js +1 -1
- package/dist/esm/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js +2 -1
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/esm/ui/issue-like-table/column-picker/index.js +9 -50
- package/dist/esm/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/esm/ui/issue-like-table/issue-like-data-table-view.js +3 -3
- package/dist/esm/ui/issue-like-table/render-type/date-range/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/date-time/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/status/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/text/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/user/index.js +1 -1
- package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js +1 -1
- package/dist/esm/ui/issue-like-table/table-cell-content/table-cell-content.js +1 -1
- package/dist/esm/ui/jira-issues-modal/modal/index.js +1 -1
- package/examples-helpers/buildIssueLikeTable.tsx +1 -1
- package/package.json +8 -12
- package/dist/cjs/ui/issue-like-table/column-picker/index.compiled.css +0 -1
- package/dist/es2019/ui/issue-like-table/column-picker/index.compiled.css +0 -1
- package/dist/esm/ui/issue-like-table/column-picker/index.compiled.css +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
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
|
+
|
|
13
|
+
## 7.5.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 7.5.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -19,7 +19,8 @@ var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state/empty-st
|
|
|
19
19
|
var _auth2 = require("@atlaskit/outbound-auth-flow-client/auth");
|
|
20
20
|
var _error = require("@atlaskit/outbound-auth-flow-client/error");
|
|
21
21
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
22
|
-
var
|
|
22
|
+
var _anchor = require("@atlaskit/primitives/compiled/anchor");
|
|
23
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
23
24
|
var _analytics = require("../../../analytics");
|
|
24
25
|
var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
|
|
25
26
|
var _messages = require("./messages");
|
|
@@ -92,14 +93,14 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
|
|
|
92
93
|
var renderAuthDescription = function renderAuthDescription() {
|
|
93
94
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatMessage((0, _fg.fg)('product-terminology-refresh') ? _messages.loadingErrorMessages.authScreenDescriptionTextAppify : _messages.loadingErrorMessages.authScreenDescriptionText, {
|
|
94
95
|
providerName: providerName
|
|
95
|
-
}), ' ', /*#__PURE__*/_react.default.createElement(
|
|
96
|
+
}), ' ', /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
|
|
96
97
|
href: learnMoreAboutSmartLinksUrl,
|
|
97
98
|
target: "_blank",
|
|
98
99
|
rel: "noreferrer noopener"
|
|
99
100
|
}, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
|
|
100
101
|
};
|
|
101
102
|
var renderAuthConnectButton = function renderAuthConnectButton() {
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
103
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
103
104
|
xcss: styles.buttonContainer
|
|
104
105
|
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
105
106
|
onClick: onAuthRequest,
|
|
@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
14
|
var _link = _interopRequireDefault(require("@atlaskit/link/link"));
|
|
15
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
15
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
16
16
|
var _messages = require("./messages");
|
|
17
17
|
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); }
|
|
18
18
|
var initialStateViewContainerStyles = null;
|
|
@@ -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;
|
package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js
CHANGED
|
@@ -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
|
};
|
|
@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
|
|
13
13
|
var _css = require("@atlaskit/css");
|
|
14
14
|
var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
|
|
15
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
15
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
16
16
|
var _box = require("@atlaskit/primitives/compiled/box");
|
|
17
17
|
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
18
18
|
var styles = {
|
|
@@ -10,7 +10,7 @@ require("./ItemCountWrapper.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var
|
|
13
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
14
14
|
var _link = _interopRequireDefault(require("@atlaskit/smart-card/link"));
|
|
15
15
|
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; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -22,7 +22,7 @@ var ItemCountWrapper = exports.ItemCountWrapper = function ItemCountWrapper(_ref
|
|
|
22
22
|
additionalStyles = _ref.styles,
|
|
23
23
|
children = _ref.children,
|
|
24
24
|
testId = _ref.testId;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
26
26
|
testId: testId,
|
|
27
27
|
xcss: styles.searchCountStyles,
|
|
28
28
|
alignItems: "center"
|
|
@@ -21,7 +21,8 @@ var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-bo
|
|
|
21
21
|
var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
|
|
22
22
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
23
23
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
24
|
-
var
|
|
24
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
25
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
25
26
|
var _analytics = require("../../../analytics");
|
|
26
27
|
var _types = require("../../../analytics/types");
|
|
27
28
|
var _search = require("../../../common/ui/rich-icon/search");
|
|
@@ -341,16 +342,16 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
|
|
|
341
342
|
}, /*#__PURE__*/_react.default.createElement(_datasourceModal.DatasourceModal, {
|
|
342
343
|
testId: "confluence-search-datasource-modal",
|
|
343
344
|
onClose: onCancel
|
|
344
|
-
}, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(
|
|
345
|
+
}, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
345
346
|
gap: "space.200",
|
|
346
347
|
justifyContent: "space-between",
|
|
347
348
|
xcss: styles.flexStyles
|
|
348
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
349
|
+
}, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
349
350
|
justifyContent: "end",
|
|
350
351
|
xcss: styles.viewModeContainer
|
|
351
352
|
}, !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_DatasourceViewModeDropDown.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
|
|
352
353
|
onClick: onCancel
|
|
353
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
354
|
+
})), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
354
355
|
justifyContent: "start",
|
|
355
356
|
xcss: styles.modalTitleContainer
|
|
356
357
|
}, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
|
|
@@ -360,7 +361,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
|
|
|
360
361
|
testId: "confluence-search-datasource-modal--site-selector",
|
|
361
362
|
label: siteSelectorLabel,
|
|
362
363
|
disableSiteSelector: disableSiteSelector
|
|
363
|
-
}))))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, !hasNoConfluenceSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
364
|
+
}))))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, !hasNoConfluenceSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
364
365
|
xcss: styles.inputContainerStyles
|
|
365
366
|
}, /*#__PURE__*/_react.default.createElement(_confluenceSearchContainer.default, {
|
|
366
367
|
isSearching: status === 'loading',
|
|
@@ -273,7 +273,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
|
|
|
273
273
|
} : {}, {
|
|
274
274
|
wrappedColumnKeys: wrappedColumnKeys,
|
|
275
275
|
onWrappedColumnChange: onWrappedColumnChange
|
|
276
|
-
}, onWrappedColumnsChange
|
|
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
|
|
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 _compiled = require("@atlaskit/primitives/compiled");
|
|
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
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
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(_compiled.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
|
};
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _layering = require("@atlaskit/layering/layering");
|
|
12
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
12
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
13
13
|
var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
|
|
14
14
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
15
15
|
var _failUfoExperience = require("../../../../analytics/ufoExperiences/failUfoExperience");
|
|
@@ -25,13 +25,13 @@ 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");
|
|
32
31
|
var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
|
|
33
32
|
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
34
|
-
var
|
|
33
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
34
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
35
35
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
36
36
|
var _startUfoExperience = require("../../analytics/ufoExperiences/startUfoExperience");
|
|
37
37
|
var _succeedUfoExperience = require("../../analytics/ufoExperiences/succeedUfoExperience");
|
|
@@ -296,7 +296,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
|
|
|
296
296
|
});
|
|
297
297
|
}).filter(Boolean);
|
|
298
298
|
}, [orderedColumns, visibleColumnKeys]);
|
|
299
|
-
var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange)
|
|
299
|
+
var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
|
|
300
300
|
var areAllVisibleColumnsWrapped = false;
|
|
301
301
|
if (isWrapTextSettingAvailable) {
|
|
302
302
|
areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(function (columnKey) {
|
|
@@ -359,7 +359,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
|
|
|
359
359
|
key: 'loading',
|
|
360
360
|
cells: headerColumns.map(function (column) {
|
|
361
361
|
return {
|
|
362
|
-
content: /*#__PURE__*/React.createElement(
|
|
362
|
+
content: /*#__PURE__*/React.createElement(_box.Box, {
|
|
363
363
|
paddingInline: "space.100"
|
|
364
364
|
}, /*#__PURE__*/React.createElement(_skeleton.Skeleton, {
|
|
365
365
|
borderRadius: "var(--ds-radius-large, 8px)",
|
|
@@ -712,7 +712,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
|
|
|
712
712
|
})
|
|
713
713
|
}, heading);
|
|
714
714
|
}
|
|
715
|
-
}), onVisibleColumnKeysChange && (shouldShowTableSettingsMenu ? /*#__PURE__*/React.createElement(ColumnPickerHeaderWithSettings, null, /*#__PURE__*/React.createElement(
|
|
715
|
+
}), onVisibleColumnKeysChange && (shouldShowTableSettingsMenu ? /*#__PURE__*/React.createElement(ColumnPickerHeaderWithSettings, null, /*#__PURE__*/React.createElement(_inline.Inline, {
|
|
716
716
|
alignBlock: "center",
|
|
717
717
|
alignInline: "end",
|
|
718
718
|
space: "space.050"
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.DATERANGE_TYPE_TEST_ID = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
10
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
11
11
|
var _getFormattedDateRange = require("./getFormattedDateRange");
|
|
12
12
|
var DATERANGE_TYPE_TEST_ID = exports.DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
|
|
13
13
|
var DateRangeRenderType = function DateRangeRenderType(_ref) {
|
|
@@ -21,7 +21,7 @@ var DateRangeRenderType = function DateRangeRenderType(_ref) {
|
|
|
21
21
|
if (formattedString === '') {
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
23
23
|
}
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
25
25
|
testId: testId
|
|
26
26
|
}, formattedString);
|
|
27
27
|
};
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.DATETIME_TYPE_TEST_ID = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
10
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
11
11
|
var _getFormattedDate = require("./getFormattedDate");
|
|
12
12
|
var DATETIME_TYPE_TEST_ID = exports.DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
|
|
13
13
|
var DateTimeRenderType = function DateTimeRenderType(_ref) {
|
|
@@ -21,7 +21,7 @@ var DateTimeRenderType = function DateTimeRenderType(_ref) {
|
|
|
21
21
|
if (formattedString === '') {
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
23
23
|
}
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
25
25
|
testId: testId
|
|
26
26
|
}, formattedString);
|
|
27
27
|
};
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.STATUS_TYPE_TEST_ID = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
9
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
10
10
|
var STATUS_TYPE_TEST_ID = exports.STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
|
|
11
11
|
var StatusRenderType = function StatusRenderType(_ref) {
|
|
12
12
|
var text = _ref.text,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.TEXT_TYPE_TEST_ID = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
10
10
|
var TEXT_TYPE_TEST_ID = exports.TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
|
|
11
11
|
var TextRenderType = function TextRenderType(_ref) {
|
|
12
12
|
var text = _ref.text,
|
|
@@ -15,7 +15,7 @@ var TextRenderType = function TextRenderType(_ref) {
|
|
|
15
15
|
if (!(text && typeof text === 'string')) {
|
|
16
16
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
17
17
|
}
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
19
19
|
testId: testId
|
|
20
20
|
}, text), /*#__PURE__*/_react.default.createElement("br", null));
|
|
21
21
|
};
|
|
@@ -16,7 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
17
|
var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group/avatar-group"));
|
|
18
18
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
|
|
19
|
-
var
|
|
19
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
20
20
|
var _widthObserver = require("@atlaskit/width-detector/width-observer");
|
|
21
21
|
var _messages = require("./messages");
|
|
22
22
|
var _excluded = ["as", "style"];
|
|
@@ -68,10 +68,10 @@ var UserType = function UserType(_ref2) {
|
|
|
68
68
|
_ref3$testId = _ref3.testId,
|
|
69
69
|
testId = _ref3$testId === void 0 ? USER_TYPE_TEST_ID : _ref3$testId,
|
|
70
70
|
children = _ref3.children;
|
|
71
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
72
72
|
xcss: styles.userWrapperStyles,
|
|
73
73
|
testId: testId
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
74
|
+
}, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
75
75
|
xcss: styles.avatarWrapperStyles
|
|
76
76
|
}, /*#__PURE__*/_react.default.createElement(_avatar.default, {
|
|
77
77
|
appearance: "circle",
|
|
@@ -97,7 +97,7 @@ var UserType = function UserType(_ref2) {
|
|
|
97
97
|
testId: "".concat(testId, "--avatar")
|
|
98
98
|
};
|
|
99
99
|
});
|
|
100
|
-
return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(
|
|
100
|
+
return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
101
101
|
xcss: styles.widthObserverWrapperStyles
|
|
102
102
|
}, /*#__PURE__*/_react.default.createElement(_widthObserver.WidthObserver, {
|
|
103
103
|
setWidth: setWidth
|
|
@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _reactIntl = require("react-intl");
|
|
18
18
|
var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit/inline-edit"));
|
|
19
|
-
var
|
|
19
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
20
20
|
var _useSmartLinkReload = require("@atlaskit/smart-card/hook/use-smart-link-reload");
|
|
21
21
|
var _analytics = require("../../../analytics");
|
|
22
22
|
var _startUfoExperience = require("../../../analytics/ufoExperiences/startUfoExperience");
|
|
@@ -197,7 +197,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
|
|
|
197
197
|
fieldValue: getCurrentFieldLabel(editValues)
|
|
198
198
|
});
|
|
199
199
|
}, [columnTitle, formatMessage, editValues]);
|
|
200
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
200
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
201
201
|
xcss: styles.editContainerStyles
|
|
202
202
|
}, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
|
|
203
203
|
defaultValue: datasourceTypeWithValues,
|
|
@@ -10,7 +10,7 @@ require("./table-cell-content.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
|
-
var
|
|
13
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
14
14
|
var _state = require("../../../state");
|
|
15
15
|
var _useExecuteAtomicAction = require("../../../state/actions/useExecuteAtomicAction");
|
|
16
16
|
var _isEditTypeSelectable = require("../edit-type/isEditTypeSelectable");
|
|
@@ -49,7 +49,7 @@ var InlineEditableCell = function InlineEditableCell(_ref) {
|
|
|
49
49
|
columnKey: columnKey,
|
|
50
50
|
datasourceTypeWithValues: values,
|
|
51
51
|
wrappedColumnKeys: wrappedColumnKeys
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
53
53
|
testId: "inline-edit-read-view",
|
|
54
54
|
paddingInline: isEditable ? 'space.075' : 'space.100',
|
|
55
55
|
paddingBlock: "space.050",
|
|
@@ -129,7 +129,7 @@ var TableCellContent = exports.TableCellContent = function TableCellContent(_ref
|
|
|
129
129
|
});
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
132
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
133
133
|
testId: "inline-edit-read-view",
|
|
134
134
|
paddingInline: "space.100",
|
|
135
135
|
paddingBlock: "space.050",
|
|
@@ -24,7 +24,7 @@ var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
|
|
|
24
24
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
25
25
|
var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
|
|
26
26
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
27
|
-
var
|
|
27
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
28
28
|
var _analytics = require("../../../analytics");
|
|
29
29
|
var _constants = require("../../../analytics/constants");
|
|
30
30
|
var _types = require("../../../analytics/types");
|
|
@@ -402,16 +402,16 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
|
|
|
402
402
|
testId: "jira-datasource-modal",
|
|
403
403
|
onClose: onCancel,
|
|
404
404
|
shouldReturnFocus: shouldReturnFocus
|
|
405
|
-
}, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(
|
|
405
|
+
}, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
406
406
|
gap: "space.200",
|
|
407
407
|
justifyContent: "space-between",
|
|
408
408
|
xcss: styles.flexStyles
|
|
409
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
409
|
+
}, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
410
410
|
justifyContent: "end",
|
|
411
411
|
xcss: styles.viewModeContainer
|
|
412
412
|
}, !hasNoJiraSites && /*#__PURE__*/_react.default.createElement(_DatasourceViewModeDropDown.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
|
|
413
413
|
onClick: onCancel
|
|
414
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
414
|
+
})), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
415
415
|
justifyContent: "start",
|
|
416
416
|
xcss: styles.modalTitleContainer
|
|
417
417
|
}, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
|
|
@@ -8,7 +8,8 @@ import EmptyState from '@atlaskit/empty-state/empty-state';
|
|
|
8
8
|
import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
|
|
9
9
|
import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
|
-
import { Anchor
|
|
11
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
12
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
13
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
13
14
|
import useErrorLogger from '../../../hooks/useErrorLogger';
|
|
14
15
|
import { loadingErrorMessages } from './messages';
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
6
6
|
import Link from '@atlaskit/link/link';
|
|
7
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
8
8
|
import { initialStateViewMessages } from './messages';
|
|
9
9
|
const initialStateViewContainerStyles = null;
|
|
10
10
|
const svgAndTextsWrapperStyles = null;
|
|
@@ -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
|
-
|
|
50
|
-
|
|
51
|
-
} : {}));
|
|
47
|
+
onWrappedColumnChange: onWrappedColumnChange,
|
|
48
|
+
onWrappedColumnsChange: onWrappedColumnsChange
|
|
49
|
+
}));
|
|
52
50
|
};
|
|
53
51
|
export default Table;
|
package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js
CHANGED
|
@@ -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
|
};
|
|
@@ -5,7 +5,7 @@ import React from 'react';
|
|
|
5
5
|
import Avatar from '@atlaskit/avatar/avatar';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
7
|
import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
|
|
8
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
8
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
10
|
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
11
11
|
const styles = {
|