@atlaskit/editor-plugin-breakout 1.2.3 → 1.3.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/ui/LayoutButton.js +5 -1
  3. package/dist/cjs/utils/single-player-expand.js +1 -1
  4. package/dist/es2019/ui/LayoutButton.js +5 -1
  5. package/dist/es2019/utils/single-player-expand.js +1 -1
  6. package/dist/esm/ui/LayoutButton.js +5 -1
  7. package/dist/esm/utils/single-player-expand.js +1 -1
  8. package/dist/types/utils/single-player-expand.d.ts +2 -2
  9. package/dist/types-ts4.5/utils/single-player-expand.d.ts +2 -2
  10. package/package.json +104 -104
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 1.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#114156](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114156)
8
+ [`bc6a63af2d1d0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc6a63af2d1d0) -
9
+ Bump adf-schema to 37.0.0 and adf-schema-json to 1.16.0
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 1.2.4
16
+
17
+ ### Patch Changes
18
+
19
+ - [#107785](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107785)
20
+ [`7304a7cd937f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7304a7cd937f9) -
21
+ [ux] [ED-23522] Single player expands on behind `platform.editor.single-player-expand` for all
22
+ editors, single player expands on without `platform.editor.single-player-expand` feature flag for
23
+ live page editors
24
+ - Updated dependencies
25
+
3
26
  ## 1.2.3
4
27
 
5
28
  ### Patch Changes
package/dist/cjs/ui/LayoutButton.js CHANGED
@@ -26,13 +26,17 @@ var _isBreakoutMarkAllowed = require("../utils/is-breakout-mark-allowed");
26
26
  var _isSupportedNode = require("../utils/is-supported-node");
27
27
  /** @jsx jsx */
