@atlaskit/editor-common 91.0.4 → 91.1.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 +21 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/panel.js +1 -1
- package/dist/cjs/types/index.js +6 -0
- package/dist/cjs/types/toolbar.js +9 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/panel.js +2 -2
- package/dist/es2019/types/index.js +1 -1
- package/dist/es2019/types/toolbar.js +8 -0
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/panel.js +1 -1
- package/dist/esm/types/index.js +1 -1
- package/dist/esm/types/toolbar.js +8 -0
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/types/toolbar.d.ts +7 -0
- package/dist/types-ts4.5/types/index.d.ts +1 -1
- package/dist/types-ts4.5/types/toolbar.d.ts +7 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 91.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#144047](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144047)
|
|
8
|
+
[`0e77caf52a59d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0e77caf52a59d) -
|
|
9
|
+
add new full page toolbar breakpoints
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 91.0.5
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#144925](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144925)
|
|
20
|
+
[`9faf9ff89ad37`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9faf9ff89ad37) -
|
|
21
|
+
ED-24822 - Add padding to panels with no icon and unhide drag handle in first bodied node
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 91.0.4
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
19
19
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
20
|
-
var packageVersion = "91.0
|
|
20
|
+
var packageVersion = "91.1.0";
|
|
21
21
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
22
22
|
// Remove URL as it has UGC
|
|
23
23
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -173,7 +173,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
|
|
|
173
173
|
|
|
174
174
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
|
|
175
175
|
var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
|
|
176
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\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\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _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), (0, _experiments.editorExperiment)('nested-dnd', true)
|
|
176
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\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\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _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), (0, _experiments.editorExperiment)('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
|
|
177
177
|
};
|
|
178
178
|
var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
|
|
179
179
|
return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
|
package/dist/cjs/types/index.js
CHANGED
|
@@ -34,6 +34,12 @@ Object.defineProperty(exports, "ToolbarWidthsFullPage", {
|
|
|
34
34
|
return _toolbar.ToolbarWidthsFullPage;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
+
Object.defineProperty(exports, "ToolbarWidthsFullPageNext", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _toolbar.ToolbarWidthsFullPageNext;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
37
43
|
var _annotation = require("./annotation");
|
|
38
44
|
var _toolbar = require("./toolbar");
|
|
39
45
|
var SortOrder = exports.SortOrder = /*#__PURE__*/function (SortOrder) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ToolbarWidthsFullPage = exports.ToolbarWidths = exports.ToolbarSize = void 0;
|
|
6
|
+
exports.ToolbarWidthsFullPageNext = exports.ToolbarWidthsFullPage = exports.ToolbarWidths = exports.ToolbarSize = void 0;
|
|
7
7
|
var ToolbarSize = exports.ToolbarSize = /*#__PURE__*/function (ToolbarSize) {
|
|
8
8
|
ToolbarSize[ToolbarSize["XXL"] = 6] = "XXL";
|
|
9
9
|
ToolbarSize[ToolbarSize["XL"] = 5] = "XL";
|
|
@@ -28,4 +28,12 @@ var ToolbarWidthsFullPage = exports.ToolbarWidthsFullPage = /*#__PURE__*/functio
|
|
|
28
28
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["M"] = 490] = "M";
|
|
29
29
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["S"] = 410] = "S";
|
|
30
30
|
return ToolbarWidthsFullPage;
|
|
31
|
+
}({});
|
|
32
|
+
var ToolbarWidthsFullPageNext = exports.ToolbarWidthsFullPageNext = /*#__PURE__*/function (ToolbarWidthsFullPageNext) {
|
|
33
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XXL"] = 1200] = "XXL";
|
|
34
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XL"] = 992] = "XL";
|
|
35
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["L"] = 768] = "L";
|
|
36
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["M"] = 576] = "M";
|
|
37
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["S"] = 410] = "S";
|
|
38
|
+
return ToolbarWidthsFullPageNext;
|
|
31
39
|
}({});
|
|
@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
25
25
|
* @jsx jsx
|
|
26
26
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
27
27
|
var packageName = "@atlaskit/editor-common";
|
|
28
|
-
var packageVersion = "91.0
|
|
28
|
+
var packageVersion = "91.1.0";
|
|
29
29
|
var halfFocusRing = 1;
|
|
30
30
|
var dropOffset = '0, 8';
|
|
31
31
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isFedRamp } from './environment';
|
|
2
2
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
3
3
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
4
|
-
const packageVersion = "91.0
|
|
4
|
+
const packageVersion = "91.1.0";
|
|
5
5
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
6
6
|
// Remove URL as it has UGC
|
|
7
7
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -254,10 +254,10 @@ export const panelSharedStylesWithoutPrefix = () => css`
|
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
${editorExperiment('nested-dnd', true)
|
|
257
|
+
${editorExperiment('nested-dnd', true) ? `&.${PanelSharedCssClassName.noIcon} {
|
|
258
258
|
padding-right: ${"var(--ds-space-150, 12px)"};
|
|
259
259
|
padding-left: ${"var(--ds-space-150, 12px)"};
|
|
260
|
-
}`}
|
|
260
|
+
}` : ''}
|
|
261
261
|
`;
|
|
262
262
|
export const panelSharedStyles = () => css({
|
|
263
263
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -5,7 +5,7 @@ export let SortOrder = /*#__PURE__*/function (SortOrder) {
|
|
|
5
5
|
return SortOrder;
|
|
6
6
|
}({});
|
|
7
7
|
export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
|
|
8
|
-
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
|
|
8
|
+
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './toolbar';
|
|
9
9
|
|
|
10
10
|
// DEPREACTED
|
|
11
11
|
|
|
@@ -22,4 +22,12 @@ export let ToolbarWidthsFullPage = /*#__PURE__*/function (ToolbarWidthsFullPage)
|
|
|
22
22
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["M"] = 490] = "M";
|
|
23
23
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["S"] = 410] = "S";
|
|
24
24
|
return ToolbarWidthsFullPage;
|
|
25
|
+
}({});
|
|
26
|
+
export let ToolbarWidthsFullPageNext = /*#__PURE__*/function (ToolbarWidthsFullPageNext) {
|
|
27
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XXL"] = 1200] = "XXL";
|
|
28
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XL"] = 992] = "XL";
|
|
29
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["L"] = 768] = "L";
|
|
30
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["M"] = 576] = "M";
|
|
31
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["S"] = 410] = "S";
|
|
32
|
+
return ToolbarWidthsFullPageNext;
|
|
25
33
|
}({});
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "91.0
|
|
17
|
+
const packageVersion = "91.1.0";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
class DropList extends Component {
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import { isFedRamp } from './environment';
|
|
8
8
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
9
9
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
10
|
-
var packageVersion = "91.0
|
|
10
|
+
var packageVersion = "91.1.0";
|
|
11
11
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
12
12
|
// Remove URL as it has UGC
|
|
13
13
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -164,7 +164,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
|
|
|
164
164
|
|
|
165
165
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
|
|
166
166
|
export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
|
|
167
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\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\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS), editorExperiment('nested-dnd', true)
|
|
167
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\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\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS), editorExperiment('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
|
|
168
168
|
};
|
|
169
169
|
export var panelSharedStyles = function panelSharedStyles() {
|
|
170
170
|
return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
|
package/dist/esm/types/index.js
CHANGED
|
@@ -5,7 +5,7 @@ export var SortOrder = /*#__PURE__*/function (SortOrder) {
|
|
|
5
5
|
return SortOrder;
|
|
6
6
|
}({});
|
|
7
7
|
export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
|
|
8
|
-
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
|
|
8
|
+
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './toolbar';
|
|
9
9
|
|
|
10
10
|
// DEPREACTED
|
|
11
11
|
|
|
@@ -22,4 +22,12 @@ export var ToolbarWidthsFullPage = /*#__PURE__*/function (ToolbarWidthsFullPage)
|
|
|
22
22
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["M"] = 490] = "M";
|
|
23
23
|
ToolbarWidthsFullPage[ToolbarWidthsFullPage["S"] = 410] = "S";
|
|
24
24
|
return ToolbarWidthsFullPage;
|
|
25
|
+
}({});
|
|
26
|
+
export var ToolbarWidthsFullPageNext = /*#__PURE__*/function (ToolbarWidthsFullPageNext) {
|
|
27
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XXL"] = 1200] = "XXL";
|
|
28
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XL"] = 992] = "XL";
|
|
29
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["L"] = 768] = "L";
|
|
30
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["M"] = 576] = "M";
|
|
31
|
+
ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["S"] = 410] = "S";
|
|
32
|
+
return ToolbarWidthsFullPageNext;
|
|
25
33
|
}({});
|
|
@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
22
22
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
23
23
|
import Layer from '../Layer';
|
|
24
24
|
var packageName = "@atlaskit/editor-common";
|
|
25
|
-
var packageVersion = "91.0
|
|
25
|
+
var packageVersion = "91.1.0";
|
|
26
26
|
var halfFocusRing = 1;
|
|
27
27
|
var dropOffset = '0, 8';
|
|
28
28
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -17,7 +17,7 @@ export type { MarkOptions, NodeOptions } from './copy-button';
|
|
|
17
17
|
export type { ContextPanelHandler } from './context-panel';
|
|
18
18
|
export type { EditorAppearance } from './editor-appearance';
|
|
19
19
|
export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory } from './toolbar';
|
|
20
|
-
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
|
|
20
|
+
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from './toolbar';
|
|
21
21
|
export type { UiComponentFactoryParams, UIComponentFactory, ReactHookFactory, } from './ui-components';
|
|
22
22
|
export type { EditorReactContext } from './editor-react-context';
|
|
23
23
|
export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin } from './plugin-factory';
|
|
@@ -22,6 +22,13 @@ export declare enum ToolbarWidthsFullPage {
|
|
|
22
22
|
M = 490,
|
|
23
23
|
S = 410
|
|
24
24
|
}
|
|
25
|
+
export declare enum ToolbarWidthsFullPageNext {
|
|
26
|
+
XXL = 1200,
|
|
27
|
+
XL = 992,
|
|
28
|
+
L = 768,
|
|
29
|
+
M = 576,
|
|
30
|
+
S = 410
|
|
31
|
+
}
|
|
25
32
|
export type ToolbarUiComponentFactoryParams = UiComponentFactoryParams & {
|
|
26
33
|
toolbarSize: ToolbarSize;
|
|
27
34
|
isToolbarReducedSpacing: boolean;
|
|
@@ -17,7 +17,7 @@ export type { MarkOptions, NodeOptions } from './copy-button';
|
|
|
17
17
|
export type { ContextPanelHandler } from './context-panel';
|
|
18
18
|
export type { EditorAppearance } from './editor-appearance';
|
|
19
19
|
export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory } from './toolbar';
|
|
20
|
-
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
|
|
20
|
+
export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from './toolbar';
|
|
21
21
|
export type { UiComponentFactoryParams, UIComponentFactory, ReactHookFactory, } from './ui-components';
|
|
22
22
|
export type { EditorReactContext } from './editor-react-context';
|
|
23
23
|
export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin } from './plugin-factory';
|
|
@@ -22,6 +22,13 @@ export declare enum ToolbarWidthsFullPage {
|
|
|
22
22
|
M = 490,
|
|
23
23
|
S = 410
|
|
24
24
|
}
|
|
25
|
+
export declare enum ToolbarWidthsFullPageNext {
|
|
26
|
+
XXL = 1200,
|
|
27
|
+
XL = 992,
|
|
28
|
+
L = 768,
|
|
29
|
+
M = 576,
|
|
30
|
+
S = 410
|
|
31
|
+
}
|
|
25
32
|
export type ToolbarUiComponentFactoryParams = UiComponentFactoryParams & {
|
|
26
33
|
toolbarSize: ToolbarSize;
|
|
27
34
|
isToolbarReducedSpacing: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "91.0
|
|
3
|
+
"version": "91.1.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"@atlaskit/analytics-listeners": "^8.11.0",
|
|
114
114
|
"@atlaskit/analytics-namespaced-context": "^6.12.0",
|
|
115
115
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
116
|
-
"@atlaskit/atlassian-context": "^0.0.
|
|
116
|
+
"@atlaskit/atlassian-context": "^0.0.2",
|
|
117
117
|
"@atlaskit/button": "^20.2.0",
|
|
118
118
|
"@atlaskit/code": "^15.6.0",
|
|
119
119
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
@@ -122,13 +122,13 @@
|
|
|
122
122
|
"@atlaskit/editor-json-transformer": "^8.18.0",
|
|
123
123
|
"@atlaskit/editor-palette": "1.6.0",
|
|
124
124
|
"@atlaskit/editor-prosemirror": "6.0.0",
|
|
125
|
-
"@atlaskit/editor-shared-styles": "^
|
|
125
|
+
"@atlaskit/editor-shared-styles": "^3.0.0",
|
|
126
126
|
"@atlaskit/editor-tables": "^2.8.0",
|
|
127
127
|
"@atlaskit/emoji": "^67.8.0",
|
|
128
128
|
"@atlaskit/icon": "^22.18.0",
|
|
129
129
|
"@atlaskit/icon-object": "^6.5.0",
|
|
130
130
|
"@atlaskit/link-datasource": "^3.1.0",
|
|
131
|
-
"@atlaskit/link-picker": "^1.
|
|
131
|
+
"@atlaskit/link-picker": "^1.46.0",
|
|
132
132
|
"@atlaskit/media-card": "^78.5.0",
|
|
133
133
|
"@atlaskit/media-client": "^28.0.0",
|
|
134
134
|
"@atlaskit/media-client-react": "^2.2.0",
|
|
@@ -141,9 +141,9 @@
|
|
|
141
141
|
"@atlaskit/menu": "^2.12.0",
|
|
142
142
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
143
143
|
"@atlaskit/primitives": "^12.2.0",
|
|
144
|
-
"@atlaskit/profilecard": "^20.
|
|
144
|
+
"@atlaskit/profilecard": "^20.1.0",
|
|
145
145
|
"@atlaskit/section-message": "^6.6.0",
|
|
146
|
-
"@atlaskit/smart-card": "^28.
|
|
146
|
+
"@atlaskit/smart-card": "^28.2.0",
|
|
147
147
|
"@atlaskit/smart-user-picker": "^6.10.0",
|
|
148
148
|
"@atlaskit/spinner": "^16.3.0",
|
|
149
149
|
"@atlaskit/task-decision": "^17.11.0",
|