@atlaskit/link-picker 1.1.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.
Files changed (73) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +4 -1
  3. package/dist/cjs/browser.js +0 -39
  4. package/dist/cjs/index.js +0 -13
  5. package/dist/cjs/messages.js +0 -112
  6. package/dist/cjs/transformTimeStamp.js +0 -55
  7. package/dist/cjs/types.js +0 -5
  8. package/dist/cjs/ui/announcer.js +0 -64
  9. package/dist/cjs/ui/link-picker.js +0 -611
  10. package/dist/cjs/ui/link-search-list/index.js +0 -102
  11. package/dist/cjs/ui/link-search-list/styled.js +0 -21
  12. package/dist/cjs/ui/link-search-no-results/index.js +0 -27
  13. package/dist/cjs/ui/list-item/index.js +0 -103
  14. package/dist/cjs/ui/list-item/styled.js +0 -59
  15. package/dist/cjs/ui/styled.js +0 -32
  16. package/dist/cjs/ui/text-input/index.js +0 -116
  17. package/dist/cjs/ui/text-input/styled.js +0 -25
  18. package/dist/cjs/url.js +0 -104
  19. package/dist/cjs/utils.js +0 -27
  20. package/dist/cjs/version.json +0 -5
  21. package/dist/es2019/browser.js +0 -34
  22. package/dist/es2019/index.js +0 -1
  23. package/dist/es2019/messages.js +0 -103
  24. package/dist/es2019/transformTimeStamp.js +0 -41
  25. package/dist/es2019/types.js +0 -1
  26. package/dist/es2019/ui/announcer.js +0 -38
  27. package/dist/es2019/ui/link-picker.js +0 -499
  28. package/dist/es2019/ui/link-search-list/index.js +0 -60
  29. package/dist/es2019/ui/link-search-list/styled.js +0 -13
  30. package/dist/es2019/ui/link-search-no-results/index.js +0 -12
  31. package/dist/es2019/ui/list-item/index.js +0 -88
  32. package/dist/es2019/ui/list-item/styled.js +0 -65
  33. package/dist/es2019/ui/styled.js +0 -28
  34. package/dist/es2019/ui/text-input/index.js +0 -99
  35. package/dist/es2019/ui/text-input/styled.js +0 -15
  36. package/dist/es2019/url.js +0 -88
  37. package/dist/es2019/utils.js +0 -13
  38. package/dist/es2019/version.json +0 -5
  39. package/dist/esm/browser.js +0 -34
  40. package/dist/esm/index.js +0 -1
  41. package/dist/esm/messages.js +0 -103
  42. package/dist/esm/transformTimeStamp.js +0 -41
  43. package/dist/esm/types.js +0 -1
  44. package/dist/esm/ui/announcer.js +0 -51
  45. package/dist/esm/ui/link-picker.js +0 -589
  46. package/dist/esm/ui/link-search-list/index.js +0 -88
  47. package/dist/esm/ui/link-search-list/styled.js +0 -8
  48. package/dist/esm/ui/link-search-no-results/index.js +0 -14
  49. package/dist/esm/ui/list-item/index.js +0 -90
  50. package/dist/esm/ui/list-item/styled.js +0 -37
  51. package/dist/esm/ui/styled.js +0 -16
  52. package/dist/esm/ui/text-input/index.js +0 -99
  53. package/dist/esm/ui/text-input/styled.js +0 -10
  54. package/dist/esm/url.js +0 -90
  55. package/dist/esm/utils.js +0 -13
  56. package/dist/esm/version.json +0 -5
  57. package/dist/types/browser.d.ts +0 -15
  58. package/dist/types/index.d.ts +0 -3
  59. package/dist/types/messages.d.ts +0 -102
  60. package/dist/types/transformTimeStamp.d.ts +0 -3
  61. package/dist/types/types.d.ts +0 -40
  62. package/dist/types/ui/announcer.d.ts +0 -22
  63. package/dist/types/ui/link-picker.d.ts +0 -51
  64. package/dist/types/ui/link-search-list/index.d.ts +0 -20
  65. package/dist/types/ui/link-search-list/styled.d.ts +0 -3
  66. package/dist/types/ui/link-search-no-results/index.d.ts +0 -4
  67. package/dist/types/ui/list-item/index.d.ts +0 -17
  68. package/dist/types/ui/list-item/styled.d.ts +0 -7
  69. package/dist/types/ui/styled.d.ts +0 -4
  70. package/dist/types/ui/text-input/index.d.ts +0 -17
  71. package/dist/types/ui/text-input/styled.d.ts +0 -2
  72. package/dist/types/url.d.ts +0 -5
  73. 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,27 +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 _react = _interopRequireDefault(require("react"));
13
-
14
- var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
15
-
16
- var _noResults = _interopRequireDefault(require("./no-results.svg"));
17
-
18
- var NoResults = function NoResults(props) {
19
- return /*#__PURE__*/_react.default.createElement(_emptyState.default, (0, _extends2.default)({}, props, {
20
- imageUrl: _noResults.default,
21
- maxImageWidth: 130,
22
- maxImageHeight: 130
23
- }));
24
- };
25
-
26
- var _default = NoResults;
27
- exports.default = _default;
@@ -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;
@@ -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;
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/link-picker",
3
- "version": "1.1.0",
4
- "sideEffects": false
5
- }
@@ -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 };
@@ -1 +0,0 @@
1
- export { LinkPickerWithIntl as LinkPicker } from './ui/link-picker';