@atlaskit/editor-plugin-find-replace 2.0.1 → 2.0.3

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,20 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 2.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.0.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#122186](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122186)
14
+ [`c629cdfe00a84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c629cdfe00a84) -
15
+ migrated icons to new design systems library
16
+ - Updated dependencies
17
+
3
18
  ## 2.0.1
4
19
 
5
20
  ### Patch Changes
@@ -19,7 +19,7 @@ var _reactIntlNext = require("react-intl-next");
19
19
  var _analytics = require("@atlaskit/editor-common/analytics");
20
20
  var _messages = require("@atlaskit/editor-common/messages");
21
21
  var _form = require("@atlaskit/form");
22
- var _keyboard = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/keyboard"));
22
+ var _textStyleEmojiKeyboard = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-style--emoji-keyboard"));
23
23
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
24
24
  var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
25
25
  var _uiStyles = require("./ui-styles");
@@ -136,6 +136,12 @@ var Find = /*#__PURE__*/function (_React$Component) {
136
136
  _this.props.onFind(_this.props.findText);
137
137
  }
138
138
  });
139
+ (0, _defineProperty2.default)(_this, "matchCaseIconEle", function () {
140
+ return (0, _react2.jsx)(_textStyleEmojiKeyboard.default, {
141
+ LEGACY_size: 'small',
142
+ label: _this.matchCase
143
+ });
144
+ });
139
145
  var formatMessage = props.intl.formatMessage;
140
146
  _this.find = formatMessage(_messages.findReplaceMessages.find);
141
147
  _this.noResultsFound = formatMessage(_messages.findReplaceMessages.noResultsFound);
@@ -219,9 +225,8 @@ var Find = /*#__PURE__*/function (_React$Component) {
219
225
  }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
220
226
  title: this.matchCase,
221
227
  appearance: "default",
222
- icon: _keyboard.default,
228
+ icon: this.matchCaseIconEle,
223
229
  iconLabel: this.matchCase,
224
- iconSize: 'small',
225
230
  onClick: this.handleMatchCaseClick,
226
231
  isPressed: shouldMatchCase
227
232
  })));
@@ -19,8 +19,8 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
19
19
  var _analytics = require("@atlaskit/editor-common/analytics");
20
20
  var _messages = require("@atlaskit/editor-common/messages");
21
21
  var _form = require("@atlaskit/form");
22
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
23
- var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
22
+ var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
23
+ var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up"));
24
24
  var _primitives = require("@atlaskit/primitives");
25
25
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
26
26
  var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
@@ -251,7 +251,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
251
251
  css: _uiStyles.nextPreviousItemStyles
252
252
  }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
253
253
  title: this.findNext,
254
- icon: _chevronDown.default,
254
+ icon: _chevronDownHipchatChevronDown.default,
255
255
  iconLabel: this.findNext,
256
256
  keymapDescription: 'Enter',
257
257
  onClick: this.handleFindNextClick,
@@ -260,7 +260,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
260
260
  css: _uiStyles.nextPreviousItemStyles
261
261
  }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
262
262
  title: this.findPrevious,
263
- icon: _chevronUp.default,
263
+ icon: _chevronUpHipchatChevronUp.default,
264
264
  iconLabel: this.findPrevious,
265
265
  keymapDescription: 'Shift Enter',
266
266
  onClick: this.handleFindPrevClick,
@@ -14,7 +14,7 @@ import { injectIntl } from 'react-intl-next';
14
14
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
15
15
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
16
16
  import { Label } from '@atlaskit/form';
17
- import MatchCaseIcon from '@atlaskit/icon/glyph/emoji/keyboard';
17
+ import MatchCaseIcon from '@atlaskit/icon/core/migration/text-style--emoji-keyboard';
18
18
  import Textfield from '@atlaskit/textfield';
19
19
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
20
20
  import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
@@ -124,6 +124,12 @@ class Find extends React.Component {
124
124
  this.props.onFind(this.props.findText);
125
125
  }
126
126
  });
127
+ _defineProperty(this, "matchCaseIconEle", () => {
128
+ return jsx(MatchCaseIcon, {
129
+ LEGACY_size: 'small',
130
+ label: this.matchCase
131
+ });
132
+ });
127
133
  const {
128
134
  intl: {
129
135
  formatMessage
@@ -202,9 +208,8 @@ class Find extends React.Component {
202
208
  }, jsx(FindReplaceTooltipButton, {
203
209
  title: this.matchCase,
204
210
  appearance: "default",
205
- icon: MatchCaseIcon,
211
+ icon: this.matchCaseIconEle,
206
212
  iconLabel: this.matchCase,
207
- iconSize: 'small',
208
213
  onClick: this.handleMatchCaseClick,
209
214
  isPressed: shouldMatchCase
210
215
  })));
@@ -13,8 +13,8 @@ import Button from '@atlaskit/button/new';
13
13
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
14
14
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
15
15
  import { Label, ValidMessage } from '@atlaskit/form';
16
- import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
17
- import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
16
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
17
+ import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
18
18
  import { Inline, xcss } from '@atlaskit/primitives';
19
19
  import Textfield from '@atlaskit/textfield';
20
20
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
@@ -21,7 +21,7 @@ import { injectIntl } from 'react-intl-next';
21
21
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
22
22
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
23
23
  import { Label } from '@atlaskit/form';
24
- import MatchCaseIcon from '@atlaskit/icon/glyph/emoji/keyboard';
24
+ import MatchCaseIcon from '@atlaskit/icon/core/migration/text-style--emoji-keyboard';
25
25
  import Textfield from '@atlaskit/textfield';
26
26
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
27
27
  import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
@@ -133,6 +133,12 @@ var Find = /*#__PURE__*/function (_React$Component) {
133
133
  _this.props.onFind(_this.props.findText);
134
134
  }
135
135
  });
136
+ _defineProperty(_this, "matchCaseIconEle", function () {
137
+ return jsx(MatchCaseIcon, {
138
+ LEGACY_size: 'small',
139
+ label: _this.matchCase
140
+ });
141
+ });
136
142
  var formatMessage = props.intl.formatMessage;
137
143
  _this.find = formatMessage(messages.find);
138
144
  _this.noResultsFound = formatMessage(messages.noResultsFound);
@@ -216,9 +222,8 @@ var Find = /*#__PURE__*/function (_React$Component) {
216
222
  }, jsx(FindReplaceTooltipButton, {
217
223
  title: this.matchCase,
218
224
  appearance: "default",
219
- icon: MatchCaseIcon,
225
+ icon: this.matchCaseIconEle,
220
226
  iconLabel: this.matchCase,
221
- iconSize: 'small',
222
227
  onClick: this.handleMatchCaseClick,
223
228
  isPressed: shouldMatchCase
224
229
  })));
@@ -20,8 +20,8 @@ import Button from '@atlaskit/button/new';
20
20
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
21
21
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
22
22
  import { Label, ValidMessage } from '@atlaskit/form';
23
- import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
24
- import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
23
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
24
+ import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
25
25
  import { Inline, xcss } from '@atlaskit/primitives';
26
26
  import Textfield from '@atlaskit/textfield';
27
27
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/button": "^21.1.0",
36
- "@atlaskit/editor-common": "^101.0.0",
36
+ "@atlaskit/editor-common": "^102.0.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^2.1.0",
38
38
  "@atlaskit/editor-plugin-primary-toolbar": "^3.0.0",
39
39
  "@atlaskit/editor-prosemirror": "7.0.0",
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/primitives": "^14.1.0",
45
45
  "@atlaskit/textfield": "^8.0.0",
46
- "@atlaskit/theme": "^17.0.0",
46
+ "@atlaskit/theme": "^18.0.0",
47
47
  "@atlaskit/tokens": "^4.3.0",
48
48
  "@atlaskit/tooltip": "^20.0.0",
49
49
  "@babel/runtime": "^7.0.0",
@@ -52,7 +52,7 @@
52
52
  "raf-schd": "^4.0.3"
53
53
  },
54
54
  "devDependencies": {
55
- "@af/visual-regression": "*",
55
+ "@af/visual-regression": "^1.3.0",
56
56
  "@atlaskit/editor-plugin-block-type": "^5.1.0",
57
57
  "@atlaskit/editor-plugin-text-formatting": "^2.1.0",
58
58
  "@testing-library/react": "^13.4.0",