@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 +6 -0
- package/dist/cjs/ui/Replace.js +6 -5
- package/dist/cjs/ui/styles.js +4 -4
- package/dist/es2019/ui/Replace.js +2 -1
- package/dist/es2019/ui/styles.js +3 -3
- package/dist/esm/ui/Replace.js +2 -1
- package/dist/esm/ui/styles.js +3 -3
- package/dist/types/ui/styles.d.ts +2 -1
- package/dist/types-ts4.5/ui/styles.d.ts +2 -1
- package/package.json +2 -2
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
|
package/dist/cjs/ui/Replace.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
348
|
+
css: replaceSectionButtonStyles,
|
|
348
349
|
testId: this.replaceAll,
|
|
349
350
|
onClick: this.handleReplaceAllClick,
|
|
350
351
|
isDisabled: !canReplace
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -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.
|
|
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
|
|
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
|
-
})
|
|
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,
|
|
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", {
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -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
|
|
12
|
+
export const replaceSectionButtonNewStyles = css({
|
|
14
13
|
marginLeft: "var(--ds-space-050, 4px)",
|
|
15
14
|
marginRight: "var(--ds-space-050, 2px)"
|
|
16
|
-
})
|
|
15
|
+
});
|
|
16
|
+
export const replaceSectionButtonOldStyles = css({
|
|
17
17
|
marginLeft: "var(--ds-space-050, 4px)"
|
|
18
18
|
});
|
|
19
19
|
export const ruleStyles = css({
|
package/dist/esm/ui/Replace.js
CHANGED
|
@@ -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,
|
|
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", {
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -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
|
|
14
|
+
export var replaceSectionButtonNewStyles = css({
|
|
16
15
|
marginLeft: "var(--ds-space-050, 4px)",
|
|
17
16
|
marginRight: "var(--ds-space-050, 2px)"
|
|
18
|
-
})
|
|
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
|
|
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
|
|
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
|
+
"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.
|
|
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",
|