@atlaskit/editor-core 191.0.8 → 191.1.0

package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -1,126 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
-import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
-import { ToolbarButton, TOOLBAR_BUTTON } from '@atlaskit/editor-common/ui-menu';
-import { Dropdown, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
-import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
-import FindReplace from './FindReplace';
-import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-import { ToolTipContent, findKeymapByDescription, tooltip } from '../../../keymaps';
-import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-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);
-var toolbarButtonWrapperFullWith = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
-var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var messages = defineMessages({
-  findReplaceToolbarButton: {
-    id: 'fabric.editor.findReplaceToolbarButton',
-    defaultMessage: 'Find and replace',
-    description: '"Find" highlights all instances of a word or phrase on the document, and "Replace" changes one or all of those instances to something else'
-  }
-});
-var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FindReplaceToolbarButton, _React$PureComponent);
-  var _super = _createSuper(FindReplaceToolbarButton);
-  function FindReplaceToolbarButton() {
-    var _this;
-    _classCallCheck(this, FindReplaceToolbarButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
-      if (_this.props.isActive) {
-        _this.props.onCancel({
-          triggerMethod: TRIGGER_METHOD.TOOLBAR
-        });
-      } else {
-        _this.props.onActivate();
-      }
-    });
-    return _this;
-  }
-  _createClass(FindReplaceToolbarButton, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        popupsScrollableElement = _this$props.popupsScrollableElement,
-        isReducedSpacing = _this$props.isReducedSpacing,
-        findText = _this$props.findText,
-        replaceText = _this$props.replaceText,
-        isActive = _this$props.isActive,
-        index = _this$props.index,
-        numMatches = _this$props.numMatches,
-        formatMessage = _this$props.intl.formatMessage,
-        takeFullWidth = _this$props.takeFullWidth;
-      var title = formatMessage(messages.findReplaceToolbarButton);
-      var stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
-      var keymap = findKeymapByDescription('Find');
-      return jsx("div", {
-        css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
-      }, jsx(Dropdown, {
-        mountTo: popupsMountPoint,
-        boundariesElement: popupsBoundariesElement,
-        scrollableElement: popupsScrollableElement,
-        isOpen: isActive,
-        handleEscapeKeydown: function handleEscapeKeydown() {
-          if (isActive) {
-            _this2.props.onCancel({
-              triggerMethod: TRIGGER_METHOD.KEYBOARD
-            });
-          }
-        },
-        fitWidth: 352,
-        zIndex: stackBelowOtherEditorFloatingPanels,
-        arrowKeyNavigationProviderOptions: {
-          type: ArrowKeyNavigationType.MENU,
-          disableArrowKeyNavigation: true
-        },
-        trigger: jsx(ToolbarButton, {
-          buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
-          spacing: isReducedSpacing ? 'none' : 'default',
-          selected: isActive,
-          title: jsx(ToolTipContent, {
-            description: title,
-            keymap: keymap
-          }),
-          iconBefore: jsx(EditorSearchIcon, {
-            label: title
-          }),
-          onClick: this.toggleOpen,
-          "aria-expanded": isActive,
-          "aria-haspopup": true,
-          "aria-label": keymap ? tooltip(keymap, title) : title,
-          "aria-keyshortcuts": getAriaKeyshortcuts(keymap)
-        })
-      }, jsx("div", {
-        css: wrapper
-      }, jsx(FindReplace, _extends({
-        findText: findText,
-        replaceText: replaceText,
-        count: {
-          index: index,
-          total: numMatches
-        }
-      }, this.props)))));
-    }
-  }]);
-  return FindReplaceToolbarButton;
-}(React.PureComponent);
-export default injectIntl(FindReplaceToolbarButton);

package/dist/esm/plugins/find-replace/ui/FindReplaceTooltipButton.js

