@atlaskit/editor-plugin-find-replace 1.1.3 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 1.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#78913](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78913) [`b244d468a298`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b244d468a298) - fix incorrect usage of a platform ff in find and replace plugin
8
+
3
9
  ## 1.1.3
4
10
 
5
11
  ### Patch Changes
@@ -222,6 +222,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
222
222
  var resultsReplace = formatMessage(_messages.findReplaceMessages.replaceSuccess, {
223
223
  numberOfMatches: replaceCount
224
224
  });
225
+ var replaceSectionButtonStyles = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? _styles.replaceSectionButtonNewStyles : _styles.replaceSectionButtonOldStyles;
225
226
  return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
226
227
  css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
227
228
  }, (0, _react2.jsx)("div", {
@@ -292,13 +293,13 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
292
293
  onClick: this.handleReplaceAllClick,
293
294
  isDisabled: !canReplace
294
295
  }, this.replaceAll)) : (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_standardButton.default, {
295
- css: _styles.replaceSectionButtonStyles,
296
+ css: replaceSectionButtonStyles,
296
297
  testId: this.replace,
297
298
  id: "replace-button",
298
299
  onClick: this.handleReplaceClick,
299
300
  isDisabled: !canReplace
300
301
  }, this.replace), (0, _react2.jsx)(_standardButton.default, {
301
- css: _styles.replaceSectionButtonStyles,
302
+ css: replaceSectionButtonStyles,
302
303
  appearance: "primary",
303
304
  testId: this.replaceAll,
304
305
  id: "replaceAll-button",
@@ -311,7 +312,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
311
312
  testId: this.closeFindReplaceDialog,
312
313
  onClick: this.clearSearch
313
314
  }, this.closeFindReplaceDialog) : (0, _react2.jsx)(_standardButton.default, {
314
- css: _styles.replaceSectionButtonStyles,
315
+ css: replaceSectionButtonStyles,
315
316
  appearance: "subtle",
316
317
  testId: this.closeFindReplaceDialog,
317
318
  onClick: this.clearSearch
@@ -339,12 +340,12 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
339
340
  onClick: this.handleReplaceAllClick,
340
341
  isDisabled: !canReplace
341
342
  }, this.replaceAll)) : (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_standardButton.default, {
342
- css: _styles.replaceSectionButtonStyles,
343
+ css: replaceSectionButtonStyles,
343
344
  testId: this.replace,
344
345
  onClick: this.handleReplaceClick,
345
346
  isDisabled: !canReplace
346
347
  }, this.replace), (0, _react2.jsx)(_standardButton.default, {
347
- css: _styles.replaceSectionButtonStyles,
348
+ css: replaceSectionButtonStyles,
348
349
  testId: this.replaceAll,
349
350
  onClick: this.handleReplaceAllClick,
350
351
  isDisabled: !canReplace
@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.wrapperStyles = exports.wrapperPaddingStyles = exports.textFieldWrapper = exports.sectionWrapperStylesAlternate = exports.sectionWrapperStyles = exports.sectionWrapperJustified = exports.ruleStyles = exports.replaceSectionButtonStyles = exports.orderZeroStyles = exports.orderZeroDeprecatedStyles = exports.orderOneStyles = exports.nextPreviousItemStyles = exports.matchCaseSection = exports.countWrapperStyles = exports.countStylesAlternateStyles = exports.countStyles = exports.afterInputSection = void 0;
7
+ 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
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _colors = require("@atlaskit/theme/colors");
13
12
  var _constants = require("@atlaskit/theme/constants");
14
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -17,10 +16,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
17
16
  /** @jsx jsx */
18
17
  var fontSize = (0, _constants.fontSize)();
19
18
  var gridSize = (0, _constants.gridSize)();
20
- var replaceSectionButtonStyles = exports.replaceSectionButtonStyles = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? (0, _react.css)({
19
+ var replaceSectionButtonNewStyles = exports.replaceSectionButtonNewStyles = (0, _react.css)({
21
20
  marginLeft: "var(--ds-space-050, 4px)",
22
21
  marginRight: "var(--ds-space-050, 2px)"
23
- }) : (0, _react.css)({
22
+ });
23
+ var replaceSectionButtonOldStyles = exports.replaceSectionButtonOldStyles = (0, _react.css)({
24
24
  marginLeft: "var(--ds-space-050, 4px)"
25
25
  });
26
26
  var ruleStyles = exports.ruleStyles = (0, _react.css)({
@@ -15,7 +15,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
15
15
  import { Inline, xcss } from '@atlaskit/primitives';
16
16
  import Textfield from '@atlaskit/textfield';
17
17
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
18
- import { nextPreviousItemStyles, orderOneStyles, orderZeroDeprecatedStyles, orderZeroStyles, replaceSectionButtonStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
18
+ import { nextPreviousItemStyles, orderOneStyles, orderZeroDeprecatedStyles, orderZeroStyles, replaceSectionButtonNewStyles, replaceSectionButtonOldStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
19
19
  // eslint-disable-next-line @repo/internal/react/no-class-components
20
20
  class Replace extends React.PureComponent {
21
21
  constructor(props) {
@@ -198,6 +198,7 @@ class Replace extends React.PureComponent {
198
198
  const resultsReplace = formatMessage(messages.replaceSuccess, {
199
199
  numberOfMatches: replaceCount
200
200
  });
201
+ const replaceSectionButtonStyles = getBooleanFF('platform.editor.a11y-find-replace') ? replaceSectionButtonNewStyles : replaceSectionButtonOldStyles;
201
202
  return getBooleanFF('platform.editor.a11y-find-replace') ? jsx(Fragment, null, jsx("div", {
202
203
  css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
203
204
  }, jsx("div", {
@@ -3,17 +3,17 @@
3
3
  /** @jsx jsx */
4
4
  import { css } from '@emotion/react';
5
5
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
6
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
6
  import { N30A } from '@atlaskit/theme/colors';
8
7
  import { fontSize as getFontSize,
9
8
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
10
9
  gridSize as getGridSize } from '@atlaskit/theme/constants';
11
10
  const fontSize = getFontSize();
12
11
  const gridSize = getGridSize();
13
- export const replaceSectionButtonStyles = getBooleanFF('platform.editor.a11y-find-replace') ? css({
12
+ export const replaceSectionButtonNewStyles = css({
14
13
  marginLeft: "var(--ds-space-050, 4px)",
15
14
  marginRight: "var(--ds-space-050, 2px)"
16
- }) : css({
15
+ });
16
+ export const replaceSectionButtonOldStyles = css({
17
17
  marginLeft: "var(--ds-space-050, 4px)"
18
18
  });
19
19
  export const ruleStyles = css({
@@ -23,7 +23,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
23
23
  import { Inline, xcss } from '@atlaskit/primitives';
24
24
  import Textfield from '@atlaskit/textfield';
25
25
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
26
- import { nextPreviousItemStyles, orderOneStyles, orderZeroDeprecatedStyles, orderZeroStyles, replaceSectionButtonStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
26
+ import { nextPreviousItemStyles, orderOneStyles, orderZeroDeprecatedStyles, orderZeroStyles, replaceSectionButtonNewStyles, replaceSectionButtonOldStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
27
27
  // eslint-disable-next-line @repo/internal/react/no-class-components
28
28
  var Replace = /*#__PURE__*/function (_React$PureComponent) {
29
29
  _inherits(Replace, _React$PureComponent);
@@ -214,6 +214,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
214
214
  var resultsReplace = formatMessage(messages.replaceSuccess, {
215
215
  numberOfMatches: replaceCount
216
216
  });
217
+ var replaceSectionButtonStyles = getBooleanFF('platform.editor.a11y-find-replace') ? replaceSectionButtonNewStyles : replaceSectionButtonOldStyles;
217
218
  return getBooleanFF('platform.editor.a11y-find-replace') ? jsx(Fragment, null, jsx("div", {
218
219
  css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
219
220
  }, jsx("div", {
@@ -5,17 +5,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
5
5
  /** @jsx jsx */
6
6
  import { css } from '@emotion/react';
7
7
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
8
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
9
8
  import { N30A } from '@atlaskit/theme/colors';
10
9
  import { fontSize as getFontSize,
11
10
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
12
11
  gridSize as getGridSize } from '@atlaskit/theme/constants';
13
12
  var fontSize = getFontSize();
14
13
  var gridSize = getGridSize();
15
- export var replaceSectionButtonStyles = getBooleanFF('platform.editor.a11y-find-replace') ? css({
14
+ export var replaceSectionButtonNewStyles = css({
16
15
  marginLeft: "var(--ds-space-050, 4px)",
17
16
  marginRight: "var(--ds-space-050, 2px)"
18
- }) : css({
17
+ });
18
+ export var replaceSectionButtonOldStyles = css({
19
19
  marginLeft: "var(--ds-space-050, 4px)"
20
20
  });
21
21
  export var ruleStyles = css({
@@ -1,4 +1,5 @@
1
- export declare const replaceSectionButtonStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const replaceSectionButtonNewStyles: import("@emotion/react").SerializedStyles;
2
+ export declare const replaceSectionButtonOldStyles: import("@emotion/react").SerializedStyles;
2
3
  export declare const ruleStyles: import("@emotion/react").SerializedStyles;
3
4
  export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
4
5
  export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
@@ -1,4 +1,5 @@
1
- export declare const replaceSectionButtonStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const replaceSectionButtonNewStyles: import("@emotion/react").SerializedStyles;
2
+ export declare const replaceSectionButtonOldStyles: import("@emotion/react").SerializedStyles;
2
3
  export declare const ruleStyles: import("@emotion/react").SerializedStyles;
3
4
  export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
4
5
  export declare const wrapperPaddingStyles: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "1.1.3",
3
+ "version": "1.1.4",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@atlaskit/button": "^17.6.0",
38
- "@atlaskit/editor-common": "^78.9.0",
38
+ "@atlaskit/editor-common": "^78.11.0",
39
39
  "@atlaskit/editor-plugin-analytics": "^1.0.0",
40
40
  "@atlaskit/editor-prosemirror": "3.0.0",
41
41
  "@atlaskit/editor-shared-styles": "^2.9.0",