@atlaskit/editor-plugin-find-replace 1.1.5 → 1.2.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 (17) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/FindReplaceToolbarButton.js +9 -3
  3. package/dist/cjs/ui/styles.js +47 -9
  4. package/dist/es2019/ui/FindReplaceToolbarButton.js +9 -7
  5. package/dist/es2019/ui/styles.js +42 -49
  6. package/dist/esm/ui/FindReplaceToolbarButton.js +10 -3
  7. package/dist/esm/ui/styles.js +46 -8
  8. package/dist/types/pm-plugins/plugin-factory.d.ts +1 -1
  9. package/dist/types/ui/Find.d.ts +2 -2
  10. package/dist/types/ui/FindReplaceToolbarButton.d.ts +2 -2
  11. package/dist/types/ui/Replace.d.ts +2 -2
  12. package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts +1 -1
  13. package/dist/types-ts4.5/ui/Find.d.ts +2 -2
  14. package/dist/types-ts4.5/ui/FindReplaceToolbarButton.d.ts +2 -2
  15. package/dist/types-ts4.5/ui/Replace.d.ts +2 -2
  16. package/package.json +15 -17
  17. package/styles/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934) [`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) - bumped editor-prosemirror version to 4.0.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 1.1.6
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 1.1.5
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/FindReplaceToolbarButton.js CHANGED
@@ -25,14 +25,20 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
25
25
  var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
26
26
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
27
27
  var _FindReplace = _interopRequireDefault(require("./FindReplace"));
28
- var _templateObject, _templateObject2, _templateObject3;
28
+ var _templateObject;
29
29
  /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
30
30
  /** @jsx jsx */
31
31
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
32
32
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
33
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
33
34
  var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex: 1 1 auto;\n flex-grow: 0;\n justify-content: flex-end;\n align-items: center;\n padding: 0 ", ";\n @media (max-width: ", "px) {\n justify-content: center;\n padding: 0;\n }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMobileMaxWidth);
34
- var toolbarButtonWrapperFullWith = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n"])));
35
- var wrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n"])));
35
+ var toolbarButtonWrapperFullWith = (0, _react2.css)({
36
+ flexGrow: 1
37
+ });
38
+ var wrapper = (0, _react2.css)({
39
+ display: 'flex',
40
+ flexDirection: 'column'
41
+ });
36
42
  var dropdownWidthNewDesign = 382;
37
43
  var dropdownWidthOldDesign = 352;
38
44
  // eslint-disable-next-line @repo/internal/react/no-class-components
package/dist/cjs/ui/styles.js CHANGED
@@ -1,19 +1,17 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.wrapperStyles = exports.wrapperPaddingStyles = exports.textFieldWrapper = exports.sectionWrapperStylesAlternate = exports.sectionWrapperStyles = exports.sectionWrapperJustified = exports.ruleStyles = exports.replaceSectionButtonOldStyles = exports.replaceSectionButtonNewStyles = exports.orderZeroStyles = exports.orderZeroDeprecatedStyles = exports.orderOneStyles = exports.nextPreviousItemStyles = exports.matchCaseSection = exports.countWrapperStyles = exports.countStylesAlternateStyles = exports.countStyles = exports.afterInputSection = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
7
  var _react = require("@emotion/react");
10
8
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
9
  var _colors = require("@atlaskit/theme/colors");
12
10
  var _constants = require("@atlaskit/theme/constants");
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
14
11
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
15
12
  /* eslint-disable @repo/internal/styles/no-exported-styles */
16
13
  /** @jsx jsx */
14
+
17
15
  var fontSize = (0, _constants.fontSize)();
18
16
  var gridSize = (0, _constants.gridSize)();
19
17
  var replaceSectionButtonNewStyles = exports.replaceSectionButtonNewStyles = (0, _react.css)({
@@ -41,12 +39,52 @@ var wrapperStyles = exports.wrapperStyles = (0, _react.css)({
41
39
  var wrapperPaddingStyles = exports.wrapperPaddingStyles = (0, _react.css)({
42
40
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
43
41
  });
44
- var sectionWrapperStyles = exports.sectionWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n\n & > * {\n display: inline-flex;\n height: 32px;\n flex: 0 0 auto;\n }\n\n & > [data-ds--text-field--container] {\n display: flex;\n flex: 1 1 auto;\n }\n"])));
45
- var sectionWrapperStylesAlternate = exports.sectionWrapperStylesAlternate = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: ", ";\n\n & > * {\n height: unset;\n }\n"])), "var(--ds-space-100, 8px)");
46
- var sectionWrapperJustified = exports.sectionWrapperJustified = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n justify-content: space-between;\n font-size: ", ";\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(14));
47
- var textFieldWrapper = exports.textFieldWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1 100%;\n flex-wrap: wrap;\n\n #find-text-field,\n #replace-text-field {\n height: ", "em;\n }\n\n label {\n font-size: ", ";\n line-height: ", "px;\n }\n"])), gridSize * 4.5 / fontSize, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), gridSize * 2);
48
- var afterInputSection = exports.afterInputSection = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n"])));
49
- var matchCaseSection = exports.matchCaseSection = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-right: ", ";\n\n button {\n width: 20px;\n height: 20px;\n }\n"])), "var(--ds-space-100, 8px)");
42
+ var sectionWrapperStyles = exports.sectionWrapperStyles = (0, _react.css)({
43
+ display: 'flex',
44
+ '& > *': {
45
+ display: 'inline-flex',
46
+ height: '32px',
47
+ flex: '0 0 auto'
48
+ },
49
+ '& > [data-ds--text-field--container]': {
50
+ display: 'flex',
51
+ flex: '1 1 auto'
52
+ }
53
+ });
54
+ var sectionWrapperStylesAlternate = exports.sectionWrapperStylesAlternate = (0, _react.css)({
55
+ display: 'flex',
56
+ padding: "var(--ds-space-100, 8px)",
57
+ '& > *': {
58
+ height: 'unset'
59
+ }
60
+ });
61
+ var sectionWrapperJustified = exports.sectionWrapperJustified = (0, _react.css)({
62
+ justifyContent: 'space-between',
63
+ fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14)
64
+ });
65
+ var textFieldWrapper = exports.textFieldWrapper = (0, _react.css)({
66
+ flex: '1 100%',
67
+ flexWrap: 'wrap',
68
+ '#find-text-field, #replace-text-field': {
69
+ height: "".concat(gridSize * 4.5 / fontSize, "em")
70
+ },
71
+ label: {
72
+ fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
73
+ lineHeight: "".concat(gridSize * 2, "px")
74
+ }
75
+ });
76
+ var afterInputSection = exports.afterInputSection = (0, _react.css)({
77
+ display: 'flex',
78
+ flex: '0 0 auto',
79
+ alignItems: 'center'
80
+ });
81
+ var matchCaseSection = exports.matchCaseSection = (0, _react.css)({
82
+ paddingRight: "var(--ds-space-100, 8px)",
83
+ button: {
84
+ width: '20px',
85
+ height: '20px'
86
+ }
87
+ });
50
88
  var nextPreviousItemStyles = exports.nextPreviousItemStyles = (0, _react.css)({
51
89
  padding: "0px ".concat("var(--ds-space-025, 2px)")
52
90
  });
package/dist/es2019/ui/FindReplaceToolbarButton.js CHANGED
@@ -13,6 +13,8 @@ import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/e
13
13
  import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
14
14
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
15
15
  import FindReplace from './FindReplace';
16
+
17
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
16
18
  const toolbarButtonWrapper = css`
17
19
  display: flex;
18
20
  flex: 1 1 auto;
@@ -25,13 +27,13 @@ const toolbarButtonWrapper = css`
25
27
  padding: 0;
26
28
  }
27
29
  `;
28
- const toolbarButtonWrapperFullWith = css`
29
- flex-grow: 1;
30
- `;
31
- const wrapper = css`
32
- display: flex;
33
- flex-direction: column;
34
- `;
30
+ const toolbarButtonWrapperFullWith = css({
31
+ flexGrow: 1
32
+ });
33
+ const wrapper = css({
34
+ display: 'flex',
35
+ flexDirection: 'column'
36
+ });
35
37
  const dropdownWidthNewDesign = 382;
36
38
  const dropdownWidthOldDesign = 352;
37
39
  // eslint-disable-next-line @repo/internal/react/no-class-components
package/dist/es2019/ui/styles.js CHANGED
@@ -34,59 +34,52 @@ export const wrapperStyles = css({
34
34
  export const wrapperPaddingStyles = css({
35
35
  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"}`
36
36
  });
37
- export const sectionWrapperStyles = css`
38
- display: flex;
39
-
40
- & > * {
41
- display: inline-flex;
42
- height: 32px;
43
- flex: 0 0 auto;
44
- }
45
-
46
- & > [data-ds--text-field--container] {
47
- display: flex;
48
- flex: 1 1 auto;
49
- }
50
- `;
51
- export const sectionWrapperStylesAlternate = css`
52
- display: flex;
53
- padding: ${"var(--ds-space-100, 8px)"};
54
-
55
- & > * {
56
- height: unset;
37
+ export const sectionWrapperStyles = css({
38
+ display: 'flex',
39
+ '& > *': {
40
+ display: 'inline-flex',
41
+ height: '32px',
42
+ flex: '0 0 auto'
43
+ },
44
+ '& > [data-ds--text-field--container]': {
45
+ display: 'flex',
46
+ flex: '1 1 auto'
57
47
  }
58
- `;
59
- export const sectionWrapperJustified = css`
60
- justify-content: space-between;
61
- font-size: ${relativeFontSizeToBase16(14)};
62
- `;
63
- export const textFieldWrapper = css`
64
- flex: 1 100%;
65
- flex-wrap: wrap;
66
-
67
- #find-text-field,
68
- #replace-text-field {
69
- height: ${gridSize * 4.5 / fontSize}em;
48
+ });
49
+ export const sectionWrapperStylesAlternate = css({
50
+ display: 'flex',
51
+ padding: "var(--ds-space-100, 8px)",
52
+ '& > *': {
53
+ height: 'unset'
70
54
  }
71
-
72
- label {
73
- font-size: ${relativeFontSizeToBase16(14)};
74
- line-height: ${gridSize * 2}px;
55
+ });
56
+ export const sectionWrapperJustified = css({
57
+ justifyContent: 'space-between',
58
+ fontSize: relativeFontSizeToBase16(14)
59
+ });
60
+ export const textFieldWrapper = css({
61
+ flex: '1 100%',
62
+ flexWrap: 'wrap',
63
+ '#find-text-field, #replace-text-field': {
64
+ height: `${gridSize * 4.5 / fontSize}em`
65
+ },
66
+ label: {
67
+ fontSize: relativeFontSizeToBase16(14),
68
+ lineHeight: `${gridSize * 2}px`
75
69
  }
76
- `;
77
- export const afterInputSection = css`
78
- display: flex;
79
- flex: 0 0 auto;
80
- align-items: center;
81
- `;
82
- export const matchCaseSection = css`
83
- padding-right: ${"var(--ds-space-100, 8px)"};
84
-
85
- button {
86
- width: 20px;
87
- height: 20px;
70
+ });
71
+ export const afterInputSection = css({
72
+ display: 'flex',
73
+ flex: '0 0 auto',
74
+ alignItems: 'center'
75
+ });
76
+ export const matchCaseSection = css({
77
+ paddingRight: "var(--ds-space-100, 8px)",
78
+ button: {
79
+ width: '20px',
80
+ height: '20px'
88
81
  }
89
- `;
82
+ });
90
83
  export const nextPreviousItemStyles = css({
91
84
  padding: `0px ${"var(--ds-space-025, 2px)"}`
92
85
  });
package/dist/esm/ui/FindReplaceToolbarButton.js CHANGED
@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
7
7
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
8
8
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
9
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
10
- var _templateObject, _templateObject2, _templateObject3;
10
+ var _templateObject;
11
11
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
12
12
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
13
  /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
@@ -23,9 +23,16 @@ import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/e
23
23
  import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
24
24
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
25
25
  import FindReplace from './FindReplace';
26
+
27
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
26
28
  var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex: 1 1 auto;\n flex-grow: 0;\n justify-content: flex-end;\n align-items: center;\n padding: 0 ", ";\n @media (max-width: ", "px) {\n justify-content: center;\n padding: 0;\n }\n"])), "var(--ds-space-100, 8px)", akEditorMobileMaxWidth);
27
- var toolbarButtonWrapperFullWith = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex-grow: 1;\n"])));
28
- var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
29
+ var toolbarButtonWrapperFullWith = css({
30
+ flexGrow: 1
31
+ });
32
+ var wrapper = css({
33
+ display: 'flex',
34
+ flexDirection: 'column'
35
+ });
29
36
  var dropdownWidthNewDesign = 382;
30
37
  var dropdownWidthOldDesign = 352;
31
38
  // eslint-disable-next-line @repo/internal/react/no-class-components
package/dist/esm/ui/styles.js CHANGED
@@ -1,5 +1,3 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
3
1
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
4
2
  /* eslint-disable @repo/internal/styles/no-exported-styles */
5
3
  /** @jsx jsx */
@@ -36,12 +34,52 @@ export var wrapperStyles = css({
36
34
  export var wrapperPaddingStyles = css({
37
35
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
38
36
  });
39
- export var sectionWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n\n & > * {\n display: inline-flex;\n height: 32px;\n flex: 0 0 auto;\n }\n\n & > [data-ds--text-field--container] {\n display: flex;\n flex: 1 1 auto;\n }\n"])));
40
- export var sectionWrapperStylesAlternate = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n padding: ", ";\n\n & > * {\n height: unset;\n }\n"])), "var(--ds-space-100, 8px)");
41
- export var sectionWrapperJustified = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n justify-content: space-between;\n font-size: ", ";\n"])), relativeFontSizeToBase16(14));
42
- export var textFieldWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1 100%;\n flex-wrap: wrap;\n\n #find-text-field,\n #replace-text-field {\n height: ", "em;\n }\n\n label {\n font-size: ", ";\n line-height: ", "px;\n }\n"])), gridSize * 4.5 / fontSize, relativeFontSizeToBase16(14), gridSize * 2);
43
- export var afterInputSection = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n"])));
44
- export var matchCaseSection = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-right: ", ";\n\n button {\n width: 20px;\n height: 20px;\n }\n"])), "var(--ds-space-100, 8px)");
37
+ export var sectionWrapperStyles = css({
38
+ display: 'flex',
39
+ '& > *': {
40
+ display: 'inline-flex',
41
+ height: '32px',
42
+ flex: '0 0 auto'
43
+ },
44
+ '& > [data-ds--text-field--container]': {
45
+ display: 'flex',
46
+ flex: '1 1 auto'
47
+ }
48
+ });
49
+ export var sectionWrapperStylesAlternate = css({
50
+ display: 'flex',
51
+ padding: "var(--ds-space-100, 8px)",
52
+ '& > *': {
53
+ height: 'unset'
54
+ }
55
+ });
56
+ export var sectionWrapperJustified = css({
57
+ justifyContent: 'space-between',
58
+ fontSize: relativeFontSizeToBase16(14)
59
+ });
60
+ export var textFieldWrapper = css({
61
+ flex: '1 100%',
62
+ flexWrap: 'wrap',
63
+ '#find-text-field, #replace-text-field': {
64
+ height: "".concat(gridSize * 4.5 / fontSize, "em")
65
+ },
66
+ label: {
67
+ fontSize: relativeFontSizeToBase16(14),
68
+ lineHeight: "".concat(gridSize * 2, "px")
69
+ }
70
+ });
71
+ export var afterInputSection = css({
72
+ display: 'flex',
73
+ flex: '0 0 auto',
74
+ alignItems: 'center'
75
+ });
76
+ export var matchCaseSection = css({
77
+ paddingRight: "var(--ds-space-100, 8px)",
78
+ button: {
79
+ width: '20px',
80
+ height: '20px'
81
+ }
82
+ });
45
83
  export var nextPreviousItemStyles = css({
46
84
  padding: "0px ".concat("var(--ds-space-025, 2px)")
47
85
  });
package/dist/types/pm-plugins/plugin-factory.d.ts CHANGED
@@ -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<any>, 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>;
package/dist/types/ui/Find.d.ts CHANGED
@@ -49,7 +49,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
49
49
  onArrowDown: () => void;
50
50
  setFindTyped: (value: boolean) => void;
51
51
  findTyped: boolean;
52
- } & MatchCaseProps & WrappedComponentProps<"intl">>> & {
52
+ } & MatchCaseProps & WrappedComponentProps>> & {
53
53
  WrappedComponent: React.ComponentType<{
54
54
  findText?: string | undefined;
55
55
  count: {
@@ -72,6 +72,6 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
72
72
  onArrowDown: () => void;
73
73
  setFindTyped: (value: boolean) => void;
74
74
  findTyped: boolean;
75
- } & MatchCaseProps & WrappedComponentProps<"intl">>;
75
+ } & MatchCaseProps & WrappedComponentProps>;
76
76
  };
77
77
  export default _default;
package/dist/types/ui/FindReplaceToolbarButton.d.ts CHANGED
@@ -15,7 +15,7 @@ export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'c
15
15
  dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
16
16
  takeFullWidth: boolean;
17
17
  }
18
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>> & {
19
- WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>;
18
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps>> & {
19
+ WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps>;
20
20
  };
21
21
  export default _default;
package/dist/types/ui/Replace.d.ts CHANGED
@@ -40,7 +40,7 @@ export type ReplaceState = {
40
40
  isHelperMessageVisible: boolean;
41
41
  replaceCount: number;
42
42
  };
43
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps<"intl">>> & {
44
- WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps<"intl">>;
43
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps>> & {
44
+ WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps>;
45
45
  };
46
46
  export default _default;
package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts CHANGED
@@ -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<any>, 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>;
package/dist/types-ts4.5/ui/Find.d.ts CHANGED
@@ -49,7 +49,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
49
49
  onArrowDown: () => void;
50
50
  setFindTyped: (value: boolean) => void;
51
51
  findTyped: boolean;
52
- } & MatchCaseProps & WrappedComponentProps<"intl">>> & {
52
+ } & MatchCaseProps & WrappedComponentProps>> & {
53
53
  WrappedComponent: React.ComponentType<{
54
54
  findText?: string | undefined;
55
55
  count: {
@@ -72,6 +72,6 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
72
72
  onArrowDown: () => void;
73
73
  setFindTyped: (value: boolean) => void;
74
74
  findTyped: boolean;
75
- } & MatchCaseProps & WrappedComponentProps<"intl">>;
75
+ } & MatchCaseProps & WrappedComponentProps>;
76
76
  };
77
77
  export default _default;
package/dist/types-ts4.5/ui/FindReplaceToolbarButton.d.ts CHANGED
@@ -15,7 +15,7 @@ export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'c
15
15
  dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
16
16
  takeFullWidth: boolean;
17
17
  }
18
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>> & {
19
- WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps<"intl">>;
18
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps>> & {
19
+ WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps>;
20
20
  };
21
21
  export default _default;
package/dist/types-ts4.5/ui/Replace.d.ts CHANGED
@@ -40,7 +40,7 @@ export type ReplaceState = {
40
40
  isHelperMessageVisible: boolean;
41
41
  replaceCount: number;
42
42
  };
43
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps<"intl">>> & {
44
- WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps<"intl">>;
43
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps>> & {
44
+ WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps>;
45
45
  };
46
46
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "1.1.5",
3
+ "version": "1.2.0",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,19 +34,19 @@
34
34
  "./styles": "./src/styles.ts"
35
35
  },
36
36
  "dependencies": {
37
- "@atlaskit/button": "^17.7.0",
38
- "@atlaskit/editor-common": "^78.14.0",
39
- "@atlaskit/editor-plugin-analytics": "^1.0.0",
40
- "@atlaskit/editor-prosemirror": "3.0.0",
37
+ "@atlaskit/button": "^17.14.0",
38
+ "@atlaskit/editor-common": "^78.31.0",
39
+ "@atlaskit/editor-plugin-analytics": "^1.1.0",
40
+ "@atlaskit/editor-prosemirror": "4.0.0",
41
41
  "@atlaskit/editor-shared-styles": "^2.9.0",
42
- "@atlaskit/form": "^9.0.5",
42
+ "@atlaskit/form": "^9.3.0",
43
43
  "@atlaskit/icon": "^22.1.0",
44
44
  "@atlaskit/platform-feature-flags": "^0.2.0",
45
- "@atlaskit/primitives": "^4.1.0",
45
+ "@atlaskit/primitives": "^5.5.0",
46
46
  "@atlaskit/textfield": "^6.1.0",
47
- "@atlaskit/theme": "^12.6.0",
48
- "@atlaskit/tokens": "^1.41.0",
49
- "@atlaskit/tooltip": "^18.1.0",
47
+ "@atlaskit/theme": "^12.7.0",
48
+ "@atlaskit/tokens": "^1.43.0",
49
+ "@atlaskit/tooltip": "^18.2.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@emotion/react": "^11.7.1",
52
52
  "lodash": "^4.17.21",
@@ -54,8 +54,8 @@
54
54
  },
55
55
  "devDependencies": {
56
56
  "@af/visual-regression": "*",
57
- "@atlaskit/editor-plugin-block-type": "^3.0.0",
58
- "@atlaskit/editor-plugin-text-formatting": "^1.2.0",
57
+ "@atlaskit/editor-plugin-block-type": "^3.1.0",
58
+ "@atlaskit/editor-plugin-text-formatting": "^1.4.0",
59
59
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
60
60
  "@atlassian/feature-flags-test-utils": "^0.2.0",
61
61
  "@testing-library/react": "^12.1.5",
@@ -91,11 +91,9 @@
91
91
  "ui-components": [
92
92
  "lite-mode"
93
93
  ],
94
- "deprecation": [
95
- "no-deprecated-imports"
96
- ],
94
+ "deprecation": "no-deprecated-imports",
97
95
  "styling": [
98
- "static",
96
+ "emotion",
99
97
  "emotion"
100
98
  ],
101
99
  "imports": [
@@ -119,4 +117,4 @@
119
117
  ]
120
118
  }
121
119
  }
122
- }
120
+ }
package/styles/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/styles.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <4.9": {
11
+ ">=4.5 <5.4": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/styles.d.ts"
14
14
  ]