@@ -1,69 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import Tooltip from '@atlaskit/tooltip';
-import { ToolTipContent, findKeymapByDescription } from '@atlaskit/editor-common/keymaps';
-import Button from '@atlaskit/button/standard-button';
-export var FindReplaceTooltipButton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FindReplaceTooltipButton, _React$PureComponent);
-  var _super = _createSuper(FindReplaceTooltipButton);
-  function FindReplaceTooltipButton() {
-    var _this;
-    _classCallCheck(this, FindReplaceTooltipButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
-      _this.props.onClick(_this.buttonRef);
-    });
-    return _this;
-  }
-  _createClass(FindReplaceTooltipButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        title = _this$props.title,
-        icon = _this$props.icon,
-        keymapDescription = _this$props.keymapDescription,
-        disabled = _this$props.disabled,
-        isPressed = _this$props.isPressed;
-      var pressedProps = _objectSpread({}, typeof isPressed === 'boolean' && {
-        'aria-pressed': isPressed
-      });
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        content: /*#__PURE__*/React.createElement(ToolTipContent, {
-          description: title,
-          keymap: findKeymapByDescription(keymapDescription)
-        }),
-        hideTooltipOnClick: true,
-        position: 'top'
-      }, /*#__PURE__*/React.createElement(Button, _extends({
-        label: title,
-        appearance: "subtle",
-        testId: title,
-        ref: this.buttonRef,
-        iconBefore: icon,
-        isDisabled: disabled,
-        onClick: this.handleClick,
-        isSelected: isPressed,
-        shouldFitContainer: true
-      }, pressedProps)));
-    }
-  }]);
-  return FindReplaceTooltipButton;
-}(React.PureComponent);
-_defineProperty(FindReplaceTooltipButton, "defaultProps", {
-  keymapDescription: 'no-keymap'
-});

package/dist/esm/plugins/find-replace/ui/Replace.js

