@atlaskit/editor-plugin-selection-marker 3.0.4 → 3.0.6
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 +14 -0
- package/dist/cjs/ui/global-styles.js +1 -23
- package/dist/es2019/ui/global-styles.js +1 -23
- package/dist/esm/ui/global-styles.js +1 -23
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-selection-marker
|
|
2
2
|
|
|
3
|
+
## 3.0.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`25ec3e3638f52`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ec3e3638f52) -
|
|
8
|
+
Cleanup advanced code block experiment
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 3.0.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 3.0.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -5,29 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.GlobalStylesWrapper = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
-
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
9
8
|
/**
|
|
10
9
|
* @jsxRuntime classic
|
|
11
10
|
* @jsx jsx
|
|
12
11
|
*/
|
|
13
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
13
|
|
|
15
|
-
/**
|
|
16
|
-
* Unset the selection background color as we are using our own
|
|
17
|
-
* Otherwise we might have a mix of grey + our selection marker depending on the state.
|
|
18
|
-
*
|
|
19
|
-
* Edge cases:
|
|
20
|
-
* - We do not apply this reset to input fields (ie. expand case) because otherwise
|
|
21
|
-
* selection highlight will not show on those.
|
|
22
|
-
* - We do not apply this reset when the editor is disabled
|
|
23
|
-
*/
|
|
24
|
-
var oldGlobalStyles = (0, _react.css)({
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
26
|
-
'.ProseMirror:not(:focus):not([contenteditable="false"]) ::selection:not(input)': {
|
|
27
|
-
background: 'unset'
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
|
|
31
14
|
/**
|
|
32
15
|
* Unset the selection background color as we are using our own
|
|
33
16
|
* Otherwise we might have a mix of grey + our selection marker depending on the state.
|
|
@@ -44,12 +27,7 @@ var globalStyles = (0, _react.css)({
|
|
|
44
27
|
}
|
|
45
28
|
});
|
|
46
29
|
var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper() {
|
|
47
|
-
if ((0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true)) {
|
|
48
|
-
return (0, _react.jsx)(_react.Global, {
|
|
49
|
-
styles: globalStyles
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
30
|
return (0, _react.jsx)(_react.Global, {
|
|
53
|
-
styles:
|
|
31
|
+
styles: globalStyles
|
|
54
32
|
});
|
|
55
33
|
};
|
|
@@ -4,23 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
6
|
import { css, Global, jsx } from '@emotion/react';
|
|
7
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Unset the selection background color as we are using our own
|
|
11
|
-
* Otherwise we might have a mix of grey + our selection marker depending on the state.
|
|
12
|
-
*
|
|
13
|
-
* Edge cases:
|
|
14
|
-
* - We do not apply this reset to input fields (ie. expand case) because otherwise
|
|
15
|
-
* selection highlight will not show on those.
|
|
16
|
-
* - We do not apply this reset when the editor is disabled
|
|
17
|
-
*/
|
|
18
|
-
const oldGlobalStyles = css({
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
20
|
-
'.ProseMirror:not(:focus):not([contenteditable="false"]) ::selection:not(input)': {
|
|
21
|
-
background: 'unset'
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
7
|
|
|
25
8
|
/**
|
|
26
9
|
* Unset the selection background color as we are using our own
|
|
@@ -38,12 +21,7 @@ const globalStyles = css({
|
|
|
38
21
|
}
|
|
39
22
|
});
|
|
40
23
|
export const GlobalStylesWrapper = () => {
|
|
41
|
-
if (editorExperiment('platform_editor_advanced_code_blocks', true)) {
|
|
42
|
-
return jsx(Global, {
|
|
43
|
-
styles: globalStyles
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
24
|
return jsx(Global, {
|
|
47
|
-
styles:
|
|
25
|
+
styles: globalStyles
|
|
48
26
|
});
|
|
49
27
|
};
|
|
@@ -4,23 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
6
|
import { css, Global, jsx } from '@emotion/react';
|
|
7
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Unset the selection background color as we are using our own
|
|
11
|
-
* Otherwise we might have a mix of grey + our selection marker depending on the state.
|
|
12
|
-
*
|
|
13
|
-
* Edge cases:
|
|
14
|
-
* - We do not apply this reset to input fields (ie. expand case) because otherwise
|
|
15
|
-
* selection highlight will not show on those.
|
|
16
|
-
* - We do not apply this reset when the editor is disabled
|
|
17
|
-
*/
|
|
18
|
-
var oldGlobalStyles = css({
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
20
|
-
'.ProseMirror:not(:focus):not([contenteditable="false"]) ::selection:not(input)': {
|
|
21
|
-
background: 'unset'
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
7
|
|
|
25
8
|
/**
|
|
26
9
|
* Unset the selection background color as we are using our own
|
|
@@ -38,12 +21,7 @@ var globalStyles = css({
|
|
|
38
21
|
}
|
|
39
22
|
});
|
|
40
23
|
export var GlobalStylesWrapper = function GlobalStylesWrapper() {
|
|
41
|
-
if (editorExperiment('platform_editor_advanced_code_blocks', true)) {
|
|
42
|
-
return jsx(Global, {
|
|
43
|
-
styles: globalStyles
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
24
|
return jsx(Global, {
|
|
47
|
-
styles:
|
|
25
|
+
styles: globalStyles
|
|
48
26
|
});
|
|
49
27
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-selection-marker",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.6",
|
|
4
4
|
"description": "Selection marker plugin for @atlaskit/editor-core.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
40
40
|
"@atlaskit/primitives": "^14.11.0",
|
|
41
41
|
"@atlaskit/theme": "^19.0.0",
|
|
42
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
42
|
+
"@atlaskit/tmp-editor-statsig": "^11.0.0",
|
|
43
43
|
"@atlaskit/tokens": "^6.0.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0",
|
|
45
45
|
"@emotion/react": "^11.7.1",
|
|
46
46
|
"lodash": "^4.17.21"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@atlaskit/editor-common": "^107.
|
|
49
|
+
"@atlaskit/editor-common": "^107.25.0",
|
|
50
50
|
"react": "^18.2.0",
|
|
51
51
|
"react-dom": "^18.2.0"
|
|
52
52
|
},
|