@atlaskit/editor-plugin-find-replace 1.7.13 → 1.7.15

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 (102) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/{plugin.js → findReplacePlugin.js} +1 -1
  3. package/dist/cjs/index.js +2 -2
  4. package/dist/cjs/{commands.js → pm-plugins/commands.js} +1 -1
  5. package/dist/cjs/pm-plugins/keymap.js +1 -1
  6. package/dist/cjs/pm-plugins/plugin-factory.js +6 -4
  7. package/dist/cjs/{utils → pm-plugins/utils}/batch-decorations.js +1 -1
  8. package/dist/cjs/{utils → pm-plugins/utils}/index.js +1 -1
  9. package/dist/cjs/types/index.js +5 -0
  10. package/dist/cjs/ui/Find.js +6 -6
  11. package/dist/cjs/ui/FindReplace.js +3 -3
  12. package/dist/cjs/{FindReplaceToolbarButtonWithState.js → ui/FindReplaceToolbarButtonWithState.js} +3 -3
  13. package/dist/cjs/ui/Replace.js +8 -8
  14. package/dist/cjs/ui/styles.js +17 -145
  15. package/dist/cjs/ui/ui-styles.js +152 -0
  16. package/dist/es2019/{plugin.js → findReplacePlugin.js} +1 -1
  17. package/dist/es2019/index.js +1 -1
  18. package/dist/es2019/{commands.js → pm-plugins/commands.js} +1 -1
  19. package/dist/es2019/pm-plugins/keymap.js +1 -1
  20. package/dist/es2019/pm-plugins/plugin-factory.js +4 -4
  21. package/dist/es2019/{utils → pm-plugins/utils}/batch-decorations.js +1 -1
  22. package/dist/es2019/{utils → pm-plugins/utils}/index.js +1 -1
  23. package/dist/es2019/ui/Find.js +1 -1
  24. package/dist/es2019/ui/FindReplace.js +1 -1
  25. package/dist/es2019/{FindReplaceToolbarButtonWithState.js → ui/FindReplaceToolbarButtonWithState.js} +3 -3
  26. package/dist/es2019/ui/Replace.js +1 -1
  27. package/dist/es2019/ui/styles.js +15 -143
  28. package/dist/es2019/ui/ui-styles.js +147 -0
  29. package/dist/esm/{plugin.js → findReplacePlugin.js} +1 -1
  30. package/dist/esm/findReplacePluginType.js +1 -0
  31. package/dist/esm/index.js +1 -1
  32. package/dist/esm/{commands.js → pm-plugins/commands.js} +1 -1
  33. package/dist/esm/pm-plugins/keymap.js +1 -1
  34. package/dist/esm/pm-plugins/plugin-factory.js +4 -4
  35. package/dist/esm/{utils → pm-plugins/utils}/batch-decorations.js +1 -1
  36. package/dist/esm/{utils → pm-plugins/utils}/index.js +1 -1
  37. package/dist/esm/types/index.js +1 -0
  38. package/dist/esm/ui/Find.js +1 -1
  39. package/dist/esm/ui/FindReplace.js +1 -1
  40. package/dist/esm/{FindReplaceToolbarButtonWithState.js → ui/FindReplaceToolbarButtonWithState.js} +3 -3
  41. package/dist/esm/ui/Replace.js +1 -1
  42. package/dist/esm/ui/styles.js +17 -146
  43. package/dist/esm/ui/ui-styles.js +147 -0
  44. package/dist/types/findReplacePlugin.d.ts +2 -0
  45. package/dist/types/findReplacePluginType.d.ts +18 -0
  46. package/dist/types/index.d.ts +3 -2
  47. package/dist/types/{actions.d.ts → pm-plugins/actions.d.ts} +1 -1
  48. package/dist/types/pm-plugins/plugin-factory.d.ts +1 -1
  49. package/dist/types/{reducer.d.ts → pm-plugins/reducer.d.ts} +1 -1
  50. package/dist/types/{utils → pm-plugins/utils}/index.d.ts +1 -1
  51. package/dist/{types-ts4.5/types.d.ts → types/types/index.d.ts} +2 -20
  52. package/dist/types/{FindReplaceToolbarButtonWithState.d.ts → ui/FindReplaceToolbarButtonWithState.d.ts} +1 -1
  53. package/dist/types/ui/styles.d.ts +3 -15
  54. package/dist/types/ui/ui-styles.d.ts +15 -0
  55. package/dist/types-ts4.5/findReplacePlugin.d.ts +2 -0
  56. package/dist/types-ts4.5/findReplacePluginType.d.ts +21 -0
  57. package/dist/types-ts4.5/index.d.ts +3 -2
  58. package/dist/types-ts4.5/{actions.d.ts → pm-plugins/actions.d.ts} +1 -1
  59. package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts +1 -1
  60. package/dist/types-ts4.5/{reducer.d.ts → pm-plugins/reducer.d.ts} +1 -1
  61. package/dist/types-ts4.5/{utils → pm-plugins/utils}/index.d.ts +1 -1
  62. package/dist/{types/types.d.ts → types-ts4.5/types/index.d.ts} +2 -17
  63. package/dist/types-ts4.5/{FindReplaceToolbarButtonWithState.d.ts → ui/FindReplaceToolbarButtonWithState.d.ts} +1 -1
  64. package/dist/types-ts4.5/ui/styles.d.ts +3 -15
  65. package/dist/types-ts4.5/ui/ui-styles.d.ts +15 -0
  66. package/package.json +14 -11
  67. package/styles/package.json +5 -5
  68. package/dist/cjs/styles.js +0 -24
  69. package/dist/es2019/styles.js +0 -19
  70. package/dist/esm/styles.js +0 -18
  71. package/dist/types/plugin.d.ts +0 -2
  72. package/dist/types/styles.d.ts +0 -3
  73. package/dist/types-ts4.5/plugin.d.ts +0 -2
  74. package/dist/types-ts4.5/styles.d.ts +0 -3
  75. /package/dist/cjs/{types.js → findReplacePluginType.js} +0 -0
  76. /package/dist/cjs/{actions.js → pm-plugins/actions.js} +0 -0
  77. /package/dist/cjs/{commands-with-analytics.js → pm-plugins/commands-with-analytics.js} +0 -0
  78. /package/dist/cjs/{reducer.js → pm-plugins/reducer.js} +0 -0
  79. /package/dist/cjs/{utils → pm-plugins/utils}/array.js +0 -0
  80. /package/dist/cjs/{utils → pm-plugins/utils}/commands.js +0 -0
  81. /package/dist/es2019/{types.js → findReplacePluginType.js} +0 -0
  82. /package/dist/es2019/{actions.js → pm-plugins/actions.js} +0 -0
  83. /package/dist/es2019/{commands-with-analytics.js → pm-plugins/commands-with-analytics.js} +0 -0
  84. /package/dist/es2019/{reducer.js → pm-plugins/reducer.js} +0 -0
  85. /package/dist/es2019/{utils → pm-plugins/utils}/array.js +0 -0
  86. /package/dist/es2019/{utils → pm-plugins/utils}/commands.js +0 -0
  87. /package/dist/{esm/types.js → es2019/types/index.js} +0 -0
  88. /package/dist/esm/{actions.js → pm-plugins/actions.js} +0 -0
  89. /package/dist/esm/{commands-with-analytics.js → pm-plugins/commands-with-analytics.js} +0 -0
  90. /package/dist/esm/{reducer.js → pm-plugins/reducer.js} +0 -0
  91. /package/dist/esm/{utils → pm-plugins/utils}/array.js +0 -0
  92. /package/dist/esm/{utils → pm-plugins/utils}/commands.js +0 -0
  93. /package/dist/types/{commands-with-analytics.d.ts → pm-plugins/commands-with-analytics.d.ts} +0 -0
  94. /package/dist/types/{commands.d.ts → pm-plugins/commands.d.ts} +0 -0
  95. /package/dist/types/{utils → pm-plugins/utils}/array.d.ts +0 -0
  96. /package/dist/types/{utils → pm-plugins/utils}/batch-decorations.d.ts +0 -0
  97. /package/dist/types/{utils → pm-plugins/utils}/commands.d.ts +0 -0
  98. /package/dist/types-ts4.5/{commands-with-analytics.d.ts → pm-plugins/commands-with-analytics.d.ts} +0 -0
  99. /package/dist/types-ts4.5/{commands.d.ts → pm-plugins/commands.d.ts} +0 -0
  100. /package/dist/types-ts4.5/{utils → pm-plugins/utils}/array.d.ts +0 -0
  101. /package/dist/types-ts4.5/{utils → pm-plugins/utils}/batch-decorations.d.ts +0 -0
  102. /package/dist/types-ts4.5/{utils → pm-plugins/utils}/commands.d.ts +0 -0