@@ -1,168 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
-import { defineMessages, injectIntl } from 'react-intl-next';
-import Textfield from '@atlaskit/textfield';
-import { sectionWrapperStyles, replaceSectionButtonStyles } from './styles';
-import { EVENT_TYPE, ACTION, ACTION_SUBJECT, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-var messages = defineMessages({
-  replaceWith: {
-    id: 'fabric.editor.replaceWith',
-    defaultMessage: 'Replace with',
-    description: 'The value that will replace the word or phrase that was searched for'
-  },
-  replace: {
-    id: 'fabric.editor.replace',
-    defaultMessage: 'Replace',
-    description: 'Replace only the currently selected instance of the word or phrase'
-  },
-  replaceAll: {
-    id: 'fabric.editor.replaceAll',
-    defaultMessage: 'Replace all',
-    description: 'Replace all instances of the word or phrase throughout the entire document'
-  }
-});
-var Replace = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Replace, _React$PureComponent);
-  var _super = _createSuper(Replace);
-  function Replace(props) {
-    var _this;
-    _classCallCheck(this, Replace);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "replaceTextfieldRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "skipWhileComposing", function (fn) {
-      if (_this.state.isComposing) {
-        return;
-      }
-      fn();
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleReplaceClick", function () {
-      return _this.skipWhileComposing(function () {
-        _this.props.onReplace({
-          triggerMethod: TRIGGER_METHOD.BUTTON,
-          replaceText: _this.state.replaceText
-        });
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleReplaceChange", function (event) {
-      return _this.skipWhileComposing(function () {
-        _this.updateReplaceValue(event.target.value);
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "updateReplaceValue", function (replaceText) {
-      var dispatchAnalyticsEvent = _this.props.dispatchAnalyticsEvent;
-      if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent({
-          eventType: EVENT_TYPE.TRACK,
-          action: ACTION.CHANGED_REPLACEMENT_TEXT,
-          actionSubject: ACTION_SUBJECT.FIND_REPLACE_DIALOG
-        });
-      }
-      _this.setState({
-        replaceText: replaceText
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleReplaceKeyDown", function (event) {
-      return _this.skipWhileComposing(function () {
-        if (event.key === 'Enter') {
-          _this.props.onReplace({
-            triggerMethod: TRIGGER_METHOD.KEYBOARD,
-            replaceText: _this.state.replaceText
-          });
-        } else if (event.key === 'ArrowUp') {
-          // we want to move focus between find & replace texfields when user hits up/down arrows
-          _this.props.onArrowUp();
-        }
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleReplaceAllClick", function () {
-      return _this.skipWhileComposing(function () {
-        _this.props.onReplaceAll({
-          replaceText: _this.state.replaceText
-        });
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCompositionStart", function () {
-      _this.setState({
-        isComposing: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCompositionEnd", function (event) {
-      _this.setState({
-        isComposing: false
-      });
-      // type for React.CompositionEvent doesn't set type for target correctly
-      _this.updateReplaceValue(event.target.value);
-    });
-    var _replaceText = props.replaceText,
-      formatMessage = props.intl.formatMessage;
-    _this.state = {
-      replaceText: _replaceText || '',
-      isComposing: false
-    };
-    _this.replaceWith = formatMessage(messages.replaceWith);
-    _this.replace = formatMessage(messages.replace);
-    _this.replaceAll = formatMessage(messages.replaceAll);
-    return _this;
-  }
-  _createClass(Replace, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.onReplaceTextfieldRefSet(this.replaceTextfieldRef);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(_ref) {
-      var prevReplaceText = _ref.replaceText;
-      var replaceText = this.props.replaceText;
-      if (replaceText && replaceText !== prevReplaceText) {
-        this.setState({
-          replaceText: replaceText,
-          isComposing: false
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var replaceText = this.state.replaceText;
-      var canReplace = this.props.canReplace;
-      return jsx("div", {
-        css: sectionWrapperStyles
-      }, jsx(Textfield, {
-        name: "replace",
-        appearance: "none",
-        placeholder: this.replaceWith,
-        defaultValue: replaceText,
-        ref: this.replaceTextfieldRef,
-        autoComplete: "off",
-        onChange: this.handleReplaceChange,
-        onKeyDown: this.handleReplaceKeyDown,
-        onCompositionStart: this.handleCompositionStart,
-        onCompositionEnd: this.handleCompositionEnd
-      }), jsx(Button, {
-        css: replaceSectionButtonStyles,
-        testId: this.replace,
-        onClick: this.handleReplaceClick,
-        isDisabled: !canReplace
-      }, this.replace), jsx(Button, {
-        css: replaceSectionButtonStyles,
-        testId: this.replaceAll,
-        onClick: this.handleReplaceAllClick,
-        isDisabled: !canReplace
-      }, this.replaceAll));
-    }
-  }]);
-  return Replace;
-}(React.PureComponent);
-export default injectIntl(Replace);

package/dist/esm/plugins/find-replace/ui/styles.js

@@ -1,37 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/** @jsx jsx */
-import { css } from '@emotion/react';
-import { N60, N30A } from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-export var replaceSectionButtonStyles = css({
-  marginLeft: "var(--ds-space-050, 4px)"
-});
-export var ruleStyles = css({
-  width: '100%',
-  border: 'none',
-  backgroundColor: "".concat("var(--ds-border, ".concat(N30A, ")")),
-  margin: "var(--ds-space-050, 4px)".concat(" 0px"),
-  height: '1px',
-  borderRadius: '1px'
-});
-export var wrapperStyles = css({
-  display: 'flex',
-  flexDirection: 'column',
-  '> *:not(#replace-hr-element)': {
-    margin: "0px ".concat("var(--ds-space-050, 4px)")
-  }
-});
-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"])));
-export var countStyles = css({
-  color: "".concat("var(--ds-text-subtlest, ".concat(N60, ")")),
-  fontSize: "".concat(relativeFontSizeToBase16(12)),
-  flex: '0 0 auto',
-  justifyContent: 'center',
-  alignItems: 'center',
-  marginLeft: "var(--ds-space-050, 4px)",
-  marginRight: "var(--ds-space-100, 8px)"
-});
-export var countWrapperStyles = css({
-  alignItems: 'center'
-});