@atlaskit/editor-plugin-placeholder-text 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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-placeholder-text
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
+
3
15
  ## 1.2.3
4
16
 
5
17
  ### Patch Changes
@@ -9,6 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _colors = require("@atlaskit/theme/colors");
12
- var _templateObject;
13
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
12
+ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
14
14
  var placeholderTextStyles = exports.placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror span[data-placeholder] {\n\t\tcolor: ", ";\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror span.pm-placeholder {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\t.ProseMirror span.pm-placeholder__text {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\n\t.ProseMirror span.pm-placeholder.", " {\n\t\t", "\n\t}\n\n\t.ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n\t\tcolor: ", ";\n\t\tcursor: text;\n\t\tcontent: attr(data-placeholder);\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-cursor {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.ProseMirror-fake-text-cursor::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline;\n\t\t\ttop: 0;\n\t\t\tposition: absolute;\n\t\t\tborder-right: 1px solid ", ";\n\t\t}\n\n\t\t.ProseMirror-fake-text-selection {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-border, rgba(0, 0, 0, 0.4))", "var(--ds-background-selected, ".concat(_colors.B75, ")"));
@@ -31,6 +31,8 @@ var _utils = require("./utils");
31
31
  /* eslint-disable @atlaskit/design-system/prefer-primitives */
32
32
  /** @jsx jsx */
33
33
 
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
35
+
34
36
  function FloatingToolbar(_ref) {
35
37
  var children = _ref.children,
36
38
  target = _ref.target,
@@ -62,7 +64,7 @@ function FloatingToolbar(_ref) {
62
64
  fitHeight: fitHeight,
63
65
  onPositionCalculated: onPositionCalculated
64
66
  }, (0, _react2.jsx)("div", {
65
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
67
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
66
68
  css: (0, _styles.container)(fitHeight),
67
69
  "data-testid": "popup-container"
68
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -7,8 +7,11 @@ exports.container = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
9
  var _constants = require("@atlaskit/theme/constants");
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
+
10
12
  var container = exports.container = function container(height) {
11
13
  return (0, _react.css)({
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
15
  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
13
16
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
14
17
  display: 'flex',
@@ -16,6 +19,7 @@ var container = exports.container = function container(height) {
16
19
  boxSizing: 'border-box',
17
20
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
18
21
  backgroundColor: "var(--ds-background-input, ".concat(_colors.N0, ")"),
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
19
23
  height: height ? "".concat(height, "px") : undefined
20
24
  });
21
25
  };
@@ -1,7 +1,8 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
3
4
  import { B75, N200 } from '@atlaskit/theme/colors';
4
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
5
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
6
  export const placeholderTextStyles = css`
6
7
  .ProseMirror span[data-placeholder] {
7
8
  color: ${`var(--ds-text-subtlest, ${N200})`};
@@ -1,6 +1,8 @@
1
1
  /* eslint-disable @atlaskit/design-system/prefer-primitives */
2
2
  /** @jsx jsx */
3
3
  import React from 'react';
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import { jsx } from '@emotion/react';
5
7
  import { Popup } from '@atlaskit/editor-common/ui';
6
8
  import { container } from './styles';
@@ -36,7 +38,7 @@ export default function FloatingToolbar({
36
38
  fitHeight: fitHeight,
37
39
  onPositionCalculated: onPositionCalculated
38
40
  }, jsx("div", {
39
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
41
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
40
42
  css: container(fitHeight),
41
43
  "data-testid": "popup-container"
42
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -1,7 +1,9 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { N0, N50A, N60A } from '@atlaskit/theme/colors';
3
4
  import { borderRadius } from '@atlaskit/theme/constants';
4
5
  export const container = height => css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
5
7
  borderRadius: `${borderRadius()}px`,
6
8
  boxShadow: `var(--ds-shadow-overlay, ${`0 12px 24px -6px ${N50A}, 0 0 1px ${N60A}`})`,
7
9
  display: 'flex',
@@ -9,5 +11,6 @@ export const container = height => css({
9
11
  boxSizing: 'border-box',
10
12
  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
11
13
  backgroundColor: `var(--ds-background-input, ${N0})`,
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
15
  height: height ? `${height}px` : undefined
13
16
  });
@@ -1,7 +1,8 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css } from '@emotion/react';
4
5
  import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
5
6
  import { B75, N200 } from '@atlaskit/theme/colors';
6
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
7
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
8
  export var placeholderTextStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror span[data-placeholder] {\n\t\tcolor: ", ";\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror span.pm-placeholder {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\t.ProseMirror span.pm-placeholder__text {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\n\t.ProseMirror span.pm-placeholder.", " {\n\t\t", "\n\t}\n\n\t.ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n\t\tcolor: ", ";\n\t\tcursor: text;\n\t\tcontent: attr(data-placeholder);\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-cursor {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.ProseMirror-fake-text-cursor::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline;\n\t\t\ttop: 0;\n\t\t\tposition: absolute;\n\t\t\tborder-right: 1px solid ", ";\n\t\t}\n\n\t\t.ProseMirror-fake-text-selection {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-text-subtlest, ".concat(N200, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-border, rgba(0, 0, 0, 0.4))", "var(--ds-background-selected, ".concat(B75, ")"));
@@ -1,6 +1,8 @@
1
1
  /* eslint-disable @atlaskit/design-system/prefer-primitives */
2
2
  /** @jsx jsx */
3
3
  import React from 'react';
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import { jsx } from '@emotion/react';
5
7
  import { Popup } from '@atlaskit/editor-common/ui';
6
8
  import { container } from './styles';
@@ -36,7 +38,7 @@ export default function FloatingToolbar(_ref) {
36
38
  fitHeight: fitHeight,
37
39
  onPositionCalculated: onPositionCalculated
38
40
  }, jsx("div", {
39
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
41
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
40
42
  css: container(fitHeight),
41
43
  "data-testid": "popup-container"
42
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -1,8 +1,10 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { N0, N50A, N60A } from '@atlaskit/theme/colors';
3
4
  import { borderRadius } from '@atlaskit/theme/constants';
4
5
  export var container = function container(height) {
5
6
  return css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
6
8
  borderRadius: "".concat(borderRadius(), "px"),
7
9
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
8
10
  display: 'flex',
@@ -10,6 +12,7 @@ export var container = function container(height) {
10
12
  boxSizing: 'border-box',
11
13
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
12
14
  backgroundColor: "var(--ds-background-input, ".concat(N0, ")"),
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
16
  height: height ? "".concat(height, "px") : undefined
14
17
  });
15
18
  };
package/package.json CHANGED
@@ -1,103 +1,103 @@
1
1
  {
2
- "name": "@atlaskit/editor-plugin-placeholder-text",
3
- "version": "1.2.3",
4
- "description": "placeholder text plugin for @atlaskit/editor-core",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "sideEffects": false,
16
- "atlaskit:src": "src/index.ts",
17
- "atlassian": {
18
- "team": "Editor: Scarlet",
19
- "singleton": true,
20
- "inPublicMirror": false,
21
- "releaseModel": "continuous",
22
- "runReact18": false,
23
- "integrationTests": {
24
- "additionalBrowsers": [
25
- "desktop-firefox",
26
- "desktop-webkit"
27
- ]
28
- }
29
- },
30
- "dependencies": {
31
- "@atlaskit/adf-schema": "^36.10.7",
32
- "@atlaskit/editor-common": "^82.0.0",
33
- "@atlaskit/editor-plugin-analytics": "^1.2.0",
34
- "@atlaskit/editor-plugin-type-ahead": "^1.2.0",
35
- "@atlaskit/editor-prosemirror": "4.0.1",
36
- "@atlaskit/editor-shared-styles": "^2.12.0",
37
- "@atlaskit/icon": "^22.3.0",
38
- "@atlaskit/theme": "^12.8.0",
39
- "@atlaskit/tokens": "^1.49.0",
40
- "@babel/runtime": "^7.0.0",
41
- "@emotion/react": "^11.7.1"
42
- },
43
- "peerDependencies": {
44
- "react": "^16.8.0",
45
- "react-intl-next": "npm:react-intl@^5.18.1"
46
- },
47
- "devDependencies": {
48
- "@af/visual-regression": "*",
49
- "@atlaskit/analytics-next": "^9.3.0",
50
- "@atlaskit/editor-plugin-floating-toolbar": "^1.4.0",
51
- "@atlaskit/ssr": "*",
52
- "@atlaskit/visual-regression": "*",
53
- "@testing-library/react": "^12.1.5",
54
- "react-dom": "^16.8.0",
55
- "typescript": "~5.4.2",
56
- "wait-for-expect": "^1.2.0"
57
- },
58
- "techstack": {
59
- "@atlassian/frontend": {
60
- "import-structure": [
61
- "atlassian-conventions"
62
- ],
63
- "circular-dependencies": [
64
- "file-and-folder-level"
65
- ]
66
- },
67
- "@repo/internal": {
68
- "dom-events": "use-bind-event-listener",
69
- "analytics": [
70
- "analytics-next"
71
- ],
72
- "design-tokens": [
73
- "color"
74
- ],
75
- "theming": [
76
- "react-context"
77
- ],
78
- "ui-components": [
79
- "lite-mode"
80
- ],
81
- "deprecation": "no-deprecated-imports",
82
- "styling": [
83
- "emotion",
84
- "emotion"
85
- ],
86
- "imports": [
87
- "import-no-extraneous-disable-for-examples-and-docs"
88
- ]
89
- }
90
- },
91
- "typesVersions": {
92
- ">=4.5 <4.9": {
93
- "*": [
94
- "dist/types-ts4.5/*",
95
- "dist/types-ts4.5/index.d.ts"
96
- ]
97
- }
98
- },
99
- "af:exports": {
100
- ".": "./src/index.ts",
101
- "./styles": "./src/styles.ts"
102
- }
103
- }
2
+ "name": "@atlaskit/editor-plugin-placeholder-text",
3
+ "version": "1.3.0",
4
+ "description": "placeholder text plugin for @atlaskit/editor-core",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "sideEffects": false,
16
+ "atlaskit:src": "src/index.ts",
17
+ "atlassian": {
18
+ "team": "Editor: Scarlet",
19
+ "singleton": true,
20
+ "inPublicMirror": false,
21
+ "releaseModel": "continuous",
22
+ "runReact18": false,
23
+ "integrationTests": {
24
+ "additionalBrowsers": [
25
+ "desktop-firefox",
26
+ "desktop-webkit"
27
+ ]
28
+ }
29
+ },
30
+ "dependencies": {
31
+ "@atlaskit/adf-schema": "^37.0.0",
32
+ "@atlaskit/editor-common": "^82.12.0",
33
+ "@atlaskit/editor-plugin-analytics": "^1.3.0",
34
+ "@atlaskit/editor-plugin-type-ahead": "^1.3.0",
35
+ "@atlaskit/editor-prosemirror": "4.0.1",
36
+ "@atlaskit/editor-shared-styles": "^2.12.0",
37
+ "@atlaskit/icon": "^22.4.0",
38
+ "@atlaskit/theme": "^12.11.0",
39
+ "@atlaskit/tokens": "^1.53.0",
40
+ "@babel/runtime": "^7.0.0",
41
+ "@emotion/react": "^11.7.1"
42
+ },
43
+ "peerDependencies": {
44
+ "react": "^16.8.0",
45
+ "react-intl-next": "npm:react-intl@^5.18.1"
46
+ },
47
+ "devDependencies": {
48
+ "@af/visual-regression": "*",
49
+ "@atlaskit/analytics-next": "^9.3.0",
50
+ "@atlaskit/editor-plugin-floating-toolbar": "^1.7.0",
51
+ "@atlaskit/ssr": "*",
52
+ "@atlaskit/visual-regression": "*",
53
+ "@testing-library/react": "^12.1.5",
54
+ "react-dom": "^16.8.0",
55
+ "typescript": "~5.4.2",
56
+ "wait-for-expect": "^1.2.0"
57
+ },
58
+ "techstack": {
59
+ "@atlassian/frontend": {
60
+ "import-structure": [
61
+ "atlassian-conventions"
62
+ ],
63
+ "circular-dependencies": [
64
+ "file-and-folder-level"
65
+ ]
66
+ },
67
+ "@repo/internal": {
68
+ "dom-events": "use-bind-event-listener",
69
+ "analytics": [
70
+ "analytics-next"
71
+ ],
72
+ "design-tokens": [
73
+ "color"
74
+ ],
75
+ "theming": [
76
+ "react-context"
77
+ ],
78
+ "ui-components": [
79
+ "lite-mode"
80
+ ],
81
+ "deprecation": "no-deprecated-imports",
82
+ "styling": [
83
+ "emotion",
84
+ "emotion"
85
+ ],
86
+ "imports": [
87
+ "import-no-extraneous-disable-for-examples-and-docs"
88
+ ]
89
+ }
90
+ },
91
+ "typesVersions": {
92
+ ">=4.5 <4.9": {
93
+ "*": [
94
+ "dist/types-ts4.5/*",
95
+ "dist/types-ts4.5/index.d.ts"
96
+ ]
97
+ }
98
+ },
99
+ "af:exports": {
100
+ ".": "./src/index.ts",
101
+ "./styles": "./src/styles.ts"
102
+ }
103
+ }