@atlaskit/editor-plugin-breakout 1.2.3 → 1.2.4

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 (8) hide show
  1. package/CHANGELOG.md +11 -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/package.json +104 -104
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 1.2.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#107785](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107785)
8
+ [`7304a7cd937f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7304a7cd937f9) -
9
+ [ux] [ED-23522] Single player expands on behind `platform.editor.single-player-expand` for all
10
+ editors, single player expands on without `platform.editor.single-player-expand` feature flag for
11
+ live page editors
12
+ - Updated dependencies
13
+
3
14
  ## 1.2.3
4
15
 
5
16
  ### 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/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.2.4",
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.9.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.10.0",
43
+ "@atlaskit/tokens": "^1.51.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
+ }