@atlaskit/editor-common 61.0.1 → 63.0.0
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 +126 -0
- package/dist/cjs/extensions/manifest-helpers.js +2 -2
- package/dist/cjs/extensions/module-helpers.js +2 -2
- package/dist/cjs/icons/index.js +45 -0
- package/dist/cjs/icons/shared/PanelErrorIcon.js +37 -0
- package/dist/cjs/icons/shared/PanelInfoIcon.js +37 -0
- package/dist/cjs/icons/shared/PanelNoteIcon.js +37 -0
- package/dist/cjs/icons/shared/PanelSuccessIcon.js +37 -0
- package/dist/cjs/icons/shared/PanelWarningIcon.js +37 -0
- package/dist/cjs/index.js +1 -921
- package/dist/cjs/messages/codeBidiWarning.js +2 -2
- package/dist/cjs/messages/link.js +2 -2
- package/dist/cjs/messages/unsupportedContent.js +2 -2
- package/dist/cjs/provider-factory/with-providers.js +2 -2
- package/dist/cjs/styles/index.js +20 -16
- package/dist/cjs/styles/shared/panel.js +26 -8
- package/dist/cjs/styles/shared/table.js +2 -1
- package/dist/cjs/styles/shared/text-color.js +17 -0
- package/dist/cjs/ui/Caption/index.js +2 -2
- package/dist/cjs/ui/Caption/messages.js +2 -2
- package/dist/cjs/ui/Expand/index.js +2 -2
- package/dist/cjs/ui/IntlLegacyFallbackProvider/index.js +60 -0
- package/dist/cjs/ui/IntlNextErrorBoundary/index.js +90 -0
- package/dist/cjs/ui/LegacyToNextIntlProvider/index.js +67 -0
- package/dist/cjs/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/cjs/ui/Popup/index.js +4 -4
- package/dist/cjs/ui/Popup/utils.js +2 -2
- package/dist/cjs/ui/UnsupportedBlock/index.js +2 -2
- package/dist/cjs/ui/UnsupportedInline/index.js +2 -2
- package/dist/cjs/ui/index.js +28 -14
- package/dist/cjs/utils/date.js +2 -3
- package/dist/cjs/utils/profiler/render-count.js +2 -2
- package/dist/cjs/utils/track-unsupported-content.js +2 -2
- package/dist/cjs/utils/validator.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/icons/index.js +5 -0
- package/dist/es2019/icons/shared/PanelErrorIcon.js +24 -0
- package/dist/es2019/icons/shared/PanelInfoIcon.js +24 -0
- package/dist/es2019/icons/shared/PanelNoteIcon.js +24 -0
- package/dist/es2019/icons/shared/PanelSuccessIcon.js +24 -0
- package/dist/es2019/icons/shared/PanelWarningIcon.js +24 -0
- package/dist/es2019/index.js +5 -25
- package/dist/es2019/messages/codeBidiWarning.js +1 -1
- package/dist/es2019/messages/link.js +1 -1
- package/dist/es2019/messages/unsupportedContent.js +1 -1
- package/dist/es2019/styles/index.js +3 -6
- package/dist/es2019/styles/shared/panel.js +20 -8
- package/dist/es2019/styles/shared/table.js +3 -2
- package/dist/es2019/styles/shared/text-color.js +10 -0
- package/dist/es2019/ui/Caption/index.js +1 -1
- package/dist/es2019/ui/Caption/messages.js +1 -1
- package/dist/es2019/ui/Expand/index.js +1 -1
- package/dist/es2019/ui/IntlLegacyFallbackProvider/index.js +21 -0
- package/dist/es2019/ui/IntlNextErrorBoundary/index.js +43 -0
- package/dist/es2019/ui/LegacyToNextIntlProvider/index.js +24 -0
- package/dist/es2019/ui/Popup/index.js +2 -2
- package/dist/es2019/ui/UnsupportedBlock/index.js +1 -1
- package/dist/es2019/ui/UnsupportedInline/index.js +1 -1
- package/dist/es2019/ui/index.js +5 -9
- package/dist/es2019/utils/date.js +2 -3
- package/dist/es2019/version.json +1 -1
- package/dist/esm/extensions/manifest-helpers.js +2 -2
- package/dist/esm/extensions/module-helpers.js +2 -2
- package/dist/esm/icons/index.js +5 -0
- package/dist/esm/icons/shared/PanelErrorIcon.js +24 -0
- package/dist/esm/icons/shared/PanelInfoIcon.js +24 -0
- package/dist/esm/icons/shared/PanelNoteIcon.js +24 -0
- package/dist/esm/icons/shared/PanelSuccessIcon.js +24 -0
- package/dist/esm/icons/shared/PanelWarningIcon.js +24 -0
- package/dist/esm/index.js +5 -25
- package/dist/esm/messages/codeBidiWarning.js +1 -1
- package/dist/esm/messages/link.js +1 -1
- package/dist/esm/messages/unsupportedContent.js +1 -1
- package/dist/esm/provider-factory/with-providers.js +2 -2
- package/dist/esm/styles/index.js +3 -6
- package/dist/esm/styles/shared/panel.js +22 -8
- package/dist/esm/styles/shared/table.js +3 -2
- package/dist/esm/styles/shared/text-color.js +6 -0
- package/dist/esm/ui/Caption/index.js +1 -1
- package/dist/esm/ui/Caption/messages.js +1 -1
- package/dist/esm/ui/Expand/index.js +1 -1
- package/dist/esm/ui/IntlLegacyFallbackProvider/index.js +45 -0
- package/dist/esm/ui/IntlNextErrorBoundary/index.js +73 -0
- package/dist/esm/ui/LegacyToNextIntlProvider/index.js +51 -0
- package/dist/esm/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/esm/ui/Popup/index.js +4 -4
- package/dist/esm/ui/Popup/utils.js +2 -2
- package/dist/esm/ui/UnsupportedBlock/index.js +1 -1
- package/dist/esm/ui/UnsupportedInline/index.js +1 -1
- package/dist/esm/ui/index.js +5 -9
- package/dist/esm/utils/date.js +2 -3
- package/dist/esm/utils/profiler/render-count.js +2 -2
- package/dist/esm/utils/track-unsupported-content.js +2 -2
- package/dist/esm/utils/validator.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/extensions/types/extension-handler.d.ts +2 -0
- package/dist/types/icons/index.d.ts +5 -0
- package/dist/types/icons/shared/PanelErrorIcon.d.ts +3 -0
- package/dist/types/icons/shared/PanelInfoIcon.d.ts +3 -0
- package/dist/types/icons/shared/PanelNoteIcon.d.ts +3 -0
- package/dist/types/icons/shared/PanelSuccessIcon.d.ts +3 -0
- package/dist/types/icons/shared/PanelWarningIcon.d.ts +3 -0
- package/dist/types/index.d.ts +12 -19
- package/dist/types/styles/index.d.ts +2 -3
- package/dist/types/styles/shared/panel.d.ts +56 -0
- package/dist/types/styles/shared/table.d.ts +1 -0
- package/dist/types/styles/shared/text-color.d.ts +1 -0
- package/dist/types/ui/Caption/index.d.ts +4 -4
- package/dist/types/ui/IntlLegacyFallbackProvider/index.d.ts +8 -0
- package/dist/types/ui/IntlNextErrorBoundary/index.d.ts +15 -0
- package/dist/types/ui/LegacyToNextIntlProvider/index.d.ts +8 -0
- package/dist/types/ui/Popup/index.d.ts +1 -1
- package/dist/types/ui/UnsupportedBlock/index.d.ts +3 -3
- package/dist/types/ui/UnsupportedInline/index.d.ts +3 -3
- package/dist/types/ui/WidthProvider/index.d.ts +3 -1
- package/dist/types/ui/index.d.ts +3 -3
- package/dist/types/ui/unsupported-content-helper.d.ts +2 -2
- package/dist/types/utils/date.d.ts +3 -3
- package/icons/package.json +7 -0
- package/package.json +21 -19
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.codeBidiWarningMessages = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _reactIntlNext = require("react-intl-next");
|
|
9
9
|
|
|
10
|
-
var codeBidiWarningMessages = (0,
|
|
10
|
+
var codeBidiWarningMessages = (0, _reactIntlNext.defineMessages)({
|
|
11
11
|
/**
|
|
12
12
|
* Message taken from
|
|
13
13
|
* https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782/PSHELP-2943+Investigate+Trojan+Source+Attack+Vulnerability+design
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.linkMessages = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _reactIntlNext = require("react-intl-next");
|
|
9
9
|
|
|
10
|
-
var linkMessages = (0,
|
|
10
|
+
var linkMessages = (0, _reactIntlNext.defineMessages)({
|
|
11
11
|
openLink: {
|
|
12
12
|
id: 'fabric.editor.openLink',
|
|
13
13
|
defaultMessage: 'Open link in a new tab',
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.unsupportedContentMessages = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _reactIntlNext = require("react-intl-next");
|
|
9
9
|
|
|
10
|
-
var unsupportedContentMessages = (0,
|
|
10
|
+
var unsupportedContentMessages = (0, _reactIntlNext.defineMessages)({
|
|
11
11
|
unsupportedInlineContent: {
|
|
12
12
|
id: 'fabric.editor.unsupportedInlineContent',
|
|
13
13
|
defaultMessage: 'Unsupported content',
|
|
@@ -23,9 +23,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
23
23
|
|
|
24
24
|
var _react = require("react");
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
29
|
|
|
30
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
31
|
|
package/dist/cjs/styles/index.js
CHANGED
|
@@ -21,18 +21,6 @@ Object.defineProperty(exports, "DateSharedCssClassName", {
|
|
|
21
21
|
return _date.DateSharedCssClassName;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "EmojiSharedCssClassName", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _emoji.EmojiSharedCssClassName;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "MentionSharedCssClassName", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function get() {
|
|
33
|
-
return _mention.MentionSharedCssClassName;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
24
|
Object.defineProperty(exports, "PanelSharedCssClassName", {
|
|
37
25
|
enumerable: true,
|
|
38
26
|
get: function get() {
|
|
@@ -105,6 +93,12 @@ Object.defineProperty(exports, "columnLayoutSharedStyle", {
|
|
|
105
93
|
return _columnLayout.columnLayoutSharedStyle;
|
|
106
94
|
}
|
|
107
95
|
});
|
|
96
|
+
Object.defineProperty(exports, "darkPanelColors", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _panel.darkPanelColors;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
108
102
|
Object.defineProperty(exports, "dateSharedStyle", {
|
|
109
103
|
enumerable: true,
|
|
110
104
|
get: function get() {
|
|
@@ -117,6 +111,12 @@ Object.defineProperty(exports, "getPanelBackgroundDarkModeColors", {
|
|
|
117
111
|
return _panel.getPanelBackgroundDarkModeColors;
|
|
118
112
|
}
|
|
119
113
|
});
|
|
114
|
+
Object.defineProperty(exports, "getPanelDarkColor", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _panel.getPanelDarkColor;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
120
|
Object.defineProperty(exports, "getPanelTypeBackground", {
|
|
121
121
|
enumerable: true,
|
|
122
122
|
get: function get() {
|
|
@@ -255,6 +255,12 @@ Object.defineProperty(exports, "tasksAndDecisionsStyles", {
|
|
|
255
255
|
return _taskDecision.tasksAndDecisionsStyles;
|
|
256
256
|
}
|
|
257
257
|
});
|
|
258
|
+
Object.defineProperty(exports, "textColorStyles", {
|
|
259
|
+
enumerable: true,
|
|
260
|
+
get: function get() {
|
|
261
|
+
return _textColor.textColorStyles;
|
|
262
|
+
}
|
|
263
|
+
});
|
|
258
264
|
Object.defineProperty(exports, "whitespaceSharedStyles", {
|
|
259
265
|
enumerable: true,
|
|
260
266
|
get: function get() {
|
|
@@ -262,6 +268,8 @@ Object.defineProperty(exports, "whitespaceSharedStyles", {
|
|
|
262
268
|
}
|
|
263
269
|
});
|
|
264
270
|
|
|
271
|
+
var _textColor = require("./shared/text-color");
|
|
272
|
+
|
|
265
273
|
var _table = require("./shared/table");
|
|
266
274
|
|
|
267
275
|
var _annotation = require("./shared/annotation");
|
|
@@ -300,10 +308,6 @@ var _date = require("./shared/date");
|
|
|
300
308
|
|
|
301
309
|
var _taskDecision = require("./shared/task-decision");
|
|
302
310
|
|
|
303
|
-
var _mention = require("./shared/mention");
|
|
304
|
-
|
|
305
|
-
var _emoji = require("./shared/emoji");
|
|
306
|
-
|
|
307
311
|
var _status = require("./shared/status");
|
|
308
312
|
|
|
309
313
|
var _smartCard = require("./shared/smart-card");
|
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.getPanelBackgroundDarkModeColors = exports.PanelSharedSelectors = exports.PanelSharedCssClassName = void 0;
|
|
10
|
+
exports.getPanelDarkColor = exports.getPanelBackgroundDarkModeColors = exports.darkPanelColors = exports.PanelSharedSelectors = exports.PanelSharedCssClassName = void 0;
|
|
11
11
|
exports.getPanelDarkModeCSS = getPanelDarkModeCSS;
|
|
12
12
|
exports.panelSharedStyles = exports.getPanelTypeBackground = void 0;
|
|
13
13
|
|
|
@@ -102,11 +102,12 @@ var darkPanelColors = {
|
|
|
102
102
|
T900S: "#056270",
|
|
103
103
|
T1200S: "#0B3037",
|
|
104
104
|
// Dark Mode Alpha
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
DarkGray: '#161A1D',
|
|
106
|
+
Gray: '#2C333A',
|
|
107
|
+
LightGray: '#5A6977',
|
|
108
108
|
TextColor: '#D9DDE3'
|
|
109
109
|
};
|
|
110
|
+
exports.darkPanelColors = darkPanelColors;
|
|
110
111
|
var lightIconColor = {
|
|
111
112
|
info: colors.B400,
|
|
112
113
|
note: colors.P400,
|
|
@@ -127,7 +128,17 @@ var darkIconColor = {
|
|
|
127
128
|
|
|
128
129
|
var panelEmojiSpriteVerticalAlignment = -((0, _constants.gridSize)() * 3 - _consts.akEditorCustomIconSize) / 2;
|
|
129
130
|
var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
|
|
130
|
-
var
|
|
131
|
+
var panelDarkModeColors = [[colors.B50, darkPanelColors.B1200S], [colors.B75, darkPanelColors.B900], [colors.B100, darkPanelColors.B800S], [colors.N0, darkPanelColors.LightGray], [colors.N20, darkPanelColors.Gray], [colors.N60, darkPanelColors.DarkGray], [colors.T50, darkPanelColors.T1200S], [colors.T75, darkPanelColors.T900], [colors.T100, darkPanelColors.T900S], [colors.G50, darkPanelColors.G1200S], [colors.G75, darkPanelColors.G900], [colors.G200, darkPanelColors.G900S], [colors.Y50, darkPanelColors.Y1200S], [colors.Y75, darkPanelColors.Y900], [colors.Y200, darkPanelColors.Y800S], [colors.R50, darkPanelColors.R1200S], [colors.R75, darkPanelColors.R900], [colors.R100, darkPanelColors.R800S], [colors.P50, darkPanelColors.P1200S], [colors.P75, darkPanelColors.P900], [colors.P100, darkPanelColors.P800S]];
|
|
132
|
+
|
|
133
|
+
var getPanelDarkColor = function getPanelDarkColor(panelColor) {
|
|
134
|
+
var colorObject = panelDarkModeColors.find(function (color) {
|
|
135
|
+
return color[0] === panelColor || color[1] === panelColor;
|
|
136
|
+
});
|
|
137
|
+
return colorObject ? colorObject[1] : darkPanelColors.B1200S;
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
exports.getPanelDarkColor = getPanelDarkColor;
|
|
141
|
+
var getPanelBackgroundDarkModeColors = panelDarkModeColors.map(function (_ref) {
|
|
131
142
|
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
|
132
143
|
colorName = _ref2[0],
|
|
133
144
|
colorValue = _ref2[1];
|
|
@@ -154,13 +165,20 @@ var PanelSharedSelectors = {
|
|
|
154
165
|
errorPanel: ".".concat(prefix, "[data-panel-type=").concat(_adfSchema.PanelType.ERROR, "]"),
|
|
155
166
|
successPanel: ".".concat(prefix, "[data-panel-type=").concat(_adfSchema.PanelType.SUCCESS, "]"),
|
|
156
167
|
noteButton: "button[aria-label=\"Note\"]",
|
|
168
|
+
warningButton: "button[aria-label=\"Warning\"]",
|
|
157
169
|
removeButton: "button[aria-label=\"Remove\"]",
|
|
158
170
|
colorPalette: "[aria-label=\"Background color\"]",
|
|
159
|
-
selectedColor: "[aria-label=\"
|
|
171
|
+
selectedColor: "[aria-label=\"Light green\"]",
|
|
160
172
|
removeEmojiIcon: "[aria-label=\"Remove emoji\"]",
|
|
161
173
|
emojiIcon: "[aria-label=\"editor-add-emoji\"]",
|
|
162
174
|
selectedEmoji: "[aria-label=\":grinning:\"]",
|
|
163
|
-
|
|
175
|
+
addYourOwnEmoji: "[aria-label=\"Add your own emoji\"]",
|
|
176
|
+
emojiNameInCustomEmoji: "[aria-label=\"Enter a name for the new emoji\"]",
|
|
177
|
+
title: "#editor-title",
|
|
178
|
+
emojiPopup: "[aria-label=\"Popup\"]",
|
|
179
|
+
searchEmoji: "[aria-label=\"Search emoji\"]",
|
|
180
|
+
orangeWarningIcon: "[aria-label=\":warning:\"]",
|
|
181
|
+
yellowWarningIcon: "[aria-label=\":warning:\"] span:nth-child(1)"
|
|
164
182
|
};
|
|
165
183
|
exports.PanelSharedSelectors = PanelSharedSelectors;
|
|
166
184
|
|
|
@@ -200,7 +218,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
|
|
|
200
218
|
};
|
|
201
219
|
};
|
|
202
220
|
|
|
203
|
-
var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n border-radius: ", "px;\n margin: ", " 0 0;\n padding: ", "px;\n min-width: ", "px;\n display: flex;\n position: relative;\n align-items: baseline;\n word-break: break-word;\n\n ", "\n\n .", " {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n box-sizing: content-box;\n padding-right: ", "px;\n text-align: center;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n ", "\n\n > span {\n vertical-align: middle;\n display: inline;\n }\n\n .", " {\n vertical-align: ", "px;\n }\n\n .", " {\n vertical-align: ", "px;\n\n // Vertical align only works for inline-block elements in Firefox\n @-moz-document url-prefix() {\n img {\n display: inline-block;\n }\n }\n }\n }\n\n .ak-editor-panel__content {\n margin: 1px 0 1px;\n flex: 1 0 0;\n /*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n min-width: 0;\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", ";\n }\n }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS), _adfSchema.PanelType.CUSTOM, (0, _components.themed)({
|
|
221
|
+
var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n border-radius: ", "px;\n margin: ", " 0 0;\n padding: ", "px;\n min-width: ", "px;\n display: flex;\n position: relative;\n align-items: baseline;\n word-break: break-word;\n\n ", "\n\n .", " {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n box-sizing: content-box;\n padding-right: ", "px;\n text-align: center;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n ", "\n\n > span {\n vertical-align: middle;\n display: inline-flex;\n }\n\n .", " {\n vertical-align: ", "px;\n }\n\n .", " {\n vertical-align: ", "px;\n\n // Vertical align only works for inline-block elements in Firefox\n @-moz-document url-prefix() {\n img {\n display: inline-block;\n }\n }\n }\n }\n\n .ak-editor-panel__content {\n margin: 1px 0 1px;\n flex: 1 0 0;\n /*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n min-width: 0;\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", "\n\n .", " {\n ", "\n }\n }\n\n &[data-panel-type='", "'] {\n ", ";\n }\n }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS), _adfSchema.PanelType.CUSTOM, (0, _components.themed)({
|
|
204
222
|
dark: getPanelBackgroundDarkModeColors
|
|
205
223
|
}));
|
|
206
224
|
exports.panelSharedStyles = panelSharedStyles;
|
|
@@ -51,7 +51,8 @@ var TableSharedCssClassName = {
|
|
|
51
51
|
TABLE_STICKY_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-top"),
|
|
52
52
|
TABLE_STICKY_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-bottom"),
|
|
53
53
|
TABLE_CELL_NODEVIEW_CONTENT_DOM: _adfSchema.tableCellContentDomSelector,
|
|
54
|
-
TABLE_CELL_WRAPPER: _adfSchema.tableCellSelector
|
|
54
|
+
TABLE_CELL_WRAPPER: _adfSchema.tableCellSelector,
|
|
55
|
+
TABLE_HEADER_CELL_WRAPPER: _adfSchema.tableHeaderSelector
|
|
55
56
|
};
|
|
56
57
|
exports.TableSharedCssClassName = TableSharedCssClassName;
|
|
57
58
|
var tableSharedStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n position: relative;\n margin: 0 auto ", "px;\n box-sizing: border-box;\n\n /**\n * Fix block top alignment inside table cells.\n */\n .decisionItemView-content-wrap:first-child > div {\n margin-top: 0;\n }\n }\n .", "[data-number-column='true'] {\n padding-left: ", "px;\n clear: both;\n }\n /* avoid applying styles to nested tables (possible via extensions) */\n .", " > table,\n .", " > table,\n .", " > table {\n border-collapse: collapse;\n margin: ", "px ", "px 0 0;\n border: ", "px solid\n ", ";\n table-layout: fixed;\n font-size: 1em;\n width: 100%;\n\n &[data-autosize='true'] {\n table-layout: auto;\n }\n\n & {\n * {\n box-sizing: border-box;\n }\n hr {\n box-sizing: content-box;\n }\n\n tbody {\n border-bottom: none;\n }\n th td {\n background-color: white;\n }\n th,\n td {\n min-width: ", "px;\n font-weight: normal;\n vertical-align: top;\n border: 1px solid\n ", ";\n border-right-width: 0;\n border-bottom-width: 0;\n padding: ", "px;\n /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n ", "\n\n ", ";\n\n > *:first-child {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor.-right:first-child + * {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child + span + * {\n margin-top: 0;\n }\n\n th p:not(:first-of-type),\n td p:not(:first-of-type) {\n margin-top: 12px;\n }\n }\n th {\n background-color: ", ";\n text-align: left;\n\n /* only apply this styling to codeblocks in default background headercells */\n /* TODO this needs to be overhauled as it relies on unsafe selectors */\n &:not([style]) {\n .code-block {\n background-image: ", ";\n background-attachment: local, scroll, scroll;\n background-position: 100% 0, 100% 0, 0 0;\n background-color: ", ";\n\n .line-number-gutter {\n background-color: ", ";\n }\n\n /* this is only relevant to the element taken care of by renderer */\n > [data-ds--code--code-block] {\n background-image: ", "!important;\n\n background-color: ", "!important;\n\n // selector lives inside @atlaskit/code\n --ds--code--line-number-bg-color: ", ";\n }\n }\n }\n }\n }\n }\n"])), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, tableCellBorderWidth, (0, _components.themed)({
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.textColorStyles = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _styledComponents = require("styled-components");
|
|
13
|
+
|
|
14
|
+
var _templateObject;
|
|
15
|
+
|
|
16
|
+
var textColorStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .fabric-text-color-mark {\n color: var(--custom-text-color, inherit);\n }\n\n a .fabric-text-color-mark {\n color: unset;\n }\n"])));
|
|
17
|
+
exports.textColorStyles = textColorStyles;
|
|
@@ -23,7 +23,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
23
23
|
|
|
24
24
|
var _react = _interopRequireDefault(require("react"));
|
|
25
25
|
|
|
26
|
-
var
|
|
26
|
+
var _reactIntlNext = require("react-intl-next");
|
|
27
27
|
|
|
28
28
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
29
29
|
|
|
@@ -72,6 +72,6 @@ var CaptionComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
72
72
|
|
|
73
73
|
exports.CaptionComponent = CaptionComponent;
|
|
74
74
|
|
|
75
|
-
var _default = (0,
|
|
75
|
+
var _default = (0, _reactIntlNext.injectIntl)(CaptionComponent);
|
|
76
76
|
|
|
77
77
|
exports.default = _default;
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.messages = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _reactIntlNext = require("react-intl-next");
|
|
9
9
|
|
|
10
|
-
var messages = (0,
|
|
10
|
+
var messages = (0, _reactIntlNext.defineMessages)({
|
|
11
11
|
placeholder: {
|
|
12
12
|
id: 'fabric.editor.captionPlaceholder',
|
|
13
13
|
defaultMessage: 'Add a caption',
|
|
@@ -11,7 +11,7 @@ exports.sharedExpandStyles = exports.messages = exports.ExpandLayoutWrapper = ex
|
|
|
11
11
|
|
|
12
12
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _reactIntlNext = require("react-intl-next");
|
|
15
15
|
|
|
16
16
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
17
|
|
|
@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
29
29
|
|
|
30
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
31
|
|
|
32
|
-
var messages = (0,
|
|
32
|
+
var messages = (0, _reactIntlNext.defineMessages)({
|
|
33
33
|
collapseNode: {
|
|
34
34
|
id: 'fabric.editor.collapseNode',
|
|
35
35
|
defaultMessage: 'Collapse content',
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.IntlLegacyFallbackProvider = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
|
+
|
|
24
|
+
var _reactIntl = require("react-intl");
|
|
25
|
+
|
|
26
|
+
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); }; }
|
|
27
|
+
|
|
28
|
+
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; } }
|
|
29
|
+
|
|
30
|
+
var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
|
|
31
|
+
(0, _inherits2.default)(IntlLegacyFallbackProvider, _React$Component);
|
|
32
|
+
|
|
33
|
+
var _super = _createSuper(IntlLegacyFallbackProvider);
|
|
34
|
+
|
|
35
|
+
function IntlLegacyFallbackProvider() {
|
|
36
|
+
(0, _classCallCheck2.default)(this, IntlLegacyFallbackProvider);
|
|
37
|
+
return _super.apply(this, arguments);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
(0, _createClass2.default)(IntlLegacyFallbackProvider, [{
|
|
41
|
+
key: "render",
|
|
42
|
+
value: function render() {
|
|
43
|
+
var oldIntl = this.context.intl;
|
|
44
|
+
|
|
45
|
+
if (!oldIntl) {
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
|
|
47
|
+
locale: "en"
|
|
48
|
+
}, this.props.children);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
return this.props.children;
|
|
52
|
+
}
|
|
53
|
+
}]);
|
|
54
|
+
return IntlLegacyFallbackProvider;
|
|
55
|
+
}(_react.default.Component);
|
|
56
|
+
|
|
57
|
+
exports.IntlLegacyFallbackProvider = IntlLegacyFallbackProvider;
|
|
58
|
+
(0, _defineProperty2.default)(IntlLegacyFallbackProvider, "contextTypes", {
|
|
59
|
+
intl: _reactIntl.intlShape
|
|
60
|
+
});
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.REACT_INTL_ERROR_MESSAGE = exports.IntlNextErrorBoundary = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
|
+
|
|
26
|
+
var _reactIntlNext = require("react-intl-next");
|
|
27
|
+
|
|
28
|
+
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); }; }
|
|
29
|
+
|
|
30
|
+
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; } }
|
|
31
|
+
|
|
32
|
+
var REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
|
|
33
|
+
exports.REACT_INTL_ERROR_MESSAGE = REACT_INTL_ERROR_MESSAGE;
|
|
34
|
+
|
|
35
|
+
var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAncestryError(err) {
|
|
36
|
+
var _err$toString;
|
|
37
|
+
|
|
38
|
+
return err === null || err === void 0 ? void 0 : (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var IntlNextErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
42
|
+
(0, _inherits2.default)(IntlNextErrorBoundary, _React$Component);
|
|
43
|
+
|
|
44
|
+
var _super = _createSuper(IntlNextErrorBoundary);
|
|
45
|
+
|
|
46
|
+
function IntlNextErrorBoundary() {
|
|
47
|
+
var _this;
|
|
48
|
+
|
|
49
|
+
(0, _classCallCheck2.default)(this, IntlNextErrorBoundary);
|
|
50
|
+
|
|
51
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
52
|
+
args[_key] = arguments[_key];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
56
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
57
|
+
missingIntlProviderInAncestry: false
|
|
58
|
+
});
|
|
59
|
+
return _this;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
(0, _createClass2.default)(IntlNextErrorBoundary, [{
|
|
63
|
+
key: "componentDidCatch",
|
|
64
|
+
value: function componentDidCatch(error, errorInfo) {
|
|
65
|
+
// if missing IntlProvider in ancestry, we setup a fallback IntlProvider ourselves
|
|
66
|
+
if (isMissingIntlProviderInAncestryError(error)) {
|
|
67
|
+
this.setState({
|
|
68
|
+
missingIntlProviderInAncestry: true
|
|
69
|
+
});
|
|
70
|
+
} else {
|
|
71
|
+
// else we re-propagate the non-react-intl-next error
|
|
72
|
+
throw error;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}, {
|
|
76
|
+
key: "render",
|
|
77
|
+
value: function render() {
|
|
78
|
+
if (this.state.missingIntlProviderInAncestry) {
|
|
79
|
+
return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
|
|
80
|
+
locale: "en"
|
|
81
|
+
}, this.props.children);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
return this.props.children;
|
|
85
|
+
}
|
|
86
|
+
}]);
|
|
87
|
+
return IntlNextErrorBoundary;
|
|
88
|
+
}(_react.default.Component);
|
|
89
|
+
|
|
90
|
+
exports.IntlNextErrorBoundary = IntlNextErrorBoundary;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.LegacyToNextIntlProvider = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
|
+
|
|
24
|
+
var _reactIntl = require("react-intl");
|
|
25
|
+
|
|
26
|
+
var _reactIntlNext = require("react-intl-next");
|
|
27
|
+
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
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); }; }
|
|
33
|
+
|
|
34
|
+
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; } }
|
|
35
|
+
|
|
36
|
+
var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
|
|
37
|
+
(0, _inherits2.default)(LegacyToNextIntlProvider, _React$Component);
|
|
38
|
+
|
|
39
|
+
var _super = _createSuper(LegacyToNextIntlProvider);
|
|
40
|
+
|
|
41
|
+
function LegacyToNextIntlProvider() {
|
|
42
|
+
(0, _classCallCheck2.default)(this, LegacyToNextIntlProvider);
|
|
43
|
+
return _super.apply(this, arguments);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
(0, _createClass2.default)(LegacyToNextIntlProvider, [{
|
|
47
|
+
key: "render",
|
|
48
|
+
value: function render() {
|
|
49
|
+
var oldIntl = this.context.intl;
|
|
50
|
+
|
|
51
|
+
if (oldIntl) {
|
|
52
|
+
var nextIntl = (0, _reactIntlNext.createIntl)(_objectSpread({}, oldIntl));
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
|
|
54
|
+
value: nextIntl
|
|
55
|
+
}, this.props.children);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return this.props.children;
|
|
59
|
+
}
|
|
60
|
+
}]);
|
|
61
|
+
return LegacyToNextIntlProvider;
|
|
62
|
+
}(_react.default.Component);
|
|
63
|
+
|
|
64
|
+
exports.LegacyToNextIntlProvider = LegacyToNextIntlProvider;
|
|
65
|
+
(0, _defineProperty2.default)(LegacyToNextIntlProvider, "contextTypes", {
|
|
66
|
+
intl: _reactIntl.intlShape
|
|
67
|
+
});
|
|
@@ -41,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
41
41
|
|
|
42
42
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
43
|
|
|
44
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45
45
|
|
|
46
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
46
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
47
47
|
|
|
48
48
|
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); }; }
|
|
49
49
|
|
|
@@ -37,9 +37,9 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
37
37
|
|
|
38
38
|
var _utils = require("./utils");
|
|
39
39
|
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
40
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
41
41
|
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
42
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
43
43
|
|
|
44
44
|
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); }; }
|
|
45
45
|
|
|
@@ -75,7 +75,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
75
75
|
return _this.updatePosition(props);
|
|
76
76
|
}));
|
|
77
77
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResize", function () {
|
|
78
|
-
return _this.scheduledUpdatePosition();
|
|
78
|
+
return _this.scheduledUpdatePosition(_this.props);
|
|
79
79
|
});
|
|
80
80
|
return _this;
|
|
81
81
|
}
|
|
@@ -188,7 +188,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
188
188
|
* which is currently working for most of the floating toolbar and other popups.
|
|
189
189
|
*/
|
|
190
190
|
|
|
191
|
-
this.scheduledUpdatePosition();
|
|
191
|
+
this.scheduledUpdatePosition(this.props);
|
|
192
192
|
}
|
|
193
193
|
}, {
|
|
194
194
|
key: "UNSAFE_componentWillReceiveProps",
|
|
@@ -18,9 +18,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
18
18
|
|
|
19
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
20
|
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
22
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
24
|
|
|
25
25
|
function isBody(elem) {
|
|
26
26
|
return elem === document.body;
|
|
@@ -13,7 +13,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
|
|
18
18
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
19
|
|
|
@@ -73,6 +73,6 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
|
|
|
73
73
|
}))));
|
|
74
74
|
};
|
|
75
75
|
|
|
76
|
-
var _default = (0,
|
|
76
|
+
var _default = (0, _reactIntlNext.injectIntl)(UnsupportedBlockNode);
|
|
77
77
|
|
|
78
78
|
exports.default = _default;
|
|
@@ -13,7 +13,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
|
|
18
18
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
19
|
|
|
@@ -73,6 +73,6 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
|
|
|
73
73
|
}))));
|
|
74
74
|
};
|
|
75
75
|
|
|
76
|
-
var _default = (0,
|
|
76
|
+
var _default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);
|
|
77
77
|
|
|
78
78
|
exports.default = _default;
|