@@ -1,147 +1,18 @@
1
- /* eslint-disable @atlaskit/design-system/no-nested-styles */
2
- /* eslint-disable @repo/internal/styles/no-exported-styles */
3
- /**
4
- * @jsxRuntime classic
5
- * @jsx jsx
6
- */
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
- import { css } from '@emotion/react';
9
- import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
10
- import { N30A } from '@atlaskit/theme/colors';
11
- import { fontSize as getFontSize,
12
- // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
13
- gridSize as getGridSize } from '@atlaskit/theme/constants';
14
- var fontSize = getFontSize();
15
- var gridSize = getGridSize();
16
-
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
- export var ruleStyles = css({
19
- width: '100%',
20
- border: 'none',
21
- backgroundColor: "".concat("var(--ds-border, ".concat(N30A, ")")),
22
- margin: "var(--ds-space-050, 4px)".concat(" 0px"),
23
- height: '1px',
24
- borderRadius: '1px'
25
- });
26
-
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
28
- export var wrapperStyles = css({
29
- display: 'flex',
30
- flexDirection: 'column',
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
32
- '> *:not(#replace-hr-element)': {
33
- margin: "0px ".concat("var(--ds-space-050, 4px)")
34
- }
35
- });
36
-
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
- export var wrapperPaddingStyles = css({
39
- padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
40
- });
41
-
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
43
- export var sectionWrapperStyles = css({
44
- display: 'flex',
45
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
46
- '& > *': {
47
- display: 'inline-flex',
48
- height: '32px',
49
- flex: '0 0 auto'
50
- },
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
52
- '& > [data-ds--text-field--container]': {
53
- display: 'flex',
54
- flex: '1 1 auto'
55
- }
56
- });
57
-
58
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
59
- export var sectionWrapperStylesAlternate = css({
60
- display: 'flex',
61
- padding: "var(--ds-space-100, 8px)",
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
- '& > *': {
64
- height: 'unset'
65
- }
66
- });
67
-
68
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
69
- export var sectionWrapperJustified = css({
70
- justifyContent: 'space-between',
71
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
72
- fontSize: relativeFontSizeToBase16(14)
73
- });
74
-
75
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
76
- export var textFieldWrapper = css({
77
- flex: '1 100%',
78
- flexWrap: 'wrap',
79
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
80
- '#find-text-field, #replace-text-field': {
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
82
- height: "".concat(gridSize * 4.5 / fontSize, "em")
83
- },
84
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
85
- label: {
86
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
87
- fontSize: relativeFontSizeToBase16(14),
88
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
89
- lineHeight: "".concat(gridSize * 2, "px")
90
- }
91
- });
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ var _css;
3
+ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
4
+ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
5
+ /* eslint-disable */
92
6
 