28
28
 
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
30
+
29
31
  var toolbarButtonWrapperStyles = (0, _react2.css)({
30
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
32
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
31
33
  '&& button': {
32
34
  background: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
33
35
  color: "var(--ds-icon, ".concat(_colors.N300, ")"),
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
34
37
  ':hover': {
35
38
  background: "var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")"),
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
36
40
  color: "var(--ds-icon, white)".concat(" !important")
37
41
  }
38
42
  }
package/dist/cjs/utils/single-player-expand.js CHANGED
@@ -7,7 +7,7 @@ exports.updateExpandedState = void 0;
7
7
  var _expand = require("@atlaskit/editor-common/expand");
8
8
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
9
9
  var updateExpandedState = exports.updateExpandedState = function updateExpandedState(tr, node, isLivePage) {
10
- if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.single-player-expand') && isLivePage) {
10
+ if (isLivePage || (0, _platformFeatureFlags.getBooleanFF)('platform.editor.single-player-expand')) {
11
11
  var wasExpandExpanded = _expand.expandedState.get(node.node);
12
12
  var newExpand = tr.doc.nodeAt(node.pos);
13
13
  if (wasExpandExpanded !== undefined && newExpand) {
package/dist/es2019/ui/LayoutButton.js CHANGED
@@ -1,5 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { useCallback } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { css, jsx } from '@emotion/react';
4
6
  import { injectIntl } from 'react-intl-next';
5
7
  import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
@@ -19,12 +21,14 @@ import { getBreakoutMode } from '../utils/get-breakout-mode';
19
21
  import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
20
22
  import { isSupportedNodeForBreakout } from '../utils/is-supported-node';
21
23
  const toolbarButtonWrapperStyles = css({
22
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
24
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
23
25
  '&& button': {
24
26
  background: `var(--ds-background-neutral, ${N20A})`,
25
27
  color: `var(--ds-icon, ${N300})`,
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
29
  ':hover': {
27
30
  background: `var(--ds-background-neutral-hovered, ${B300})`,
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
28
32
  color: `${"var(--ds-icon, white)"} !important`
29
33
  }
30
34
  }
package/dist/es2019/utils/single-player-expand.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { expandedState } from '@atlaskit/editor-common/expand';
2
2
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
3
  export const updateExpandedState = (tr, node, isLivePage) => {
4
- if (getBooleanFF('platform.editor.single-player-expand') && isLivePage) {
4
+ if (isLivePage || getBooleanFF('platform.editor.single-player-expand')) {
5
5
  const wasExpandExpanded = expandedState.get(node.node);
6
6
  const newExpand = tr.doc.nodeAt(node.pos);
7
7
  if (wasExpandExpanded !== undefined && newExpand) {
package/dist/esm/ui/LayoutButton.js CHANGED
@@ -1,5 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { useCallback } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { css, jsx } from '@emotion/react';
4
6
  import { injectIntl } from 'react-intl-next';
5
7
  import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
@@ -19,12 +21,14 @@ import { getBreakoutMode } from '../utils/get-breakout-mode';
19
21
  import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
20
22
  import { isSupportedNodeForBreakout } from '../utils/is-supported-node';
21
23
  var toolbarButtonWrapperStyles = css({
22
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
24
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
23
25
  '&& button': {
24
26
  background: "var(--ds-background-neutral, ".concat(N20A, ")"),
25
27
  color: "var(--ds-icon, ".concat(N300, ")"),
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
29
  ':hover': {
27
30
  background: "var(--ds-background-neutral-hovered, ".concat(B300, ")"),
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
28
32
  color: "var(--ds-icon, white)".concat(" !important")
29
33
  }
30
34
  }
package/dist/esm/utils/single-player-expand.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { expandedState } from '@atlaskit/editor-common/expand';
2
2
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
3
  export var updateExpandedState = function updateExpandedState(tr, node, isLivePage) {
4
- if (getBooleanFF('platform.editor.single-player-expand') && isLivePage) {
4
+ if (isLivePage || getBooleanFF('platform.editor.single-player-expand')) {
5
5
  var wasExpandExpanded = expandedState.get(node.node);
6
6
  var newExpand = tr.doc.nodeAt(node.pos);
7
7
  if (wasExpandExpanded !== undefined && newExpand) {
package/dist/types/utils/single-player-expand.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import type { Transaction } from '@atlaskit/editor-prosemirror/dist/types/state';
2
- import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/dist/types/utils';
1
+ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
2
+ import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
3
3
  export declare const updateExpandedState: (tr: Transaction, node: ContentNodeWithPos, isLivePage?: boolean) => void;
package/dist/types-ts4.5/utils/single-player-expand.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import type { Transaction } from '@atlaskit/editor-prosemirror/dist/types/state';
2
- import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/dist/types/utils';
1
+ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
2
+ import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
3
3
  export declare const updateExpandedState: (tr: Transaction, node: ContentNodeWithPos, isLivePage?: boolean) => void;
package/package.json CHANGED
@@ -1,105 +1,105 @@
1
1
  {
2
- "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "1.2.3",
4
- "description": "Breakout plugin for @atlaskit/editor-core",
5
- "author": "Atlassian Pty Ltd",
6
- "license": "Apache-2.0",
7
- "publishConfig": {
8
- "registry": "https://registry.npmjs.org/"
9
- },
10
- "atlassian": {
11
- "team": "Editor: Media Experience Porygon",
12
- "singleton": true,
13
- "releaseModel": "continuous"
14
- },
15
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
16
- "main": "dist/cjs/index.js",
17
- "module": "dist/esm/index.js",
18
- "module:es2019": "dist/es2019/index.js",
19
- "types": "dist/types/index.d.ts",
20
- "typesVersions": {
21
- ">=4.5 <4.9": {
22
- "*": [
23
- "dist/types-ts4.5/*",
24
- "dist/types-ts4.5/index.d.ts"
25
- ]
26
- }
27
- },
28
- "sideEffects": false,
29
- "atlaskit:src": "src/index.ts",
30
- "af:exports": {
31
- ".": "./src/index.ts"
32
- },
33
- "dependencies": {
34
- "@atlaskit/adf-schema": "^36.10.7",
35
- "@atlaskit/editor-common": "^82.0.0",
36
- "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
37
- "@atlaskit/editor-plugin-width": "^1.1.0",
38
- "@atlaskit/editor-prosemirror": "4.0.1",
39
- "@atlaskit/editor-shared-styles": "^2.12.0",
40
- "@atlaskit/icon": "^22.3.0",
41
- "@atlaskit/platform-feature-flags": "^0.2.0",
42
- "@atlaskit/theme": "^12.8.0",
43
- "@atlaskit/tokens": "^1.49.0",
44
- "@babel/runtime": "^7.0.0",
45
- "@emotion/react": "^11.7.1"
46
- },
47
- "peerDependencies": {
48
- "react": "^16.8.0",
49
- "react-intl-next": "npm:react-intl@^5.18.1"
50
- },
51
- "devDependencies": {
52
- "@af/integration-testing": "*",
53
- "@af/visual-regression": "*",
54
- "@atlaskit/editor-plugin-code-block": "^1.3.0",
55
- "@atlaskit/editor-plugin-composition": "^1.1.0",
56
- "@atlaskit/editor-plugin-decorations": "^1.1.0",
57
- "@atlaskit/ssr": "*",
58
- "@atlaskit/visual-regression": "*",
59
- "@testing-library/react": "^12.1.5",
60
- "react-dom": "^16.8.0",
61
- "typescript": "~5.4.2",
62
- "wait-for-expect": "^1.2.0"
63
- },
64
- "techstack": {
65
- "@atlassian/frontend": {
66
- "import-structure": [
67
- "atlassian-conventions"
68
- ],
69
- "circular-dependencies": [
70
- "file-and-folder-level"
71
- ]
72
- },
73
- "@repo/internal": {
74
- "dom-events": "use-bind-event-listener",
75
- "analytics": [
76
- "analytics-next"
77
- ],
78
- "design-tokens": [
79
- "color"
80
- ],
81
- "theming": [
82
- "react-context"
83
- ],
84
- "ui-components": [
85
- "lite-mode"
86
- ],
87
- "deprecation": "no-deprecated-imports",
88
- "styling": [
89
- "emotion",
90
- "emotion"
91
- ],
92
- "imports": [
93
- "import-no-extraneous-disable-for-examples-and-docs"
94
- ]
95
- }
96
- },
97
- "platform-feature-flags": {
98
- "platform.editor.single-player-expand": {
99
- "type": "boolean"
100
- },
101
- "platform.editor.core.increase-full-page-guttering": {
102
- "type": "boolean"
103
- }
104
- }
105
- }
2
+ "name": "@atlaskit/editor-plugin-breakout",
3
+ "version": "1.3.0",
4
+ "description": "Breakout plugin for @atlaskit/editor-core",
5
+ "author": "Atlassian Pty Ltd",
6
+ "license": "Apache-2.0",
7
+ "publishConfig": {
8
+ "registry": "https://registry.npmjs.org/"
9
+ },
10
+ "atlassian": {
11
+ "team": "Editor: Media Experience Porygon",
12
+ "singleton": true,
13
+ "releaseModel": "continuous"
14
+ },
15
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
16
+ "main": "dist/cjs/index.js",
17
+ "module": "dist/esm/index.js",
18
+ "module:es2019": "dist/es2019/index.js",
19
+ "types": "dist/types/index.d.ts",
20
+ "typesVersions": {
21
+ ">=4.5 <4.9": {
22
+ "*": [
23
+ "dist/types-ts4.5/*",
24
+ "dist/types-ts4.5/index.d.ts"
25
+ ]
26
+ }
27
+ },
28
+ "sideEffects": false,
29
+ "atlaskit:src": "src/index.ts",
30
+ "af:exports": {
31
+ ".": "./src/index.ts"
32
+ },
33
+ "dependencies": {
34
+ "@atlaskit/adf-schema": "^37.0.0",
35
+ "@atlaskit/editor-common": "^82.12.0",
36
+ "@atlaskit/editor-plugin-editor-viewmode": "^2.0.0",
37
+ "@atlaskit/editor-plugin-width": "^1.1.0",
38
+ "@atlaskit/editor-prosemirror": "4.0.1",
39
+ "@atlaskit/editor-shared-styles": "^2.12.0",
40
+ "@atlaskit/icon": "^22.4.0",
41
+ "@atlaskit/platform-feature-flags": "^0.2.0",
42
+ "@atlaskit/theme": "^12.11.0",
43
+ "@atlaskit/tokens": "^1.53.0",
44
+ "@babel/runtime": "^7.0.0",
45
+ "@emotion/react": "^11.7.1"
46
+ },
47
+ "peerDependencies": {
48
+ "react": "^16.8.0",
49
+ "react-intl-next": "npm:react-intl@^5.18.1"
50
+ },
51
+ "devDependencies": {
52
+ "@af/integration-testing": "*",
53
+ "@af/visual-regression": "*",
54
+ "@atlaskit/editor-plugin-code-block": "^1.4.0",
55
+ "@atlaskit/editor-plugin-composition": "^1.1.0",
56
+ "@atlaskit/editor-plugin-decorations": "^1.1.0",
57
+ "@atlaskit/ssr": "*",
58
+ "@atlaskit/visual-regression": "*",
59
+ "@testing-library/react": "^12.1.5",
60
+ "react-dom": "^16.8.0",
61
+ "typescript": "~5.4.2",
62
+ "wait-for-expect": "^1.2.0"
63
+ },
64
+ "techstack": {
65
+ "@atlassian/frontend": {
66
+ "import-structure": [
67
+ "atlassian-conventions"
68
+ ],
69
+ "circular-dependencies": [
70
+ "file-and-folder-level"
71
+ ]
72
+ },
73
+ "@repo/internal": {
74
+ "dom-events": "use-bind-event-listener",
75
+ "analytics": [
76
+ "analytics-next"
77
+ ],
78
+ "design-tokens": [
79
+ "color"
80
+ ],
81
+ "theming": [
82
+ "react-context"
83
+ ],
84
+ "ui-components": [
85
+ "lite-mode"
86
+ ],
87
+ "deprecation": "no-deprecated-imports",
88
+ "styling": [
89
+ "emotion",
90
+ "emotion"
91
+ ],
92
+ "imports": [
93
+ "import-no-extraneous-disable-for-examples-and-docs"
94
+ ]
95
+ }
96
+ },
97
+ "platform-feature-flags": {
98
+ "platform.editor.single-player-expand": {
99
+ "type": "boolean"
100
+ },
101
+ "platform.editor.core.increase-full-page-guttering": {
102
+ "type": "boolean"
103
+ }
104
+ }
105
+ }