@atlaskit/link-datasource 4.11.17 → 4.11.18
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 +9 -0
- package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js +0 -3
- package/dist/cjs/ui/issue-like-table/edit-type/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/render-type/icon/index.js +13 -59
- package/dist/cjs/ui/issue-like-table/render-type/index.js +1 -5
- package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js +0 -3
- package/dist/es2019/ui/issue-like-table/edit-type/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/icon/index.js +7 -49
- package/dist/es2019/ui/issue-like-table/render-type/index.js +1 -3
- package/dist/esm/ui/issue-like-table/edit-type/icon/index.js +0 -3
- package/dist/esm/ui/issue-like-table/edit-type/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/icon/index.js +12 -57
- package/dist/esm/ui/issue-like-table/render-type/index.js +1 -5
- package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts +0 -3
- package/dist/types/ui/issue-like-table/render-type/icon/index.d.ts +1 -5
- package/dist/types/ui/issue-like-table/utils.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/edit-type/icon/index.d.ts +0 -3
- package/dist/types-ts4.5/ui/issue-like-table/render-type/icon/index.d.ts +1 -5
- package/dist/types-ts4.5/ui/issue-like-table/utils.d.ts +1 -1
- package/package.json +5 -8
- package/dist/cjs/ui/issue-like-table/render-type/icon/index.compiled.css +0 -8
- package/dist/cjs/ui/issue-like-table/render-type/new-icon/index.js +0 -25
- package/dist/es2019/ui/issue-like-table/render-type/icon/index.compiled.css +0 -8
- package/dist/es2019/ui/issue-like-table/render-type/new-icon/index.js +0 -18
- package/dist/esm/ui/issue-like-table/render-type/icon/index.compiled.css +0 -8
- package/dist/esm/ui/issue-like-table/render-type/new-icon/index.js +0 -18
- package/dist/types/ui/issue-like-table/render-type/new-icon/index.d.ts +0 -9
- package/dist/types-ts4.5/ui/issue-like-table/render-type/new-icon/index.d.ts +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 4.11.18
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#177675](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177675)
|
|
8
|
+
[`ac3b75b2190a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac3b75b2190a9) -
|
|
9
|
+
[ux] Clean up feature gate to allow inline edit of priority
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 4.11.17
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -19,9 +19,6 @@ var _icon = require("../../shared-components/icon");
|
|
|
19
19
|
var _inlineEdit = require("../../table-cell-content/inline-edit");
|
|
20
20
|
var _utils = require("../../utils");
|
|
21
21
|
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); }
|
|
22
|
-
/**
|
|
23
|
-
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
24
|
-
*/
|
|
25
22
|
var IconEditType = function IconEditType(props) {
|
|
26
23
|
var _currentValue$values;
|
|
27
24
|
var currentValue = props.currentValue,
|
|
@@ -92,7 +92,7 @@ var editType = exports.editType = function editType(_ref) {
|
|
|
92
92
|
};
|
|
93
93
|
};
|
|
94
94
|
var isEditTypeSupported = exports.isEditTypeSupported = function isEditTypeSupported(type) {
|
|
95
|
-
var supportedEditType = ['string', 'status'
|
|
95
|
+
var supportedEditType = ['string', 'status', 'icon'].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-assignee') ? ['user'] : []));
|
|
96
96
|
return supportedEditType.includes(type);
|
|
97
97
|
};
|
|
98
98
|
var isEditTypeSelectable = exports.isEditTypeSelectable = function isEditTypeSelectable(type) {
|
|
@@ -1,71 +1,25 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
1
|
"use strict";
|
|
3
2
|
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
4
|
Object.defineProperty(exports, "__esModule", {
|
|
7
5
|
value: true
|
|
8
6
|
});
|
|
9
7
|
exports.default = exports.ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEST_ID = void 0;
|
|
10
|
-
require("
|
|
11
|
-
var
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
|
-
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
|
-
var _text = _interopRequireDefault(require("../text"));
|
|
18
|
-
var _excluded = ["as", "style"];
|
|
19
|
-
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); }
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
21
|
-
var IconWrapper = (0, _react.forwardRef)(function (_ref, __cmplr) {
|
|
22
|
-
var _ref$as = _ref.as,
|
|
23
|
-
C = _ref$as === void 0 ? "div" : _ref$as,
|
|
24
|
-
__cmpls = _ref.style,
|
|
25
|
-
__cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
26
|
-
return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
|
|
27
|
-
style: __cmpls,
|
|
28
|
-
ref: __cmplr,
|
|
29
|
-
className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
|
|
30
|
-
}));
|
|
31
|
-
});
|
|
32
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
33
|
-
IconWrapper.displayName = 'IconWrapper';
|
|
34
|
-
}
|
|
35
|
-
var styles = {
|
|
36
|
-
textWrapperStyles: "_1reo15vq _18m915vq _18u0u2gc _1bto1l2s _o5721q9c"
|
|
37
|
-
};
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _icon = require("../../shared-components/icon");
|
|
38
10
|
var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
39
11
|
var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
_ref2$testId = _ref2.testId,
|
|
51
|
-
testId = _ref2$testId === void 0 ? ICON_TYPE_TEST_ID : _ref2$testId;
|
|
52
|
-
// image-redundant-alt - icon does not need label if the text is the same as the label
|
|
53
|
-
var label = propLabel.toLowerCase() !== (text === null || text === void 0 ? void 0 : text.toLowerCase()) || !(0, _platformFeatureFlags.fg)('fix_a11y_issues_inline_edit') ? propLabel : '';
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
55
|
-
src: source,
|
|
56
|
-
alt: label,
|
|
57
|
-
"data-testid": testId
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
59
|
-
,
|
|
60
|
-
style: {
|
|
61
|
-
minWidth: '20px',
|
|
62
|
-
maxWidth: '20px'
|
|
63
|
-
} // having just width: '20px' shrinks it when table width is reduced
|
|
64
|
-
}), text && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
65
|
-
xcss: styles.textWrapperStyles
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
67
|
-
testId: ICON_TYPE_TEXT_TEST_ID,
|
|
12
|
+
var IconRenderType = function IconRenderType(_ref) {
|
|
13
|
+
var label = _ref.label,
|
|
14
|
+
text = _ref.text,
|
|
15
|
+
source = _ref.source,
|
|
16
|
+
_ref$testId = _ref.testId,
|
|
17
|
+
testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
|
|
19
|
+
testId: testId,
|
|
20
|
+
iconUrl: source,
|
|
21
|
+
label: label,
|
|
68
22
|
text: text
|
|
69
|
-
})
|
|
23
|
+
});
|
|
70
24
|
};
|
|
71
25
|
var _default = exports.default = IconRenderType;
|
|
@@ -8,12 +8,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.stringifyType = exports.renderType = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _boolean = _interopRequireDefault(require("./boolean"));
|
|
13
12
|
var _dateTime = _interopRequireWildcard(require("./date-time"));
|
|
14
13
|
var _icon = _interopRequireDefault(require("./icon"));
|
|
15
14
|
var _link = _interopRequireDefault(require("./link"));
|
|
16
|
-
var _newIcon = _interopRequireDefault(require("./new-icon"));
|
|
17
15
|
var _number = _interopRequireDefault(require("./number"));
|
|
18
16
|
var _richtext = _interopRequireWildcard(require("./richtext"));
|
|
19
17
|
var _status = _interopRequireDefault(require("./status"));
|
|
@@ -76,9 +74,7 @@ var renderType = exports.renderType = function renderType(item) {
|
|
|
76
74
|
});
|
|
77
75
|
});
|
|
78
76
|
case 'icon':
|
|
79
|
-
return
|
|
80
|
-
return /*#__PURE__*/_react.default.createElement(_newIcon.default, iconValue);
|
|
81
|
-
}) : item.values.map(function (iconValue) {
|
|
77
|
+
return item.values.map(function (iconValue) {
|
|
82
78
|
return /*#__PURE__*/_react.default.createElement(_icon.default, iconValue);
|
|
83
79
|
});
|
|
84
80
|
case 'link':
|
|
@@ -10,9 +10,6 @@ import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
|
10
10
|
import { SharedIconComponent } from '../../shared-components/icon';
|
|
11
11
|
import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
|
|
12
12
|
import { getCleanedSelectProps } from '../../utils';
|
|
13
|
-
/**
|
|
14
|
-
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
15
|
-
*/
|
|
16
13
|
const IconEditType = props => {
|
|
17
14
|
var _currentValue$values;
|
|
18
15
|
const {
|
|
@@ -77,7 +77,7 @@ export const editType = ({
|
|
|
77
77
|
};
|
|
78
78
|
};
|
|
79
79
|
export const isEditTypeSupported = type => {
|
|
80
|
-
const supportedEditType = ['string', 'status',
|
|
80
|
+
const supportedEditType = ['string', 'status', 'icon', ...(fg('platform-datasources-enable-two-way-sync-assignee') ? ['user'] : [])];
|
|
81
81
|
return supportedEditType.includes(type);
|
|
82
82
|
};
|
|
83
83
|
export const isEditTypeSelectable = type => {
|
|
@@ -1,60 +1,18 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./index.compiled.css";
|
|
4
|
-
import { forwardRef } from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
1
|
import React from 'react';
|
|
7
|
-
import {
|
|
8
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
9
|
-
import TextRenderType from '../text';
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
11
|
-
const IconWrapper = forwardRef(({
|
|
12
|
-
as: C = "div",
|
|
13
|
-
style: __cmpls,
|
|
14
|
-
...__cmplp
|
|
15
|
-
}, __cmplr) => {
|
|
16
|
-
return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
|
|
17
|
-
style: __cmpls,
|
|
18
|
-
ref: __cmplr,
|
|
19
|
-
className: ax(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
|
|
20
|
-
}));
|
|
21
|
-
});
|
|
22
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
23
|
-
IconWrapper.displayName = 'IconWrapper';
|
|
24
|
-
}
|
|
25
|
-
const styles = {
|
|
26
|
-
textWrapperStyles: "_1reo15vq _18m915vq _18u0u2gc _1bto1l2s _o5721q9c"
|
|
27
|
-
};
|
|
2
|
+
import { SharedIconComponent } from '../../shared-components/icon';
|
|
28
3
|
export const ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
29
4
|
export const ICON_TYPE_TEXT_TEST_ID = `${ICON_TYPE_TEST_ID}-text`;
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* @deprecated: To be cleaned up and replaced with new-icon after
|
|
33
|
-
* `platform-datasources-enable-two-way-sync-priority` rollout.
|
|
34
|
-
*/
|
|
35
5
|
const IconRenderType = ({
|
|
36
|
-
label
|
|
6
|
+
label,
|
|
37
7
|
text,
|
|
38
8
|
source,
|
|
39
9
|
testId = ICON_TYPE_TEST_ID
|
|
40
10
|
}) => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
alt: label,
|
|
46
|
-
"data-testid": testId
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
48
|
-
,
|
|
49
|
-
style: {
|
|
50
|
-
minWidth: '20px',
|
|
51
|
-
maxWidth: '20px'
|
|
52
|
-
} // having just width: '20px' shrinks it when table width is reduced
|
|
53
|
-
}), text && /*#__PURE__*/React.createElement(Box, {
|
|
54
|
-
xcss: styles.textWrapperStyles
|
|
55
|
-
}, /*#__PURE__*/React.createElement(TextRenderType, {
|
|
56
|
-
testId: ICON_TYPE_TEXT_TEST_ID,
|
|
11
|
+
return /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
12
|
+
testId: testId,
|
|
13
|
+
iconUrl: source,
|
|
14
|
+
label: label,
|
|
57
15
|
text: text
|
|
58
|
-
})
|
|
16
|
+
});
|
|
59
17
|
};
|
|
60
18
|
export default IconRenderType;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import BooleanRenderType from './boolean';
|
|
5
4
|
import DateTimeRenderType, { getFormattedDate } from './date-time';
|
|
6
5
|
import IconRenderType from './icon';
|
|
7
6
|
import LinkRenderType from './link';
|
|
8
|
-
import NewIconRenderType from './new-icon';
|
|
9
7
|
import NumberRenderType from './number';
|
|
10
8
|
import RichTextRenderType, { parseRichText } from './richtext';
|
|
11
9
|
import StatusRenderType from './status';
|
|
@@ -62,7 +60,7 @@ export const renderType = item => {
|
|
|
62
60
|
display: "datetime"
|
|
63
61
|
}));
|
|
64
62
|
case 'icon':
|
|
65
|
-
return
|
|
63
|
+
return item.values.map(iconValue => /*#__PURE__*/React.createElement(IconRenderType, iconValue));
|
|
66
64
|
case 'link':
|
|
67
65
|
return item.values.map(linkValue => /*#__PURE__*/React.createElement(LinkRenderType, _extends({
|
|
68
66
|
key: linkValue === null || linkValue === void 0 ? void 0 : linkValue.url
|
|
@@ -10,9 +10,6 @@ import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
|
10
10
|
import { SharedIconComponent } from '../../shared-components/icon';
|
|
11
11
|
import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
|
|
12
12
|
import { getCleanedSelectProps } from '../../utils';
|
|
13
|
-
/**
|
|
14
|
-
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
15
|
-
*/
|
|
16
13
|
var IconEditType = function IconEditType(props) {
|
|
17
14
|
var _currentValue$values;
|
|
18
15
|
var currentValue = props.currentValue,
|
|
@@ -86,7 +86,7 @@ export var editType = function editType(_ref) {
|
|
|
86
86
|
};
|
|
87
87
|
};
|
|
88
88
|
export var isEditTypeSupported = function isEditTypeSupported(type) {
|
|
89
|
-
var supportedEditType = ['string', 'status'
|
|
89
|
+
var supportedEditType = ['string', 'status', 'icon'].concat(_toConsumableArray(fg('platform-datasources-enable-two-way-sync-assignee') ? ['user'] : []));
|
|
90
90
|
return supportedEditType.includes(type);
|
|
91
91
|
};
|
|
92
92
|
export var isEditTypeSelectable = function isEditTypeSelectable(type) {
|
|
@@ -1,63 +1,18 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["as", "style"];
|
|
5
|
-
import "./index.compiled.css";
|
|
6
|
-
import { forwardRef } from 'react';
|
|
7
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
8
1
|
import React from 'react';
|
|
9
|
-
import {
|
|
10
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
|
-
import TextRenderType from '../text';
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
13
|
-
var IconWrapper = forwardRef(function (_ref, __cmplr) {
|
|
14
|
-
var _ref$as = _ref.as,
|
|
15
|
-
C = _ref$as === void 0 ? "div" : _ref$as,
|
|
16
|
-
__cmpls = _ref.style,
|
|
17
|
-
__cmplp = _objectWithoutProperties(_ref, _excluded);
|
|
18
|
-
return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
|
|
19
|
-
style: __cmpls,
|
|
20
|
-
ref: __cmplr,
|
|
21
|
-
className: ax(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
|
|
22
|
-
}));
|
|
23
|
-
});
|
|
24
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
25
|
-
IconWrapper.displayName = 'IconWrapper';
|
|
26
|
-
}
|
|
27
|
-
var styles = {
|
|
28
|
-
textWrapperStyles: "_1reo15vq _18m915vq _18u0u2gc _1bto1l2s _o5721q9c"
|
|
29
|
-
};
|
|
2
|
+
import { SharedIconComponent } from '../../shared-components/icon';
|
|
30
3
|
export var ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
31
4
|
export var ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
_ref2$testId = _ref2.testId,
|
|
43
|
-
testId = _ref2$testId === void 0 ? ICON_TYPE_TEST_ID : _ref2$testId;
|
|
44
|
-
// image-redundant-alt - icon does not need label if the text is the same as the label
|
|
45
|
-
var label = propLabel.toLowerCase() !== (text === null || text === void 0 ? void 0 : text.toLowerCase()) || !fg('fix_a11y_issues_inline_edit') ? propLabel : '';
|
|
46
|
-
return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("img", {
|
|
47
|
-
src: source,
|
|
48
|
-
alt: label,
|
|
49
|
-
"data-testid": testId
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
51
|
-
,
|
|
52
|
-
style: {
|
|
53
|
-
minWidth: '20px',
|
|
54
|
-
maxWidth: '20px'
|
|
55
|
-
} // having just width: '20px' shrinks it when table width is reduced
|
|
56
|
-
}), text && /*#__PURE__*/React.createElement(Box, {
|
|
57
|
-
xcss: styles.textWrapperStyles
|
|
58
|
-
}, /*#__PURE__*/React.createElement(TextRenderType, {
|
|
59
|
-
testId: ICON_TYPE_TEXT_TEST_ID,
|
|
5
|
+
var IconRenderType = function IconRenderType(_ref) {
|
|
6
|
+
var label = _ref.label,
|
|
7
|
+
text = _ref.text,
|
|
8
|
+
source = _ref.source,
|
|
9
|
+
_ref$testId = _ref.testId,
|
|
10
|
+
testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
|
|
11
|
+
return /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
12
|
+
testId: testId,
|
|
13
|
+
iconUrl: source,
|
|
14
|
+
label: label,
|
|
60
15
|
text: text
|
|
61
|
-
})
|
|
16
|
+
});
|
|
62
17
|
};
|
|
63
18
|
export default IconRenderType;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import BooleanRenderType from './boolean';
|
|
5
4
|
import DateTimeRenderType, { getFormattedDate } from './date-time';
|
|
6
5
|
import IconRenderType from './icon';
|
|
7
6
|
import LinkRenderType from './link';
|
|
8
|
-
import NewIconRenderType from './new-icon';
|
|
9
7
|
import NumberRenderType from './number';
|
|
10
8
|
import RichTextRenderType, { parseRichText } from './richtext';
|
|
11
9
|
import StatusRenderType from './status';
|
|
@@ -67,9 +65,7 @@ export var renderType = function renderType(item) {
|
|
|
67
65
|
});
|
|
68
66
|
});
|
|
69
67
|
case 'icon':
|
|
70
|
-
return
|
|
71
|
-
return /*#__PURE__*/React.createElement(NewIconRenderType, iconValue);
|
|
72
|
-
}) : item.values.map(function (iconValue) {
|
|
68
|
+
return item.values.map(function (iconValue) {
|
|
73
69
|
return /*#__PURE__*/React.createElement(IconRenderType, iconValue);
|
|
74
70
|
});
|
|
75
71
|
case 'link':
|
|
@@ -8,8 +8,5 @@ interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
|
|
|
8
8
|
setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
|
|
9
9
|
executeFetch?: ExecuteFetch;
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
12
|
-
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
13
|
-
*/
|
|
14
11
|
declare const IconEditType: (props: IconEditTypeProps) => React.JSX.Element;
|
|
15
12
|
export default IconEditType;
|
|
@@ -5,9 +5,5 @@ interface IconProps extends Icon {
|
|
|
5
5
|
}
|
|
6
6
|
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
7
|
export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon-text";
|
|
8
|
-
|
|
9
|
-
* @deprecated: To be cleaned up and replaced with new-icon after
|
|
10
|
-
* `platform-datasources-enable-two-way-sync-priority` rollout.
|
|
11
|
-
*/
|
|
12
|
-
declare const IconRenderType: ({ label: propLabel, text, source, testId, }: IconProps) => React.JSX.Element;
|
|
8
|
+
declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
|
|
13
9
|
export default IconRenderType;
|
|
@@ -29,7 +29,7 @@ export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'va
|
|
|
29
29
|
name: string;
|
|
30
30
|
id: string;
|
|
31
31
|
'aria-describedby'?: string | undefined;
|
|
32
|
-
'aria-invalid': "
|
|
32
|
+
'aria-invalid': "true" | "false";
|
|
33
33
|
onFocus: () => void;
|
|
34
34
|
onBlur: () => void;
|
|
35
35
|
onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
|
|
@@ -8,8 +8,5 @@ interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
|
|
|
8
8
|
setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
|
|
9
9
|
executeFetch?: ExecuteFetch;
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
12
|
-
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
13
|
-
*/
|
|
14
11
|
declare const IconEditType: (props: IconEditTypeProps) => React.JSX.Element;
|
|
15
12
|
export default IconEditType;
|
|
@@ -5,9 +5,5 @@ interface IconProps extends Icon {
|
|
|
5
5
|
}
|
|
6
6
|
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
7
|
export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon-text";
|
|
8
|
-
|
|
9
|
-
* @deprecated: To be cleaned up and replaced with new-icon after
|
|
10
|
-
* `platform-datasources-enable-two-way-sync-priority` rollout.
|
|
11
|
-
*/
|
|
12
|
-
declare const IconRenderType: ({ label: propLabel, text, source, testId, }: IconProps) => React.JSX.Element;
|
|
8
|
+
declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
|
|
13
9
|
export default IconRenderType;
|
|
@@ -29,7 +29,7 @@ export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'va
|
|
|
29
29
|
name: string;
|
|
30
30
|
id: string;
|
|
31
31
|
'aria-describedby'?: string | undefined;
|
|
32
|
-
'aria-invalid': "
|
|
32
|
+
'aria-invalid': "true" | "false";
|
|
33
33
|
onFocus: () => void;
|
|
34
34
|
onBlur: () => void;
|
|
35
35
|
onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "4.11.
|
|
3
|
+
"version": "4.11.18",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@atlaskit/link-client-extension": "^5.0.0",
|
|
66
66
|
"@atlaskit/linking-common": "^9.1.0",
|
|
67
67
|
"@atlaskit/linking-types": "^13.0.0",
|
|
68
|
-
"@atlaskit/logo": "^19.
|
|
68
|
+
"@atlaskit/logo": "^19.3.0",
|
|
69
69
|
"@atlaskit/lozenge": "^13.0.0",
|
|
70
70
|
"@atlaskit/modal-dialog": "^14.2.0",
|
|
71
71
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"@atlaskit/primitives": "^14.9.0",
|
|
79
79
|
"@atlaskit/react-select": "^3.0.0",
|
|
80
80
|
"@atlaskit/select": "^21.0.0",
|
|
81
|
-
"@atlaskit/smart-card": "^38.
|
|
81
|
+
"@atlaskit/smart-card": "^38.16.0",
|
|
82
82
|
"@atlaskit/smart-user-picker": "^8.0.0",
|
|
83
83
|
"@atlaskit/spinner": "^18.0.0",
|
|
84
84
|
"@atlaskit/tag": "^14.0.0",
|
|
@@ -106,9 +106,9 @@
|
|
|
106
106
|
"devDependencies": {
|
|
107
107
|
"@af/integration-testing": "workspace:^",
|
|
108
108
|
"@af/visual-regression": "workspace:^",
|
|
109
|
-
"@atlaskit/json-ld-types": "^1.
|
|
109
|
+
"@atlaskit/json-ld-types": "^1.3.0",
|
|
110
110
|
"@atlaskit/link-provider": "^3.3.0",
|
|
111
|
-
"@atlaskit/link-test-helpers": "^8.
|
|
111
|
+
"@atlaskit/link-test-helpers": "^8.1.0",
|
|
112
112
|
"@atlaskit/ssr": "workspace:^",
|
|
113
113
|
"@atlaskit/visual-regression": "workspace:^",
|
|
114
114
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
@@ -161,9 +161,6 @@
|
|
|
161
161
|
"./elements": "./src/elements.ts"
|
|
162
162
|
},
|
|
163
163
|
"platform-feature-flags": {
|
|
164
|
-
"platform-datasources-enable-two-way-sync-priority": {
|
|
165
|
-
"type": "boolean"
|
|
166
|
-
},
|
|
167
164
|
"platform-datasources-inline-edit-id-checks": {
|
|
168
165
|
"type": "boolean"
|
|
169
166
|
},
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
-
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
|
|
3
|
-
._1bah1e5h{justify-content:left}
|
|
4
|
-
._1bto1l2s{text-overflow:ellipsis}
|
|
5
|
-
._1e0c1txw{display:flex}
|
|
6
|
-
._1reo15vq{overflow-x:hidden}
|
|
7
|
-
._4cvr1h6o{align-items:center}
|
|
8
|
-
._o5721q9c{white-space:nowrap}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = exports.ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEST_ID = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _icon = require("../../shared-components/icon");
|
|
10
|
-
var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
11
|
-
var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
|
|
12
|
-
var IconRenderType = function IconRenderType(_ref) {
|
|
13
|
-
var label = _ref.label,
|
|
14
|
-
text = _ref.text,
|
|
15
|
-
source = _ref.source,
|
|
16
|
-
_ref$testId = _ref.testId,
|
|
17
|
-
testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
|
|
19
|
-
testId: testId,
|
|
20
|
-
iconUrl: source,
|
|
21
|
-
label: label,
|
|
22
|
-
text: text
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
var _default = exports.default = IconRenderType;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
-
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
|
|
3
|
-
._1bah1e5h{justify-content:left}
|
|
4
|
-
._1bto1l2s{text-overflow:ellipsis}
|
|
5
|
-
._1e0c1txw{display:flex}
|
|
6
|
-
._1reo15vq{overflow-x:hidden}
|
|
7
|
-
._4cvr1h6o{align-items:center}
|
|
8
|
-
._o5721q9c{white-space:nowrap}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SharedIconComponent } from '../../shared-components/icon';
|
|
3
|
-
export const ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
4
|
-
export const ICON_TYPE_TEXT_TEST_ID = `${ICON_TYPE_TEST_ID}-text`;
|
|
5
|
-
const IconRenderType = ({
|
|
6
|
-
label,
|
|
7
|
-
text,
|
|
8
|
-
source,
|
|
9
|
-
testId = ICON_TYPE_TEST_ID
|
|
10
|
-
}) => {
|
|
11
|
-
return /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
12
|
-
testId: testId,
|
|
13
|
-
iconUrl: source,
|
|
14
|
-
label: label,
|
|
15
|
-
text: text
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export default IconRenderType;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
-
._18u0u2gc{margin-left:var(--ds-space-100,8px)}
|
|
3
|
-
._1bah1e5h{justify-content:left}
|
|
4
|
-
._1bto1l2s{text-overflow:ellipsis}
|
|
5
|
-
._1e0c1txw{display:flex}
|
|
6
|
-
._1reo15vq{overflow-x:hidden}
|
|
7
|
-
._4cvr1h6o{align-items:center}
|
|
8
|
-
._o5721q9c{white-space:nowrap}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SharedIconComponent } from '../../shared-components/icon';
|
|
3
|
-
export var ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
|
|
4
|
-
export var ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
|
|
5
|
-
var IconRenderType = function IconRenderType(_ref) {
|
|
6
|
-
var label = _ref.label,
|
|
7
|
-
text = _ref.text,
|
|
8
|
-
source = _ref.source,
|
|
9
|
-
_ref$testId = _ref.testId,
|
|
10
|
-
testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
|
|
11
|
-
return /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
12
|
-
testId: testId,
|
|
13
|
-
iconUrl: source,
|
|
14
|
-
label: label,
|
|
15
|
-
text: text
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export default IconRenderType;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type Icon } from '@atlaskit/linking-types';
|
|
3
|
-
interface IconProps extends Icon {
|
|
4
|
-
testId?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
|
-
export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon-text";
|
|
8
|
-
declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
|
|
9
|
-
export default IconRenderType;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type Icon } from '@atlaskit/linking-types';
|
|
3
|
-
interface IconProps extends Icon {
|
|
4
|
-
testId?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
|
-
export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon-text";
|
|
8
|
-
declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
|
|
9
|
-
export default IconRenderType;
|