93
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
94
- export var afterInputSection = css({
95
- display: 'flex',
96
- flex: '0 0 auto',
97
- alignItems: 'center'
98
- });
99
-
100
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
101
- export var matchCaseSection = css({
102
- paddingRight: "var(--ds-space-100, 8px)",
103
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
104
- button: {
105
- width: '20px',
106
- height: '20px'
107
- }
108
- });
109
-
110
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
111
- export var nextPreviousItemStyles = css({
112
- padding: "0px ".concat("var(--ds-space-025, 2px)")
113
- });
114
-
115
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
116
- export var countStyles = css({
117
- color: "var(--ds-text-subtlest, #626F86)",
118
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
119
- fontSize: "".concat(relativeFontSizeToBase16(12)),
120
- flex: '0 0 auto',
121
- justifyContent: 'center',
122
- alignItems: 'center',
123
- marginLeft: "var(--ds-space-050, 4px)",
124
- marginRight: "var(--ds-space-100, 8px)"
125
- });
126
-
127
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
128
- export var countStylesAlternateStyles = css({
129
- display: 'inline-flex',
130
- height: '32px'
131
- });
132
-
133
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
134
- export var countWrapperStyles = css({
135
- alignItems: 'center'
136
- });
137
-
138
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
139
- export var orderZeroStyles = css({
140
- order: '0',
141
- marginInline: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-025, 2px)")
142
- });
143
-
144
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
145
- export var orderOneStyles = css({
146
- order: '1'
147
- });
7
+ // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
8
+ import { css } from '@emotion/react';
9
+ import { N40A, N50A, N60A } from '@atlaskit/theme/colors';
10
+ export var searchMatchClass = 'search-match';
11
+ export var selectedSearchMatchClass = 'selected-search-match';
12
+ export var findReplaceStyles = css((_css = {}, _defineProperty(_css, ".".concat(searchMatchClass), {
13
+ borderRadius: '3px',
14
+ backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
15
+ boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(N50A, ", 0 0 1px 0 ").concat(N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(N40A), ")")
16
+ }), _defineProperty(_css, ".".concat(selectedSearchMatchClass), {
17
+ backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
18
+ }), _css));
@@ -0,0 +1,147 @@
1
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
2
+ /* eslint-disable @repo/internal/styles/no-exported-styles */
3
+ /**
4
+ * @jsxRuntime classic
5
+ * @jsx jsx
6
+ */
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
+ import { css } from '@emotion/react';
9
+ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
10
+ import { N30A } from '@atlaskit/theme/colors';
11
+ import { fontSize as getFontSize,
12
+ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
13
+ gridSize as getGridSize } from '@atlaskit/theme/constants';
14
+ var fontSize = getFontSize();
15
+ var gridSize = getGridSize();
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ export var ruleStyles = css({
19
+ width: '100%',
20
+ border: 'none',
21
+ backgroundColor: "".concat("var(--ds-border, ".concat(N30A, ")")),
22
+ margin: "var(--ds-space-050, 4px)".concat(" 0px"),
23
+ height: '1px',
24
+ borderRadius: '1px'
25
+ });
26
+
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
28
+ export var wrapperStyles = css({
29
+ display: 'flex',
30
+ flexDirection: 'column',
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
32
+ '> *:not(#replace-hr-element)': {
33
+ margin: "0px ".concat("var(--ds-space-050, 4px)")
34
+ }
35
+ });
36
+
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
+ export var wrapperPaddingStyles = css({
39
+ padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
40
+ });
41
+
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
43
+ export var sectionWrapperStyles = css({
44
+ display: 'flex',
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
46
+ '& > *': {
47
+ display: 'inline-flex',
48
+ height: '32px',
49
+ flex: '0 0 auto'
50
+ },
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
52
+ '& > [data-ds--text-field--container]': {
53
+ display: 'flex',
54
+ flex: '1 1 auto'
55
+ }
56
+ });
57
+
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
59
+ export var sectionWrapperStylesAlternate = css({
60
+ display: 'flex',
61
+ padding: "var(--ds-space-100, 8px)",
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
+ '& > *': {
64
+ height: 'unset'
65
+ }
66
+ });
67
+
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
69
+ export var sectionWrapperJustified = css({
70
+ justifyContent: 'space-between',
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
72
+ fontSize: relativeFontSizeToBase16(14)
73
+ });
74
+
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
76
+ export var textFieldWrapper = css({
77
+ flex: '1 100%',
78
+ flexWrap: 'wrap',
79
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
80
+ '#find-text-field, #replace-text-field': {
81
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
82
+ height: "".concat(gridSize * 4.5 / fontSize, "em")
83
+ },
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
85
+ label: {
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
87
+ fontSize: relativeFontSizeToBase16(14),
88
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
89
+ lineHeight: "".concat(gridSize * 2, "px")
90
+ }
91
+ });
92
+
93
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
94
+ export var afterInputSection = css({
95
+ display: 'flex',
96
+ flex: '0 0 auto',
97
+ alignItems: 'center'
98
+ });
99
+
100
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
101
+ export var matchCaseSection = css({
102
+ paddingRight: "var(--ds-space-100, 8px)",
103
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
104
+ button: {
105
+ width: '20px',
106
+ height: '20px'
107
+ }
108
+ });
109
+
110
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
111
+ export var nextPreviousItemStyles = css({
112
+ padding: "0px ".concat("var(--ds-space-025, 2px)")
113
+ });
114
+
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
116
+ export var countStyles = css({
117
+ color: "var(--ds-text-subtlest, #626F86)",
118
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
119
+ fontSize: "".concat(relativeFontSizeToBase16(12)),
120
+ flex: '0 0 auto',
121
+ justifyContent: 'center',
122
+ alignItems: 'center',
123
+ marginLeft: "var(--ds-space-050, 4px)",
124
+ marginRight: "var(--ds-space-100, 8px)"
125
+ });
126
+
127
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
128
+ export var countStylesAlternateStyles = css({
129
+ display: 'inline-flex',
130
+ height: '32px'
131
+ });
132
+
133
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
134
+ export var countWrapperStyles = css({
135
+ alignItems: 'center'
136
+ });
137
+
138
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
139
+ export var orderZeroStyles = css({
140
+ order: '0',
141
+ marginInline: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-025, 2px)")
142
+ });
143
+
144
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
145
+ export var orderOneStyles = css({
146
+ order: '1'
147
+ });
@@ -0,0 +1,2 @@
1
+ import type { FindReplacePlugin } from './findReplacePluginType';
2
+ export declare const findReplacePlugin: FindReplacePlugin;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
3
+ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
4
+ import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
5
+ import type { FindReplacePluginState, FindReplaceToolbarButtonActionProps } from './types';
6
+ type Config = {
7
+ takeFullWidth: boolean;
8
+ twoLineEditorToolbar: boolean;
9
+ };
10
+ export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
11
+ pluginConfiguration: Config;
12
+ sharedState: FindReplacePluginState | undefined;
13
+ dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<PrimaryToolbarPlugin>];
14
+ actions: {
15
+ getToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
16
+ };
17
+ }>;
18
+ export {};
@@ -1,2 +1,3 @@
1
- export type { FindReplacePlugin, FindReplaceToolbarButtonActionProps, FindReplaceOptions, FindReplacePluginState, } from './types';
2
- export { findReplacePlugin } from './plugin';
1
+ export type { FindReplaceToolbarButtonActionProps, FindReplaceOptions, FindReplacePluginState, } from './types';
2
+ export { findReplacePlugin } from './findReplacePlugin';
3
+ export type { FindReplacePlugin } from './findReplacePluginType';
@@ -1,5 +1,5 @@
1
1
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
2
- import type { Match } from './types';
2
+ import type { Match } from '../types';
3
3
  export declare enum FindReplaceActionTypes {
4
4
  ACTIVATE = "ACTIVATE",
5
5
  FIND = "FIND",
@@ -1,2 +1,2 @@
1
1
  import type { FindReplacePluginState } from '../types';
2
- export declare const createCommand: <A = import("../actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
2
+ export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
@@ -1,4 +1,4 @@
1
+ import type { FindReplacePluginState } from '../types';
1
2
  import type { FindReplaceAction } from './actions';
2
- import type { FindReplacePluginState } from './types';
3
3
  declare const reducer: (getInitialState: () => FindReplacePluginState) => (state: FindReplacePluginState, action: FindReplaceAction) => FindReplacePluginState;
4
4
  export default reducer;
@@ -4,7 +4,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
4
4
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
5
5
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
6
6
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
7
- import type { Match } from '../types';
7
+ import type { Match } from '../../types';
8
8
  export declare function getSelectedText(selection: TextSelection): string;
9
9
  export declare const createDecorations: (selectedIndex: number, matches: {
10
10
  start: number;
@@ -1,9 +1,7 @@
1
- /// <reference types="react" />
2
1
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
3
- import type { ExtractInjectionAPI, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
- import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
- import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
2
+ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
6
3
  import type { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
4
+ import type { FindReplacePlugin } from '../findReplacePluginType';
7
5
  export interface FindReplacePluginState {
8
6
  /** Whether find/replace is active, i.e. displayed */
9
7
  isActive: boolean;
@@ -38,21 +36,6 @@ export type FindReplaceToolbarButtonWithStateProps = {
38
36
  isButtonHidden?: boolean;
39
37
  };
40
38
  export type FindReplaceToolbarButtonActionProps = Omit<FindReplaceToolbarButtonWithStateProps, 'api'>;
41
- type Config = {
42
- takeFullWidth: boolean;
43
- twoLineEditorToolbar: boolean;
44
- };
45
- export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
46
- pluginConfiguration: Config;
47
- sharedState: FindReplacePluginState | undefined;
48
- dependencies: [
49
- OptionalPlugin<AnalyticsPlugin>,
50
- OptionalPlugin<PrimaryToolbarPlugin>
51
- ];
52
- actions: {
53
- getToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
54
- };
55
- }>;
56
39
  export type Match = {
57
40
  /** Start position */
58
41
  start: number;
@@ -73,4 +56,3 @@ export type MatchCaseProps = {
73
56
  shouldMatchCase?: boolean;
74
57
  onToggleMatchCase?: () => void;
75
58
  };
76
- export {};
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import type { FindReplaceToolbarButtonWithStateProps } from './types';
2
+ import type { FindReplaceToolbarButtonWithStateProps } from '../types';
3
3
  declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, isButtonHidden, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
4
4
  export default _default;
@@ -1,15 +1,3 @@
1
- export declare const ruleStyles: import("@emotion/react").SerializedStyles;
2
- export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
3
- export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
4
- export declare const sectionWrapperStyles: import("@emotion/react").SerializedStyles;
5
- export declare const sectionWrapperStylesAlternate: import("@emotion/react").SerializedStyles;
6
- export declare const sectionWrapperJustified: import("@emotion/react").SerializedStyles;
7
- export declare const textFieldWrapper: import("@emotion/react").SerializedStyles;
8
- export declare const afterInputSection: import("@emotion/react").SerializedStyles;
9
- export declare const matchCaseSection: import("@emotion/react").SerializedStyles;
10
- export declare const nextPreviousItemStyles: import("@emotion/react").SerializedStyles;
11
- export declare const countStyles: import("@emotion/react").SerializedStyles;
12
- export declare const countStylesAlternateStyles: import("@emotion/react").SerializedStyles;
13
- export declare const countWrapperStyles: import("@emotion/react").SerializedStyles;
14
- export declare const orderZeroStyles: import("@emotion/react").SerializedStyles;
15
- export declare const orderOneStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const searchMatchClass = "search-match";
2
+ export declare const selectedSearchMatchClass = "selected-search-match";
3
+ export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
@@ -0,0 +1,15 @@
1
+ export declare const ruleStyles: import("@emotion/react").SerializedStyles;
2
+ export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
3
+ export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
4
+ export declare const sectionWrapperStyles: import("@emotion/react").SerializedStyles;
5
+ export declare const sectionWrapperStylesAlternate: import("@emotion/react").SerializedStyles;
6
+ export declare const sectionWrapperJustified: import("@emotion/react").SerializedStyles;
7
+ export declare const textFieldWrapper: import("@emotion/react").SerializedStyles;
8
+ export declare const afterInputSection: import("@emotion/react").SerializedStyles;
9
+ export declare const matchCaseSection: import("@emotion/react").SerializedStyles;
10
+ export declare const nextPreviousItemStyles: import("@emotion/react").SerializedStyles;
11
+ export declare const countStyles: import("@emotion/react").SerializedStyles;
12
+ export declare const countStylesAlternateStyles: import("@emotion/react").SerializedStyles;
13
+ export declare const countWrapperStyles: import("@emotion/react").SerializedStyles;
14
+ export declare const orderZeroStyles: import("@emotion/react").SerializedStyles;
15
+ export declare const orderOneStyles: import("@emotion/react").SerializedStyles;
@@ -0,0 +1,2 @@
1
+ import type { FindReplacePlugin } from './findReplacePluginType';
2
+ export declare const findReplacePlugin: FindReplacePlugin;
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
3
+ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
4
+ import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
5
+ import type { FindReplacePluginState, FindReplaceToolbarButtonActionProps } from './types';
6
+ type Config = {
7
+ takeFullWidth: boolean;
8
+ twoLineEditorToolbar: boolean;
9
+ };
10
+ export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
11
+ pluginConfiguration: Config;
12
+ sharedState: FindReplacePluginState | undefined;
13
+ dependencies: [
14
+ OptionalPlugin<AnalyticsPlugin>,
15
+ OptionalPlugin<PrimaryToolbarPlugin>
16
+ ];
17
+ actions: {
18
+ getToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
19
+ };
20
+ }>;
21
+ export {};
@@ -1,2 +1,3 @@
1
- export type { FindReplacePlugin, FindReplaceToolbarButtonActionProps, FindReplaceOptions, FindReplacePluginState, } from './types';
2
- export { findReplacePlugin } from './plugin';
1
+ export type { FindReplaceToolbarButtonActionProps, FindReplaceOptions, FindReplacePluginState, } from './types';
2
+ export { findReplacePlugin } from './findReplacePlugin';
3
+ export type { FindReplacePlugin } from './findReplacePluginType';
@@ -1,5 +1,5 @@
1
1
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
2
- import type { Match } from './types';
2
+ import type { Match } from '../types';
3
3
  export declare enum FindReplaceActionTypes {
4
4
  ACTIVATE = "ACTIVATE",
5
5
  FIND = "FIND",
@@ -1,2 +1,2 @@
1
1
  import type { FindReplacePluginState } from '../types';
2
- export declare const createCommand: <A = import("../actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
2
+ export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
@@ -1,4 +1,4 @@
1
+ import type { FindReplacePluginState } from '../types';
1
2
  import type { FindReplaceAction } from './actions';
2
- import type { FindReplacePluginState } from './types';
3
3
  declare const reducer: (getInitialState: () => FindReplacePluginState) => (state: FindReplacePluginState, action: FindReplaceAction) => FindReplacePluginState;
4
4
  export default reducer;
@@ -4,7 +4,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
4
4
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
5
5
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
6
6
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
7
- import type { Match } from '../types';
7
+ import type { Match } from '../../types';
8
8
  export declare function getSelectedText(selection: TextSelection): string;
9
9
  export declare const createDecorations: (selectedIndex: number, matches: {
10
10
  start: number;
@@ -1,9 +1,7 @@
1
- /// <reference types="react" />
2
1
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
3
- import type { ExtractInjectionAPI, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
- import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
- import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
2
+ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
6
3
  import type { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
4
+ import type { FindReplacePlugin } from '../findReplacePluginType';
7
5
  export interface FindReplacePluginState {
8
6
  /** Whether find/replace is active, i.e. displayed */
9
7
  isActive: boolean;
@@ -38,18 +36,6 @@ export type FindReplaceToolbarButtonWithStateProps = {
38
36
  isButtonHidden?: boolean;
39
37
  };
40
38
  export type FindReplaceToolbarButtonActionProps = Omit<FindReplaceToolbarButtonWithStateProps, 'api'>;
41
- type Config = {
42
- takeFullWidth: boolean;
43
- twoLineEditorToolbar: boolean;
44
- };
45
- export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
46
- pluginConfiguration: Config;
47
- sharedState: FindReplacePluginState | undefined;
48
- dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<PrimaryToolbarPlugin>];
49
- actions: {
50
- getToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
51
- };
52
- }>;
53
39
  export type Match = {
54
40
  /** Start position */
55
41
  start: number;
@@ -70,4 +56,3 @@ export type MatchCaseProps = {
70
56
  shouldMatchCase?: boolean;
71
57
  onToggleMatchCase?: () => void;
72
58
  };
73
- export {};
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import type { FindReplaceToolbarButtonWithStateProps } from './types';
2
+ import type { FindReplaceToolbarButtonWithStateProps } from '../types';
3
3
  declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, isButtonHidden, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
4
4
  export default _default;
@@ -1,15 +1,3 @@
1
- export declare const ruleStyles: import("@emotion/react").SerializedStyles;
2
- export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
3
- export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
4
- export declare const sectionWrapperStyles: import("@emotion/react").SerializedStyles;
5
- export declare const sectionWrapperStylesAlternate: import("@emotion/react").SerializedStyles;
6
- export declare const sectionWrapperJustified: import("@emotion/react").SerializedStyles;
7
- export declare const textFieldWrapper: import("@emotion/react").SerializedStyles;
8
- export declare const afterInputSection: import("@emotion/react").SerializedStyles;
9
- export declare const matchCaseSection: import("@emotion/react").SerializedStyles;
10
- export declare const nextPreviousItemStyles: import("@emotion/react").SerializedStyles;
11
- export declare const countStyles: import("@emotion/react").SerializedStyles;
12
- export declare const countStylesAlternateStyles: import("@emotion/react").SerializedStyles;
13
- export declare const countWrapperStyles: import("@emotion/react").SerializedStyles;
14
- export declare const orderZeroStyles: import("@emotion/react").SerializedStyles;
15
- export declare const orderOneStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const searchMatchClass = "search-match";
2
+ export declare const selectedSearchMatchClass = "selected-search-match";
3
+ export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
@@ -0,0 +1,15 @@
1
+ export declare const ruleStyles: import("@emotion/react").SerializedStyles;
2
+ export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
3
+ export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
4
+ export declare const sectionWrapperStyles: import("@emotion/react").SerializedStyles;
5
+ export declare const sectionWrapperStylesAlternate: import("@emotion/react").SerializedStyles;
6
+ export declare const sectionWrapperJustified: import("@emotion/react").SerializedStyles;
7
+ export declare const textFieldWrapper: import("@emotion/react").SerializedStyles;
8
+ export declare const afterInputSection: import("@emotion/react").SerializedStyles;
9
+ export declare const matchCaseSection: import("@emotion/react").SerializedStyles;
10
+ export declare const nextPreviousItemStyles: import("@emotion/react").SerializedStyles;
11
+ export declare const countStyles: import("@emotion/react").SerializedStyles;
12
+ export declare const countStylesAlternateStyles: import("@emotion/react").SerializedStyles;
13
+ export declare const countWrapperStyles: import("@emotion/react").SerializedStyles;
14
+ export declare const orderZeroStyles: import("@emotion/react").SerializedStyles;
15
+ export declare const orderOneStyles: import("@emotion/react").SerializedStyles;