@atlaskit/link-picker 0.11.0 → 1.1.1
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 +18 -0
- package/example-helpers/mock-data.ts +0 -2
- package/package.json +7 -4
- package/report.api.md +65 -0
- package/dist/cjs/browser.js +0 -39
- package/dist/cjs/index.js +0 -13
- package/dist/cjs/messages.js +0 -102
- package/dist/cjs/transformTimeStamp.js +0 -55
- package/dist/cjs/types.js +0 -5
- package/dist/cjs/ui/announcer.js +0 -64
- package/dist/cjs/ui/link-picker.js +0 -604
- package/dist/cjs/ui/link-search-list/index.js +0 -102
- package/dist/cjs/ui/link-search-list/styled.js +0 -21
- package/dist/cjs/ui/list-item/index.js +0 -103
- package/dist/cjs/ui/list-item/styled.js +0 -59
- package/dist/cjs/ui/styled.js +0 -32
- package/dist/cjs/ui/text-input/index.js +0 -116
- package/dist/cjs/ui/text-input/styled.js +0 -25
- package/dist/cjs/url.js +0 -104
- package/dist/cjs/utils.js +0 -27
- package/dist/cjs/version.json +0 -5
- package/dist/es2019/browser.js +0 -34
- package/dist/es2019/index.js +0 -1
- package/dist/es2019/messages.js +0 -93
- package/dist/es2019/transformTimeStamp.js +0 -41
- package/dist/es2019/types.js +0 -1
- package/dist/es2019/ui/announcer.js +0 -38
- package/dist/es2019/ui/link-picker.js +0 -493
- package/dist/es2019/ui/link-search-list/index.js +0 -60
- package/dist/es2019/ui/link-search-list/styled.js +0 -13
- package/dist/es2019/ui/list-item/index.js +0 -88
- package/dist/es2019/ui/list-item/styled.js +0 -65
- package/dist/es2019/ui/styled.js +0 -28
- package/dist/es2019/ui/text-input/index.js +0 -99
- package/dist/es2019/ui/text-input/styled.js +0 -15
- package/dist/es2019/url.js +0 -88
- package/dist/es2019/utils.js +0 -13
- package/dist/es2019/version.json +0 -5
- package/dist/esm/browser.js +0 -34
- package/dist/esm/index.js +0 -1
- package/dist/esm/messages.js +0 -93
- package/dist/esm/transformTimeStamp.js +0 -41
- package/dist/esm/types.js +0 -1
- package/dist/esm/ui/announcer.js +0 -51
- package/dist/esm/ui/link-picker.js +0 -582
- package/dist/esm/ui/link-search-list/index.js +0 -88
- package/dist/esm/ui/link-search-list/styled.js +0 -8
- package/dist/esm/ui/list-item/index.js +0 -90
- package/dist/esm/ui/list-item/styled.js +0 -37
- package/dist/esm/ui/styled.js +0 -16
- package/dist/esm/ui/text-input/index.js +0 -99
- package/dist/esm/ui/text-input/styled.js +0 -10
- package/dist/esm/url.js +0 -90
- package/dist/esm/utils.js +0 -13
- package/dist/esm/version.json +0 -5
- package/dist/types/browser.d.ts +0 -15
- package/dist/types/index.d.ts +0 -3
- package/dist/types/messages.d.ts +0 -92
- package/dist/types/transformTimeStamp.d.ts +0 -3
- package/dist/types/types.d.ts +0 -40
- package/dist/types/ui/announcer.d.ts +0 -22
- package/dist/types/ui/link-picker.d.ts +0 -51
- package/dist/types/ui/link-search-list/index.d.ts +0 -20
- package/dist/types/ui/link-search-list/styled.d.ts +0 -3
- package/dist/types/ui/list-item/index.d.ts +0 -17
- package/dist/types/ui/list-item/styled.d.ts +0 -7
- package/dist/types/ui/styled.d.ts +0 -4
- package/dist/types/ui/text-input/index.d.ts +0 -17
- package/dist/types/ui/text-input/styled.d.ts +0 -2
- package/dist/types/url.d.ts +0 -5
- package/dist/types/utils.d.ts +0 -3
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
|
-
var _react = require("react");
|
|
21
|
-
|
|
22
|
-
var _react2 = require("@emotion/react");
|
|
23
|
-
|
|
24
|
-
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
25
|
-
|
|
26
|
-
var _listItem = _interopRequireDefault(require("../list-item"));
|
|
27
|
-
|
|
28
|
-
var _styled = require("./styled");
|
|
29
|
-
|
|
30
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
31
|
-
|
|
32
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
-
|
|
34
|
-
var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
|
|
35
|
-
(0, _inherits2.default)(LinkSearchList, _PureComponent);
|
|
36
|
-
|
|
37
|
-
var _super = _createSuper(LinkSearchList);
|
|
38
|
-
|
|
39
|
-
function LinkSearchList() {
|
|
40
|
-
(0, _classCallCheck2.default)(this, LinkSearchList);
|
|
41
|
-
return _super.apply(this, arguments);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
(0, _createClass2.default)(LinkSearchList, [{
|
|
45
|
-
key: "render",
|
|
46
|
-
value: function render() {
|
|
47
|
-
var _this$props = this.props,
|
|
48
|
-
onSelect = _this$props.onSelect,
|
|
49
|
-
onMouseEnter = _this$props.onMouseEnter,
|
|
50
|
-
onMouseLeave = _this$props.onMouseLeave,
|
|
51
|
-
items = _this$props.items,
|
|
52
|
-
activeIndex = _this$props.activeIndex,
|
|
53
|
-
selectedIndex = _this$props.selectedIndex,
|
|
54
|
-
isLoading = _this$props.isLoading,
|
|
55
|
-
ariaControls = _this$props.ariaControls,
|
|
56
|
-
ariaLabelledBy = _this$props.ariaLabelledBy,
|
|
57
|
-
role = _this$props.role,
|
|
58
|
-
id = _this$props.id;
|
|
59
|
-
var itemsContent;
|
|
60
|
-
var loadingContent;
|
|
61
|
-
|
|
62
|
-
if (items && items.length > 0) {
|
|
63
|
-
itemsContent = (0, _react2.jsx)("ul", {
|
|
64
|
-
"data-testid": "link-search-list",
|
|
65
|
-
css: _styled.listStyles,
|
|
66
|
-
id: id,
|
|
67
|
-
role: role,
|
|
68
|
-
"aria-controls": ariaControls,
|
|
69
|
-
"aria-labelledby": ariaLabelledBy
|
|
70
|
-
}, items.map(function (item, index) {
|
|
71
|
-
return (0, _react2.jsx)(_listItem.default, {
|
|
72
|
-
id: "link-search-list-item-".concat(index),
|
|
73
|
-
role: role && 'option',
|
|
74
|
-
item: item,
|
|
75
|
-
selected: selectedIndex === index,
|
|
76
|
-
active: activeIndex === index,
|
|
77
|
-
onMouseEnter: onMouseEnter,
|
|
78
|
-
onMouseLeave: onMouseLeave,
|
|
79
|
-
onSelect: onSelect,
|
|
80
|
-
key: item.objectId
|
|
81
|
-
});
|
|
82
|
-
}));
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
if (isLoading) {
|
|
86
|
-
loadingContent = (0, _react2.jsx)("div", {
|
|
87
|
-
css: _styled.spinnerContainerStyles
|
|
88
|
-
}, (0, _react2.jsx)(_spinner.default, {
|
|
89
|
-
testId: "link-picker.results-loading-indicator",
|
|
90
|
-
size: "medium"
|
|
91
|
-
}));
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
return (0, _react2.jsx)("div", {
|
|
95
|
-
css: _styled.listContainerStyles
|
|
96
|
-
}, itemsContent, loadingContent);
|
|
97
|
-
}
|
|
98
|
-
}]);
|
|
99
|
-
return LinkSearchList;
|
|
100
|
-
}(_react.PureComponent);
|
|
101
|
-
|
|
102
|
-
exports.default = LinkSearchList;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.spinnerContainerStyles = exports.listStyles = exports.listContainerStyles = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
15
|
-
|
|
16
|
-
var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding-top: 0;\n"])));
|
|
17
|
-
exports.listContainerStyles = listContainerStyles;
|
|
18
|
-
var spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n text-align: center;\n min-height: 80px;\n margin-top: 30px;\n"])));
|
|
19
|
-
exports.spinnerContainerStyles = spinnerContainerStyles;
|
|
20
|
-
var listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n list-style: none;\n"])));
|
|
21
|
-
exports.listStyles = listStyles;
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
|
-
|
|
12
|
-
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
|
|
14
|
-
var _transformTimeStamp = require("../../transformTimeStamp");
|
|
15
|
-
|
|
16
|
-
var _styled = require("./styled");
|
|
17
|
-
|
|
18
|
-
/** @jsx jsx */
|
|
19
|
-
var LinkSearchListItem = function LinkSearchListItem(_ref) {
|
|
20
|
-
var item = _ref.item,
|
|
21
|
-
selected = _ref.selected,
|
|
22
|
-
active = _ref.active,
|
|
23
|
-
id = _ref.id,
|
|
24
|
-
role = _ref.role,
|
|
25
|
-
intl = _ref.intl,
|
|
26
|
-
onSelect = _ref.onSelect,
|
|
27
|
-
onMouseEnter = _ref.onMouseEnter,
|
|
28
|
-
onMouseLeave = _ref.onMouseLeave;
|
|
29
|
-
|
|
30
|
-
var handleSelect = function handleSelect() {
|
|
31
|
-
return onSelect(item.objectId);
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
var handleMouseEnter = function handleMouseEnter() {
|
|
35
|
-
return onMouseEnter(item.objectId);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
var handleMouseLeave = function handleMouseLeave() {
|
|
39
|
-
return onMouseLeave(item.objectId);
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
var container = item.container || null;
|
|
43
|
-
var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
|
|
44
|
-
return (0, _react2.jsx)("div", {
|
|
45
|
-
css: (0, _styled.composeListItemStyles)(active, selected),
|
|
46
|
-
role: role,
|
|
47
|
-
id: id,
|
|
48
|
-
"aria-selected": selected,
|
|
49
|
-
"data-testid": "link-search-list-item",
|
|
50
|
-
onMouseEnter: handleMouseEnter,
|
|
51
|
-
onMouseLeave: handleMouseLeave,
|
|
52
|
-
onClick: handleSelect
|
|
53
|
-
}, (0, _react2.jsx)(ListItemIcon, {
|
|
54
|
-
item: item,
|
|
55
|
-
intl: intl
|
|
56
|
-
}), (0, _react2.jsx)("div", {
|
|
57
|
-
css: _styled.itemNameStyles
|
|
58
|
-
}, (0, _react2.jsx)("div", {
|
|
59
|
-
"data-testid": "link-search-list-item-title",
|
|
60
|
-
css: _styled.listItemNameStyles
|
|
61
|
-
}, item.name), (0, _react2.jsx)("div", {
|
|
62
|
-
"data-testid": "link-search-list-item-subtitle",
|
|
63
|
-
css: _styled.listItemContextStyles
|
|
64
|
-
}, container, container && date && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), date && (0, _react2.jsx)(_react.Fragment, null, formatDate(date)))));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
var _default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);
|
|
68
|
-
|
|
69
|
-
exports.default = _default;
|
|
70
|
-
|
|
71
|
-
var formatDate = function formatDate(date) {
|
|
72
|
-
return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
var ListItemIcon = function ListItemIcon(props) {
|
|
76
|
-
var item = props.item,
|
|
77
|
-
intl = props.intl;
|
|
78
|
-
var icon = item.icon,
|
|
79
|
-
iconAlt = item.iconAlt;
|
|
80
|
-
|
|
81
|
-
if (!icon) {
|
|
82
|
-
return null;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
|
|
86
|
-
|
|
87
|
-
if (typeof icon !== 'string') {
|
|
88
|
-
var Glyph = icon;
|
|
89
|
-
return (0, _react2.jsx)("span", {
|
|
90
|
-
css: _styled.itemIconStyles
|
|
91
|
-
}, (0, _react2.jsx)(Glyph, {
|
|
92
|
-
alt: alt
|
|
93
|
-
}));
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
return (0, _react2.jsx)("span", {
|
|
97
|
-
css: _styled.itemIconStyles
|
|
98
|
-
}, (0, _react2.jsx)("img", {
|
|
99
|
-
src: icon,
|
|
100
|
-
alt: alt,
|
|
101
|
-
css: _styled.imgStyles
|
|
102
|
-
}));
|
|
103
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItemContextStyles = exports.itemNameStyles = exports.itemIconStyles = exports.imgStyles = exports.composeListItemStyles = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _tokens = require("@atlaskit/tokens");
|
|
13
|
-
|
|
14
|
-
var _react = require("@emotion/react");
|
|
15
|
-
|
|
16
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
19
|
-
|
|
20
|
-
var _theme = require("@atlaskit/theme");
|
|
21
|
-
|
|
22
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
23
|
-
|
|
24
|
-
var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
|
|
25
|
-
if (typeof px === 'string') {
|
|
26
|
-
px = parseInt(px);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
if (isNaN(px)) {
|
|
30
|
-
throw new Error("Invalid font size: '".concat(px, "'"));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
return "".concat(px / 16, "rem");
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
|
|
37
|
-
var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: ", "px ", "px;\n margin: 0 -", "px;\n cursor: pointer;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
|
|
38
|
-
var listItemBoxShadow = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), (0, _tokens.token)('color.border.selected', _colors.B400));
|
|
39
|
-
var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20));
|
|
40
|
-
var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), (0, _tokens.token)('color.background.selected', _colors.B50));
|
|
41
|
-
|
|
42
|
-
var composeListItemStyles = function composeListItemStyles() {
|
|
43
|
-
var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
44
|
-
var selected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
45
|
-
var hasShadow = active || selected;
|
|
46
|
-
return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n ", ";\n ", ";\n ", ";\n "])), listItemBaseStyles, active && listItemActive, selected && listItemSelected, hasShadow && listItemBoxShadow);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
exports.composeListItemStyles = composeListItemStyles;
|
|
50
|
-
var itemNameStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n"])));
|
|
51
|
-
exports.itemNameStyles = itemNameStyles;
|
|
52
|
-
var listItemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), (0, _tokens.token)('color.text', _colors.N800));
|
|
53
|
-
exports.listItemNameStyles = listItemNameStyles;
|
|
54
|
-
var listItemContextStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n"])), (0, _tokens.token)('color.text', _colors.N300), relativeFontSizeToBase16((0, _theme.fontSizeSmall)()), (0, _theme.fontSize)());
|
|
55
|
-
exports.listItemContextStyles = listItemContextStyles;
|
|
56
|
-
var itemIconStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n min-width: ", "px;\n margin-top: 3px;\n margin-right: 12px;\n"])), (0, _constants.gridSize)() * 2);
|
|
57
|
-
exports.itemIconStyles = itemIconStyles;
|
|
58
|
-
var imgStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n max-width: ", "px;\n"])), (0, _constants.gridSize)() * 2);
|
|
59
|
-
exports.imgStyles = imgStyles;
|
package/dist/cjs/ui/styled.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.searchIconStyles = exports.recentListStyles = exports.listTitleStyles = exports.containerStyles = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _tokens = require("@atlaskit/tokens");
|
|
13
|
-
|
|
14
|
-
var _react = require("@emotion/react");
|
|
15
|
-
|
|
16
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
|
-
var _theme = require("@atlaskit/theme");
|
|
19
|
-
|
|
20
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
21
|
-
|
|
22
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
23
|
-
|
|
24
|
-
var LINK_PICKER_WIDTH_IN_PX = 342;
|
|
25
|
-
var recentListStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX);
|
|
26
|
-
exports.recentListStyles = recentListStyles;
|
|
27
|
-
var containerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px;\n width: 100%;\n overflow: hidden;\n line-height: initial;\n box-sizing: border-box;\n"])), (0, _constants.gridSize)() * 2);
|
|
28
|
-
exports.containerStyles = containerStyles;
|
|
29
|
-
var searchIconStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", "px;\n color: ", ";\n cursor: default;\n"])), (0, _constants.gridSize)() / 2, (0, _tokens.token)('color.icon', _colors.N500));
|
|
30
|
-
exports.searchIconStyles = searchIconStyles;
|
|
31
|
-
var listTitleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n text-transform: uppercase;\n margin-bottom: ", "px;\n"])), _theme.typography.h100(), (0, _constants.gridSize)() / 2);
|
|
32
|
-
exports.listTitleStyles = listTitleStyles;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _react = require("react");
|
|
15
|
-
|
|
16
|
-
var _react2 = require("@emotion/react");
|
|
17
|
-
|
|
18
|
-
var _form = require("@atlaskit/form");
|
|
19
|
-
|
|
20
|
-
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
21
|
-
|
|
22
|
-
var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
23
|
-
|
|
24
|
-
var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
|
|
25
|
-
|
|
26
|
-
var _utils = require("../../utils");
|
|
27
|
-
|
|
28
|
-
var _styled = require("./styled");
|
|
29
|
-
|
|
30
|
-
var _excluded = ["name", "label", "autoFocus", "onSubmit", "onRedo", "onUndo", "onChange", "onKeyDown", "onClear", "clearLabel", "error"];
|
|
31
|
-
|
|
32
|
-
var PanelTextInput = function PanelTextInput(props) {
|
|
33
|
-
var name = props.name,
|
|
34
|
-
label = props.label,
|
|
35
|
-
autoFocus = props.autoFocus,
|
|
36
|
-
onSubmit = props.onSubmit,
|
|
37
|
-
onRedo = props.onRedo,
|
|
38
|
-
onUndo = props.onUndo,
|
|
39
|
-
onChange = props.onChange,
|
|
40
|
-
onKeyDown = props.onKeyDown,
|
|
41
|
-
onClear = props.onClear,
|
|
42
|
-
clearLabel = props.clearLabel,
|
|
43
|
-
error = props.error,
|
|
44
|
-
restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
45
|
-
var inputRef = (0, _react.useRef)(null);
|
|
46
|
-
var handleRef = (0, _react.useCallback)(function (input) {
|
|
47
|
-
if (input) {
|
|
48
|
-
inputRef.current = input;
|
|
49
|
-
|
|
50
|
-
if (autoFocus) {
|
|
51
|
-
// Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
|
|
52
|
-
input.focus({
|
|
53
|
-
preventScroll: true
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}, [autoFocus]);
|
|
58
|
-
var handleChange = (0, _react.useCallback)(function (e) {
|
|
59
|
-
onChange(e.currentTarget.value);
|
|
60
|
-
}, [onChange]);
|
|
61
|
-
var handleKeydown = (0, _react.useCallback)(function (e) {
|
|
62
|
-
var value = e.currentTarget.value;
|
|
63
|
-
|
|
64
|
-
if (e.keyCode === 13 && onSubmit) {
|
|
65
|
-
e.preventDefault(); // Prevent from submitting if an editor is inside a form.
|
|
66
|
-
|
|
67
|
-
onSubmit(value);
|
|
68
|
-
} else if (typeof onUndo === 'function' && (0, _utils.isUndoEvent)(e)) {
|
|
69
|
-
e.preventDefault();
|
|
70
|
-
onUndo();
|
|
71
|
-
} else if (typeof onRedo === 'function' && (0, _utils.isRedoEvent)(e)) {
|
|
72
|
-
e.preventDefault();
|
|
73
|
-
onRedo();
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
if (onKeyDown) {
|
|
77
|
-
onKeyDown(e);
|
|
78
|
-
}
|
|
79
|
-
}, [onSubmit, onUndo, onRedo, onKeyDown]);
|
|
80
|
-
var handleClear = (0, _react.useCallback)(function () {
|
|
81
|
-
if (inputRef.current && onClear) {
|
|
82
|
-
inputRef.current.focus();
|
|
83
|
-
onClear();
|
|
84
|
-
}
|
|
85
|
-
}, [onClear]);
|
|
86
|
-
var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
|
|
87
|
-
content: clearLabel
|
|
88
|
-
}, (0, _react2.jsx)("button", {
|
|
89
|
-
css: _styled.clearTextButtonStyles,
|
|
90
|
-
onClick: handleClear,
|
|
91
|
-
"data-testid": "clear-text"
|
|
92
|
-
}, (0, _react2.jsx)(_selectClear.default, {
|
|
93
|
-
size: "medium",
|
|
94
|
-
label: clearLabel || ''
|
|
95
|
-
})));
|
|
96
|
-
return (0, _react2.jsx)("div", {
|
|
97
|
-
css: _styled.fieldStyles
|
|
98
|
-
}, (0, _react2.jsx)(_form.Field, {
|
|
99
|
-
label: label,
|
|
100
|
-
name: name
|
|
101
|
-
}, function (_ref) {
|
|
102
|
-
var fieldProps = _ref.fieldProps;
|
|
103
|
-
return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
|
|
104
|
-
onKeyDown: handleKeydown,
|
|
105
|
-
onChange: handleChange,
|
|
106
|
-
ref: handleRef,
|
|
107
|
-
elemAfterInput: clearText,
|
|
108
|
-
isInvalid: !!error
|
|
109
|
-
})), error && (0, _react2.jsx)(_form.ErrorMessage, {
|
|
110
|
-
testId: "link-error"
|
|
111
|
-
}, error));
|
|
112
|
-
}));
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
var _default = PanelTextInput;
|
|
116
|
-
exports.default = _default;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.fieldStyles = exports.clearTextButtonStyles = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _tokens = require("@atlaskit/tokens");
|
|
13
|
-
|
|
14
|
-
var _react = require("@emotion/react");
|
|
15
|
-
|
|
16
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
19
|
-
|
|
20
|
-
var _templateObject, _templateObject2;
|
|
21
|
-
|
|
22
|
-
var clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n margin-right: ", "px;\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), (0, _constants.gridSize)() / 2, (0, _tokens.token)('color.icon.subtle', _colors.N500));
|
|
23
|
-
exports.clearTextButtonStyles = clearTextButtonStyles;
|
|
24
|
-
var fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: ", "px;\n"])), (0, _constants.gridSize)() * 2);
|
|
25
|
-
exports.fieldStyles = fieldStyles;
|
package/dist/cjs/url.js
DELETED
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.isSafeUrl = void 0;
|
|
9
|
-
exports.normalizeUrl = normalizeUrl;
|
|
10
|
-
|
|
11
|
-
var _linkifyIt = _interopRequireDefault(require("linkify-it"));
|
|
12
|
-
|
|
13
|
-
var linkify = (0, _linkifyIt.default)();
|
|
14
|
-
linkify.add('sourcetree:', 'http:');
|
|
15
|
-
var tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
|
|
16
|
-
var tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
|
|
17
|
-
tlds.push(tlds2Char);
|
|
18
|
-
linkify.tlds(tlds, false);
|
|
19
|
-
var whitelistedURLPatterns = [/^https?:\/\/[^\s]*$/im, /^ftps?:\/\//im, /^\//im, /^mailto:/im, /^skype:/im, /^callto:[^\s]*$/im, /^facetime:[^\s]*$/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\/\//im, /^sftp:\/\//im, /^itms:/im, /^notes:/im, /^hipchat:\/\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im, /^foo:/im, /^#/im];
|
|
20
|
-
|
|
21
|
-
var normaliseLinkHref = function normaliseLinkHref(url) {
|
|
22
|
-
var match = getLinkMatch(url);
|
|
23
|
-
return match && match.url || null;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var getLinkMatch = function getLinkMatch(str) {
|
|
27
|
-
if (!str) {
|
|
28
|
-
return null;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
var match = linkifyMatch(str);
|
|
32
|
-
|
|
33
|
-
if (!match.length) {
|
|
34
|
-
match = linkify.match(str);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
|
|
41
|
-
|
|
42
|
-
var linkifyMatch = function linkifyMatch(text) {
|
|
43
|
-
var matches = [];
|
|
44
|
-
|
|
45
|
-
if (!LINK_REGEXP.test(text)) {
|
|
46
|
-
return matches;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
var startpos = 0;
|
|
50
|
-
var substr;
|
|
51
|
-
|
|
52
|
-
while (substr = text.substr(startpos)) {
|
|
53
|
-
var link = (substr.match(LINK_REGEXP) || [''])[0];
|
|
54
|
-
|
|
55
|
-
if (link) {
|
|
56
|
-
var index = substr.search(LINK_REGEXP);
|
|
57
|
-
var start = index >= 0 ? index + startpos : index;
|
|
58
|
-
var end = start + link.length;
|
|
59
|
-
matches.push({
|
|
60
|
-
index: start,
|
|
61
|
-
lastIndex: end,
|
|
62
|
-
raw: link,
|
|
63
|
-
url: link,
|
|
64
|
-
text: link,
|
|
65
|
-
schema: ''
|
|
66
|
-
});
|
|
67
|
-
startpos += end;
|
|
68
|
-
} else {
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
return matches;
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
var isSafeUrl = function isSafeUrl(url) {
|
|
77
|
-
var urlTrimmed = url.trim();
|
|
78
|
-
|
|
79
|
-
if (urlTrimmed.length === 0) {
|
|
80
|
-
return true;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
return whitelistedURLPatterns.some(function (p) {
|
|
84
|
-
return p.test(urlTrimmed);
|
|
85
|
-
});
|
|
86
|
-
};
|
|
87
|
-
/**
|
|
88
|
-
* Adds protocol to url if needed.
|
|
89
|
-
*/
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
exports.isSafeUrl = isSafeUrl;
|
|
93
|
-
|
|
94
|
-
function normalizeUrl(url) {
|
|
95
|
-
if (!url) {
|
|
96
|
-
return '';
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
if (isSafeUrl(url)) {
|
|
100
|
-
return url.trim();
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
return normaliseLinkHref(url);
|
|
104
|
-
}
|
package/dist/cjs/utils.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isUndoEvent = exports.isRedoEvent = void 0;
|
|
7
|
-
|
|
8
|
-
var _browser = require("./browser");
|
|
9
|
-
|
|
10
|
-
var KeyZCode = 90;
|
|
11
|
-
var KeyYCode = 89;
|
|
12
|
-
|
|
13
|
-
var isUndoEvent = function isUndoEvent(e) {
|
|
14
|
-
return e.keyCode === KeyZCode && ( // cmd + z for mac
|
|
15
|
-
_browser.browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
|
|
16
|
-
!_browser.browser.mac && e.ctrlKey);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
exports.isUndoEvent = isUndoEvent;
|
|
20
|
-
|
|
21
|
-
var isRedoEvent = function isRedoEvent(e) {
|
|
22
|
-
return (// ctrl + y for non-mac
|
|
23
|
-
!_browser.browser.mac && e.ctrlKey && e.keyCode === KeyYCode || _browser.browser.mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
exports.isRedoEvent = isRedoEvent;
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/browser.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
const result = {
|
|
2
|
-
mac: false,
|
|
3
|
-
ie: false,
|
|
4
|
-
ie_version: 0,
|
|
5
|
-
gecko: false,
|
|
6
|
-
chrome: false,
|
|
7
|
-
chrome_version: 0,
|
|
8
|
-
android: false,
|
|
9
|
-
ios: false,
|
|
10
|
-
webkit: false,
|
|
11
|
-
safari: false,
|
|
12
|
-
supportsIntersectionObserver: false,
|
|
13
|
-
supportsResizeObserver: false
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
if (typeof navigator !== 'undefined') {
|
|
17
|
-
const ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
|
|
18
|
-
const ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
|
|
19
|
-
const ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
|
|
20
|
-
result.mac = /Mac/.test(navigator.platform);
|
|
21
|
-
let ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
|
|
22
|
-
result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
|
|
23
|
-
result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
|
|
24
|
-
result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
|
|
25
|
-
result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
|
|
26
|
-
result.android = /Android \d/.test(navigator.userAgent);
|
|
27
|
-
result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
|
|
28
|
-
result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
|
|
29
|
-
result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
|
|
30
|
-
result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
|
|
31
|
-
result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { result as browser };
|
package/dist/es2019/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { LinkPickerWithIntl as LinkPicker } from './ui/link-picker';
|