@atlaskit/editor-common 74.55.0 → 74.55.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/cjs/card/MediaAndEmbedsToolbar/index.js +2 -2
- package/dist/cjs/card/utils.js +2 -2
- package/dist/cjs/commands/index.js +2 -2
- package/dist/cjs/extensions/manifest-helpers.js +2 -2
- package/dist/cjs/extensions/module-helpers.js +2 -2
- package/dist/cjs/guideline/dynamicGuideline.js +2 -2
- package/dist/cjs/guideline/updateGuideline.js +2 -2
- package/dist/cjs/hooks/useSharedPluginState.js +2 -2
- package/dist/cjs/insert/index.js +2 -2
- package/dist/cjs/monitoring/error.js +3 -3
- package/dist/cjs/provider-factory/with-providers.js +2 -2
- package/dist/cjs/resizer/Resizer.js +8 -8
- package/dist/cjs/styles/shared/panel.js +20 -23
- package/dist/cjs/styles/shared/resizer.js +5 -3
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Expand/index.js +14 -14
- package/dist/cjs/ui/FloatingToolbar/Button.js +2 -2
- package/dist/cjs/ui/FloatingToolbar/styles.js +11 -14
- package/dist/cjs/ui/Layer/index.js +2 -2
- package/dist/cjs/ui/Popup/index.js +2 -2
- package/dist/cjs/ui/Popup/utils.js +2 -2
- package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js +2 -2
- package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +2 -2
- package/dist/cjs/ui-color/ColorPalette/Palettes/statusColorPalette.js +19 -22
- package/dist/cjs/ui-menu/DropdownMenu/index.js +2 -2
- package/dist/cjs/ui-menu/ToolbarButton/index.js +2 -2
- package/dist/cjs/utils/filter/privacy-filter.js +2 -2
- package/dist/cjs/utils/input-rules.js +2 -2
- package/dist/cjs/utils/profiler/render-count.js +2 -2
- package/dist/cjs/utils/rich-media-utils.js +2 -2
- package/dist/cjs/utils/track-unsupported-content.js +2 -2
- package/dist/cjs/utils/validator.js +2 -2
- package/dist/cjs/with-plugin-state/index.js +2 -2
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/resizer/Resizer.js +4 -3
- package/dist/es2019/styles/shared/panel.js +20 -20
- package/dist/es2019/styles/shared/resizer.js +5 -4
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Expand/index.js +14 -14
- package/dist/es2019/ui/FloatingToolbar/styles.js +11 -11
- package/dist/es2019/ui-color/ColorPalette/Palettes/statusColorPalette.js +19 -19
- package/dist/esm/card/MediaAndEmbedsToolbar/index.js +2 -2
- package/dist/esm/card/utils.js +2 -2
- package/dist/esm/commands/index.js +2 -2
- package/dist/esm/extensions/manifest-helpers.js +2 -2
- package/dist/esm/extensions/module-helpers.js +2 -2
- package/dist/esm/guideline/dynamicGuideline.js +2 -2
- package/dist/esm/guideline/updateGuideline.js +2 -2
- package/dist/esm/hooks/useSharedPluginState.js +2 -2
- package/dist/esm/insert/index.js +2 -2
- package/dist/esm/monitoring/error.js +3 -3
- package/dist/esm/provider-factory/with-providers.js +2 -2
- package/dist/esm/resizer/Resizer.js +5 -5
- package/dist/esm/styles/shared/panel.js +20 -20
- package/dist/esm/styles/shared/resizer.js +3 -2
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Expand/index.js +14 -14
- package/dist/esm/ui/FloatingToolbar/Button.js +2 -2
- package/dist/esm/ui/FloatingToolbar/styles.js +11 -11
- package/dist/esm/ui/Layer/index.js +2 -2
- package/dist/esm/ui/Popup/index.js +2 -2
- package/dist/esm/ui/Popup/utils.js +2 -2
- package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js +2 -2
- package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +2 -2
- package/dist/esm/ui-color/ColorPalette/Palettes/statusColorPalette.js +19 -19
- package/dist/esm/ui-menu/DropdownMenu/index.js +2 -2
- package/dist/esm/ui-menu/ToolbarButton/index.js +2 -2
- package/dist/esm/utils/filter/privacy-filter.js +2 -2
- package/dist/esm/utils/input-rules.js +2 -2
- package/dist/esm/utils/profiler/render-count.js +2 -2
- package/dist/esm/utils/rich-media-utils.js +2 -2
- package/dist/esm/utils/track-unsupported-content.js +2 -2
- package/dist/esm/utils/validator.js +2 -2
- package/dist/esm/with-plugin-state/index.js +2 -2
- package/dist/types/styles/shared/panel.d.ts +1 -1
- package/dist/types/styles/shared/resizer.d.ts +1 -0
- package/dist/types/ui-color/ColorPalette/Palettes/statusColorPalette.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/panel.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/resizer.d.ts +1 -0
- package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/statusColorPalette.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 74.55.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`58f6154cd7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58f6154cd7c) - Use color.icon.danger colour token for resizer danger state, rename the danger className to avoid collisions and ensure danger state is only applied to tables when the table is selected
|
|
8
|
+
|
|
9
|
+
## 74.55.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`6ca5d702ed5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ca5d702ed5) - Cleaned up more barrel imports to be named imports for treeshaking purposes :)
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 74.55.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
|
@@ -25,8 +25,8 @@ var _messages = _interopRequireWildcard(require("../../messages"));
|
|
|
25
25
|
var _utils2 = require("../../utils");
|
|
26
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
27
|
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; }
|
|
28
|
-
function ownKeys(
|
|
29
|
-
function _objectSpread(
|
|
28
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
29
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30
30
|
// Workaround as we don't want to import this package into `editor-common`
|
|
31
31
|
// We'll get type errors if this gets out of sync with `editor-plugin-width`.
|
|
32
32
|
var alignmentIcons = [{
|
package/dist/cjs/card/utils.js
CHANGED
|
@@ -9,8 +9,8 @@ exports.commandWithMetadata = void 0;
|
|
|
9
9
|
exports.getLinkMetadataFromTransaction = getLinkMetadataFromTransaction;
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _steps = require("@atlaskit/adf-schema/steps");
|
|
12
|
-
function ownKeys(
|
|
13
|
-
function _objectSpread(
|
|
12
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
14
|
/**
|
|
15
15
|
* Records metadata about the user action and input method relating to a transaction
|
|
16
16
|
* as a custom LinkStepMetadata prosemirror step so that it is preserved in
|
|
@@ -13,8 +13,8 @@ exports.toggleBlockMark = void 0;
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
15
15
|
var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
|
|
16
|
-
function ownKeys(
|
|
17
|
-
function _objectSpread(
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
function addParagraphAtEnd(tr) {
|
|
19
19
|
var paragraph = tr.doc.type.schema.nodes.paragraph,
|
|
20
20
|
doc = tr.doc;
|
|
@@ -13,8 +13,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
|
-
function ownKeys(
|
|
17
|
-
function _objectSpread(
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
var FORGE_EXTENSION_TYPE = 'com.atlassian.ecosystem';
|
|
19
19
|
exports.FORGE_EXTENSION_TYPE = FORGE_EXTENSION_TYPE;
|
|
20
20
|
var getExtensionKeyAndNodeKey = function getExtensionKeyAndNodeKey(extensionKey, extensionType) {
|
|
@@ -15,8 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
15
15
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
16
16
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
17
17
|
var _manifestHelpers = require("./manifest-helpers");
|
|
18
|
-
function ownKeys(
|
|
19
|
-
function _objectSpread(
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
20
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
21
21
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
22
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
@@ -12,8 +12,8 @@ var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
|
12
12
|
var _mediaSingle = require("../media-single");
|
|
13
13
|
var _constants = require("./constants");
|
|
14
14
|
var _utils2 = require("./utils");
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var generateDynamicGuidelines = function generateDynamicGuidelines(state, editorWidth) {
|
|
18
18
|
var styles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
19
19
|
var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getGuidelinesWithHighlights = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
function ownKeys(
|
|
10
|
-
function _objectSpread(
|
|
9
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
var activeGuidelineStyle = function activeGuidelineStyle(guideline) {
|
|
12
12
|
return _objectSpread(_objectSpread({}, guideline), {}, {
|
|
13
13
|
active: true,
|
|
@@ -8,8 +8,8 @@ exports.useSharedPluginState = useSharedPluginState;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = require("react");
|
|
11
|
-
function ownKeys(
|
|
12
|
-
function _objectSpread(
|
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
/**
|
|
14
14
|
*
|
|
15
15
|
* Directly map object values
|
package/dist/cjs/insert/index.js
CHANGED
|
@@ -12,8 +12,8 @@ var _transform = require("@atlaskit/editor-prosemirror/transform");
|
|
|
12
12
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
13
13
|
var _selection = require("../selection");
|
|
14
14
|
var _utils2 = require("../utils");
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var LookDirection = /*#__PURE__*/function (LookDirection) {
|
|
18
18
|
LookDirection["Before"] = "before";
|
|
19
19
|
LookDirection["After"] = "after";
|
|
@@ -10,13 +10,13 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
12
12
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
function ownKeys(
|
|
14
|
-
function _objectSpread(
|
|
13
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
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; }
|
|
17
17
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
18
18
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
19
|
-
var packageVersion = "74.55.
|
|
19
|
+
var packageVersion = "74.55.2";
|
|
20
20
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
21
21
|
// Remove URL as it has UGC
|
|
22
22
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -13,8 +13,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = require("react");
|
|
16
|
-
function ownKeys(
|
|
17
|
-
function _objectSpread(
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
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); }; }
|
|
19
19
|
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; } }
|
|
20
20
|
var WithProviders = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -11,15 +11,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var
|
|
14
|
+
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
15
|
var _reResizable = require("re-resizable");
|
|
16
16
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
17
17
|
var _resizer = require("../styles/shared/resizer");
|
|
18
18
|
var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "innerPadding", "snap", "snapGap", "handleMarginTop", "isHandleVisible", "handleComponent", "handleHighlight", "handleTooltipContent"];
|
|
19
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
20
|
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; }
|
|
21
|
-
function ownKeys(
|
|
22
|
-
function _objectSpread(
|
|
21
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
23
|
function ResizerNext(props) {
|
|
24
24
|
var _useState = (0, _react.useState)(false),
|
|
25
25
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -88,8 +88,8 @@ function ResizerNext(props) {
|
|
|
88
88
|
handleResizeStop(originalState, delta);
|
|
89
89
|
}, [handleResizeStop]);
|
|
90
90
|
var handles = {
|
|
91
|
-
left: (0,
|
|
92
|
-
right: (0,
|
|
91
|
+
left: (0, _classnames2.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, 'left', handleHeightSize, handleAlignmentMethod),
|
|
92
|
+
right: (0, _classnames2.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, 'right', handleHeightSize, handleAlignmentMethod)
|
|
93
93
|
};
|
|
94
94
|
var baseHandleStyles = {
|
|
95
95
|
width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
|
|
@@ -110,10 +110,10 @@ function ResizerNext(props) {
|
|
|
110
110
|
right: offset
|
|
111
111
|
}, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.right)
|
|
112
112
|
};
|
|
113
|
-
var resizerClassName = (0,
|
|
113
|
+
var resizerClassName = (0, _classnames2.default)(className, _resizer.resizerItemClassName, (0, _defineProperty2.default)({
|
|
114
114
|
'is-resizing': isResizing,
|
|
115
115
|
'display-handle': isHandleVisible
|
|
116
|
-
}, appearance);
|
|
116
|
+
}, _resizer.resizerDangerClassName, appearance === 'danger'));
|
|
117
117
|
var finalHandleComponent = (0, _react.useMemo)(function () {
|
|
118
118
|
if ((!handleHighlight || handleHighlight === 'none') && !handleTooltipContent && !handleComponent) {
|
|
119
119
|
return {
|
|
@@ -138,7 +138,7 @@ function ResizerNext(props) {
|
|
|
138
138
|
};
|
|
139
139
|
}
|
|
140
140
|
var children = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
141
|
-
className: (0,
|
|
141
|
+
className: (0, _classnames2.default)(_resizer.resizerHandleTrackClassName, handleHighlight)
|
|
142
142
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
143
143
|
className: _resizer.resizerHandleThumbClassName
|
|
144
144
|
}));
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -16,21 +15,19 @@ var _editorPalette = require("@atlaskit/editor-palette");
|
|
|
16
15
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
16
|
var _consts = require("@atlaskit/editor-shared-styles/consts");
|
|
18
17
|
var _emoji = require("@atlaskit/emoji");
|
|
19
|
-
var
|
|
18
|
+
var _colors = require("@atlaskit/theme/colors");
|
|
20
19
|
var _components = require("@atlaskit/theme/components");
|
|
21
20
|
var _constants = require("@atlaskit/theme/constants");
|
|
22
21
|
var _templateObject, _templateObject2;
|
|
23
22
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
24
23
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
25
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
-
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; }
|
|
27
24
|
var lightPanelColors = {
|
|
28
|
-
info:
|
|
29
|
-
note:
|
|
30
|
-
tip:
|
|
31
|
-
success:
|
|
32
|
-
warning:
|
|
33
|
-
error:
|
|
25
|
+
info: _colors.B50,
|
|
26
|
+
note: _colors.P50,
|
|
27
|
+
tip: _colors.G50,
|
|
28
|
+
success: _colors.G50,
|
|
29
|
+
warning: _colors.Y50,
|
|
30
|
+
error: _colors.R50
|
|
34
31
|
};
|
|
35
32
|
var darkPanelColors = {
|
|
36
33
|
// standard panels
|
|
@@ -96,20 +93,20 @@ var darkPanelColors = {
|
|
|
96
93
|
};
|
|
97
94
|
exports.darkPanelColors = darkPanelColors;
|
|
98
95
|
var lightIconColor = {
|
|
99
|
-
info: "var(--ds-icon-information, ".concat(
|
|
100
|
-
note: "var(--ds-icon-discovery, ".concat(
|
|
101
|
-
tip: "var(--ds-icon-success, ".concat(
|
|
102
|
-
success: "var(--ds-icon-success, ".concat(
|
|
103
|
-
warning: "var(--ds-icon-warning, ".concat(
|
|
104
|
-
error: "var(--ds-icon-danger, ".concat(
|
|
96
|
+
info: "var(--ds-icon-information, ".concat(_colors.B400, ")"),
|
|
97
|
+
note: "var(--ds-icon-discovery, ".concat(_colors.P400, ")"),
|
|
98
|
+
tip: "var(--ds-icon-success, ".concat(_colors.G400, ")"),
|
|
99
|
+
success: "var(--ds-icon-success, ".concat(_colors.G400, ")"),
|
|
100
|
+
warning: "var(--ds-icon-warning, ".concat(_colors.Y400, ")"),
|
|
101
|
+
error: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
|
|
105
102
|
};
|
|
106
103
|
var darkIconColor = {
|
|
107
|
-
info: "var(--ds-icon-information, ".concat(
|
|
108
|
-
note: "var(--ds-icon-discovery, ".concat(
|
|
109
|
-
tip: "var(--ds-icon-success, ".concat(
|
|
110
|
-
success: "var(--ds-icon-success, ".concat(
|
|
111
|
-
warning: "var(--ds-icon-warning, ".concat(
|
|
112
|
-
error: "var(--ds-icon-danger, ".concat(
|
|
104
|
+
info: "var(--ds-icon-information, ".concat(_colors.B100, ")"),
|
|
105
|
+
note: "var(--ds-icon-discovery, ".concat(_colors.P100, ")"),
|
|
106
|
+
tip: "var(--ds-icon-success, ".concat(_colors.G200, ")"),
|
|
107
|
+
success: "var(--ds-icon-success, ".concat(_colors.G200, ")"),
|
|
108
|
+
warning: "var(--ds-icon-warning, ".concat(_colors.Y100, ")"),
|
|
109
|
+
error: "var(--ds-icon-danger, ".concat(_colors.R200, ")")
|
|
113
110
|
};
|
|
114
111
|
var tokenDarkPanelColors = {
|
|
115
112
|
info: "var(--ds-background-information, ".concat(darkPanelColors['info'], ")"),
|
|
@@ -128,7 +125,7 @@ var panelEmojiSpriteVerticalAlignment = -((0, _constants.gridSize)() * 3 - _cons
|
|
|
128
125
|
var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
|
|
129
126
|
|
|
130
127
|
// TODO: https://product-fabric.atlassian.net/browse/DSP-4066
|
|
131
|
-
var panelDarkModeColors = [[
|
|
128
|
+
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
129
|
|
|
133
130
|
// used for custom panels
|
|
134
131
|
var getPanelDarkColor = function getPanelDarkColor(panelColor) {
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = void 0;
|
|
7
|
+
exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerDangerClassName = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
@@ -22,11 +22,13 @@ exports.resizerHandleClassName = resizerHandleClassName;
|
|
|
22
22
|
var resizerHandleTrackClassName = "".concat(resizerHandleClassName, "-track");
|
|
23
23
|
exports.resizerHandleTrackClassName = resizerHandleTrackClassName;
|
|
24
24
|
var resizerHandleThumbClassName = "".concat(resizerHandleClassName, "-thumb");
|
|
25
|
+
exports.resizerHandleThumbClassName = resizerHandleThumbClassName;
|
|
26
|
+
var resizerDangerClassName = "".concat(resizerHandleClassName, "-danger");
|
|
25
27
|
|
|
26
28
|
// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
|
|
27
|
-
exports.
|
|
29
|
+
exports.resizerDangerClassName = resizerDangerClassName;
|
|
28
30
|
var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
29
31
|
var resizerHandleZIndex = 99;
|
|
30
32
|
exports.resizerHandleZIndex = resizerHandleZIndex;
|
|
31
|
-
var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n will-change: width;\n\n &:hover,\n &.display-handle {\n & .", " {\n visibility: visible;\n opacity: 1;\n }\n }\n\n &.is-resizing {\n & .", " {\n background: ", ";\n }\n }\n\n &.
|
|
33
|
+
var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n will-change: width;\n\n &:hover,\n &.display-handle {\n & .", " {\n visibility: visible;\n opacity: 1;\n }\n }\n\n &.is-resizing {\n & .", " {\n background: ", ";\n }\n }\n\n &.", " {\n & .", " {\n transition: none;\n background: ", ";\n }\n }\n }\n\n .", " {\n display: flex;\n visibility: hidden;\n opacity: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 7px;\n transition: visibility 0.2s, opacity 0.2s;\n\n /*\n NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n into the tooltip\n */\n & div[role='presentation'] {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n\n /*\n Handle Positions\n */\n &.left {\n align-items: flex-start;\n }\n &.right {\n align-items: flex-end;\n }\n\n /*\n Handle Sizing\n */\n &.small {\n & .", " {\n height: 43px;\n }\n }\n &.medium {\n & .", " {\n height: 64px;\n }\n }\n &.large {\n & .", " {\n height: 96px;\n }\n }\n\n /*\n Handle Alignment\n */\n &.sticky {\n & .", " {\n position: sticky;\n top: ", ";\n bottom: ", ";\n }\n }\n\n &:hover {\n & .", " {\n background: ", ";\n }\n\n & .", " {\n visibility: visible;\n opacity: 0.5;\n }\n }\n }\n\n .", " {\n content: ' ';\n display: flex;\n width: 3px;\n height: 64px;\n transition: background-color 0.2s;\n border-radius: 6px;\n\n background: ", ";\n }\n\n .", " {\n visibility: hidden;\n position: absolute;\n width: 7px;\n height: calc(100% - 24px);\n border-radius: 4px;\n opacity: 0;\n transition: background-color 0.2s, visibility 0.2s, opacity 0.2s;\n\n &.none {\n background: none;\n }\n\n &.shadow {\n background: ", ";\n }\n }\n\n .", " {\n & .", " {\n background: ", ";\n }\n }\n"])), resizerItemClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-border, ".concat(_colors.N60, ")"), resizerHandleTrackClassName, "var(--ds-background-selected, ".concat(_colors.B50, ")"), akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"));
|
|
32
34
|
exports.resizerStyles = resizerStyles;
|
|
@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
|
|
|
24
24
|
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); }; }
|
|
25
25
|
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; } } /** @jsx jsx */
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "74.55.
|
|
27
|
+
var packageVersion = "74.55.2";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _react2 = require("@emotion/react");
|
|
14
14
|
var _reactIntlNext = require("react-intl-next");
|
|
15
15
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
16
|
-
var
|
|
16
|
+
var _colors = require("@atlaskit/theme/colors");
|
|
17
17
|
var _components = require("@atlaskit/theme/components");
|
|
18
18
|
var _constants = require("@atlaskit/theme/constants");
|
|
19
19
|
var _excluded = ["children"];
|
|
@@ -51,11 +51,11 @@ var EXPAND_SELECTED_BACKGROUND = (0, _components.themed)({
|
|
|
51
51
|
light: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
|
|
52
52
|
dark: "var(--ds-surface, rgba(9, 10, 11, 0.29))"
|
|
53
53
|
});
|
|
54
|
-
var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(
|
|
54
|
+
var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(_colors.B300, ")");
|
|
55
55
|
var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
|
|
56
56
|
var EXPAND_EXPANDED_BORDER_COLOR = (0, _components.themed)({
|
|
57
|
-
light: "var(--ds-border, ".concat(
|
|
58
|
-
dark: "var(--ds-border, ".concat(
|
|
57
|
+
light: "var(--ds-border, ".concat(_colors.N40A, ")"),
|
|
58
|
+
dark: "var(--ds-border, ".concat(_colors.DN50, ")")
|
|
59
59
|
});
|
|
60
60
|
var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
|
|
61
61
|
var children = _ref.children,
|
|
@@ -69,9 +69,9 @@ var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
|
|
|
69
69
|
exports.ExpandIconWrapper = ExpandIconWrapper;
|
|
70
70
|
var expandIconWrapperStyle = function expandIconWrapperStyle(props) {
|
|
71
71
|
return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n display: flex;\n color: ", ";\n border-radius: ", ";\n width: 24px;\n height: 24px;\n\n &:hover {\n background: ", ";\n }\n\n svg {\n transition: transform 0.2s ", ";\n }\n"])), (0, _components.themed)({
|
|
72
|
-
light: "var(--ds-icon, ".concat(
|
|
72
|
+
light: "var(--ds-icon, ".concat(_colors.N90, ")"),
|
|
73
73
|
dark: "var(--ds-icon, #d9dde3)"
|
|
74
|
-
})(props), "var(--ds-border-radius-100, 4px)", "var(--ds-background-neutral-subtle-hovered, ".concat(
|
|
74
|
+
})(props), "var(--ds-border-radius-100, 4px)", "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")"), _editorSharedStyles.akEditorSwoopCubicBezier);
|
|
75
75
|
};
|
|
76
76
|
var expandIconWrapperExpandedStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n svg {\n transform: rotate(90deg);\n }\n"])));
|
|
77
77
|
var expandLayoutWrapperStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
|
|
@@ -97,8 +97,8 @@ var containerStyles = function containerStyles(styleProps) {
|
|
|
97
97
|
var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
|
|
98
98
|
return function (themeProps) {
|
|
99
99
|
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: ", ";\n min-height: 25px;\n background: ", ";\n margin: ", ";\n\n transition: background 0.3s ", ",\n border-color 0.3s ", ";\n padding: ", ";\n\n &:hover {\n // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n // https://product-fabric.atlassian.net/browse/DSP-4152\n border: 1px solid\n ", ";\n background: ", ";\n }\n\n td > :not(style):first-child,\n td > style:first-child + * {\n margin-top: 0;\n }\n "])), focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR(themeProps) : EXPAND_COLLAPSED_BORDER_COLOR, BORDER_RADIUS, !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND(themeProps), margin, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorSwoopCubicBezier, "var(--ds-space-100, 8px)", (0, _components.themed)({
|
|
100
|
-
light: "var(--ds-border, ".concat(
|
|
101
|
-
dark: "var(--ds-border, ".concat(
|
|
100
|
+
light: "var(--ds-border, ".concat(_colors.N50A, ")"),
|
|
101
|
+
dark: "var(--ds-border, ".concat(_colors.DN50, ")")
|
|
102
102
|
})(themeProps), EXPAND_SELECTED_BACKGROUND(themeProps));
|
|
103
103
|
};
|
|
104
104
|
};
|
|
@@ -109,17 +109,17 @@ var contentStyles = function contentStyles(styleProps) {
|
|
|
109
109
|
};
|
|
110
110
|
var titleInputStyles = function titleInputStyles(props) {
|
|
111
111
|
return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n outline: none;\n border: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: normal;\n color: ", ";\n background: transparent;\n display: flex;\n flex: 1;\n padding: 0 0 0 ", ";\n width: 100%;\n\n &::placeholder {\n opacity: 0.6;\n color: ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _editorSharedStyles.akEditorLineHeight, (0, _components.themed)({
|
|
112
|
-
light: "var(--ds-text-subtlest, ".concat(
|
|
113
|
-
dark: "var(--ds-text-subtlest, ".concat(
|
|
112
|
+
light: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
|
|
113
|
+
dark: "var(--ds-text-subtlest, ".concat(_colors.DN600, ")")
|
|
114
114
|
})(props), "var(--ds-space-050, 4px)", (0, _components.themed)({
|
|
115
|
-
light: "var(--ds-text-subtlest, ".concat(
|
|
116
|
-
dark: "var(--ds-text-subtlest, ".concat(
|
|
115
|
+
light: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
|
|
116
|
+
dark: "var(--ds-text-subtlest, ".concat(_colors.DN600, ")")
|
|
117
117
|
})(props));
|
|
118
118
|
};
|
|
119
119
|
var titleContainerStyles = function titleContainerStyles(props) {
|
|
120
120
|
return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n display: flex;\n align-items: flex-start;\n background: none;\n border: none;\n font-size: ", ";\n width: 100%;\n color: ", ";\n overflow: hidden;\n cursor: pointer;\n\n &:focus {\n outline: 0;\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
|
|
121
|
-
light: "var(--ds-text-subtle, ".concat(
|
|
122
|
-
dark: "var(--ds-text-subtle, ".concat(
|
|
121
|
+
light: "var(--ds-text-subtle, ".concat(_colors.N300A, ")"),
|
|
122
|
+
dark: "var(--ds-text-subtle, ".concat(_colors.DN600, ")")
|
|
123
123
|
})(props));
|
|
124
124
|
};
|
|
125
125
|
var sharedExpandStyles = {
|
|
@@ -12,8 +12,8 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
|
|
|
12
12
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _excluded = ["buttonStyles"];
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var _default = function _default(_ref) {
|
|
18
18
|
var title = _ref.title,
|
|
19
19
|
icon = _ref.icon,
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.iconOnlySpacing = exports.getButtonStyles = void 0;
|
|
8
7
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
9
|
-
var
|
|
10
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
-
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; }
|
|
8
|
+
var _colors = require("@atlaskit/theme/colors");
|
|
12
9
|
var iconOnlySpacing = {
|
|
13
10
|
'&&': {
|
|
14
11
|
padding: '0px',
|
|
@@ -45,28 +42,28 @@ var background = {
|
|
|
45
42
|
dark: 'inherit'
|
|
46
43
|
},
|
|
47
44
|
hover: {
|
|
48
|
-
light: "var(--ds-background-neutral-subtle-hovered, ".concat(
|
|
49
|
-
dark: "var(--ds-background-neutral-subtle-hovered, ".concat(
|
|
45
|
+
light: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")"),
|
|
46
|
+
dark: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
|
|
50
47
|
},
|
|
51
48
|
active: {
|
|
52
|
-
light: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(
|
|
53
|
-
dark: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(
|
|
49
|
+
light: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(_colors.B75, 0.6)), ")"),
|
|
50
|
+
dark: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(_colors.B75, 0.6)), ")")
|
|
54
51
|
}
|
|
55
52
|
}
|
|
56
53
|
};
|
|
57
54
|
var color = {
|
|
58
55
|
danger: {
|
|
59
56
|
default: {
|
|
60
|
-
light: "var(--ds-icon, ".concat(
|
|
61
|
-
dark: "var(--ds-icon, ".concat(
|
|
57
|
+
light: "var(--ds-icon, ".concat(_colors.N400, ")"),
|
|
58
|
+
dark: "var(--ds-icon, ".concat(_colors.DN400, ")")
|
|
62
59
|
},
|
|
63
60
|
hover: {
|
|
64
|
-
light: "var(--ds-icon-danger, ".concat(
|
|
65
|
-
dark: "var(--ds-icon-danger, ".concat(
|
|
61
|
+
light: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
|
|
62
|
+
dark: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
|
|
66
63
|
},
|
|
67
64
|
active: {
|
|
68
|
-
light: "var(--ds-icon-danger, ".concat(
|
|
69
|
-
dark: "var(--ds-icon-danger, ".concat(
|
|
65
|
+
light: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
|
|
66
|
+
dark: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
|
|
70
67
|
}
|
|
71
68
|
}
|
|
72
69
|
};
|
|
@@ -19,8 +19,8 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
|
|
|
19
19
|
var _helpers = require("./internal/helpers");
|
|
20
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
21
|
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; }
|
|
22
|
-
function ownKeys(
|
|
23
|
-
function _objectSpread(
|
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
24
|
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); }; }
|
|
25
25
|
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; } } // eslint-disable-line import/extensions
|
|
26
26
|
var defaultState = {
|