@atlaskit/editor-core 185.14.2 → 185.15.0

package/dist/es2019/ui/LinkSearch/index.js

@@ -1,213 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import LinkSearchList from './LinkSearchList';
-import { injectIntl } from 'react-intl-next';
-import withActivityProvider from './withActivityProvider';
-import { INPUT_METHOD } from '../../plugins/analytics';
-const DEFAULT_ITEMS_LIMIT = 5;
-const limit = (items, max) => {
-  return items.slice(0, max);
-};
-class RecentLink extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "activityProvider", null);
-    _defineProperty(this, "handleSubmit", () => {
-      const {
-        items,
-        url,
-        selectedIndex
-      } = this.state;
-      const inputMethod = this.getCurrentInputMethod();
-      if (!inputMethod) {
-        return; // No call submit, if there is nothing to submit
-      }
-
-      switch (inputMethod) {
-        case INPUT_METHOD.MANUAL:
-          {
-            this.props.onSubmit({
-              url,
-              text: url,
-              inputMethod: INPUT_METHOD.MANUAL
-            });
-            break;
-          }
-        case INPUT_METHOD.TYPEAHEAD:
-          {
-            const item = items[selectedIndex];
-            this.setState(() => ({
-              url: item.url
-            }));
-            if (this.props.onSubmit) {
-              this.props.onSubmit({
-                url: item.url,
-                text: item.name,
-                inputMethod: INPUT_METHOD.TYPEAHEAD
-              });
-            }
-            break;
-          }
-      }
-    });
-    _defineProperty(this, "handleSelected", (href, text) => {
-      if (this.props.onSubmit) {
-        this.setState(() => ({
-          url: href
-        }));
-        this.props.onSubmit({
-          text,
-          url: href,
-          inputMethod: INPUT_METHOD.TYPEAHEAD
-        });
-      }
-    });
-    _defineProperty(this, "handleChange", async input => {
-      this.setState({
-        url: input
-      });
-      if (this.activityProvider) {
-        if (input.length === 0) {
-          this.setState({
-            items: limit(await this.activityProvider.getRecentItems(), this.props.limit),
-            selectedIndex: -1
-          });
-        } else {
-          this.setState({
-            items: limit(await this.activityProvider.searchRecent(input), this.props.limit),
-            selectedIndex: 0
-          });
-        }
-      }
-    });
-    _defineProperty(this, "handleKeyDown", e => {
-      const {
-        items,
-        selectedIndex
-      } = this.state;
-      if (!items || !items.length) {
-        return;
-      }
-      if (e.key === 'ArrowDown') {
-        // down
-        e.preventDefault();
-        this.setState({
-          selectedIndex: (selectedIndex + 1) % items.length
-        });
-      } else if (e.key === 'ArrowUp') {
-        // up
-        e.preventDefault();
-        this.setState({
-          selectedIndex: selectedIndex > 0 ? selectedIndex - 1 : items.length - 1
-        });
-      }
-    });
-    _defineProperty(this, "handleMouseMove", objectId => {
-      const {
-        items
-      } = this.state;
-      if (items) {
-        const index = items.findIndex(item => item.objectId === objectId);
-        this.setState({
-          selectedIndex: index
-        });
-      }
-    });
-    _defineProperty(this, "renderRecentList", () => {
-      const {
-        items,
-        isLoading,
-        selectedIndex
-      } = this.state;
-      return /*#__PURE__*/React.createElement(LinkSearchList, {
-        items: items,
-        isLoading: isLoading,
-        selectedIndex: selectedIndex,
-        onSelect: this.handleSelected,
-        onMouseMove: this.handleMouseMove
-      });
-    });
-    _defineProperty(this, "clearValue", () => {
-      this.setState({
-        url: ''
-      });
-    });
-    this.state = {
-      selectedIndex: -1,
-      isLoading: false,
-      items: [],
-      url: props.defaultUrl || ''
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.defaultUrl !== nextProps.defaultUrl) {
-      this.setState(state => {
-        if (state.url !== nextProps.defaultUrl) {
-          return {
-            items: [],
-            selectedIndex: -1,
-            url: nextProps.defaultUrl || ''
-          };
-        }
-        return null;
-      });
-    }
-  }
-  async componentDidMount() {
-    if (this.props.activityProvider) {
-      this.activityProvider = await this.props.activityProvider;
-      await this.loadRecentItems(this.activityProvider);
-    }
-  }
-  async loadRecentItems(activityProvider) {
-    try {
-      if (!this.state.url) {
-        this.setState({
-          isLoading: true,
-          items: limit(await activityProvider.getRecentItems(), this.props.limit) // defaultProps assure that limit always contains a value
-        });
-      }
-    } finally {
-      this.setState({
-        isLoading: false
-      });
-    }
-  }
-  getCurrentInputMethod() {
-    const {
-      items,
-      url,
-      selectedIndex
-    } = this.state;
-    if (items && items.length > 0 && selectedIndex > -1) {
-      return INPUT_METHOD.TYPEAHEAD;
-    } else if (url && url.length > 0) {
-      return INPUT_METHOD.MANUAL;
-    }
-    return;
-  }
-  render() {
-    const {
-      render
-    } = this.props;
-    const {
-      url
-    } = this.state;
-    return render({
-      activityProvider: this.activityProvider,
-      inputProps: {
-        onChange: this.handleChange,
-        onKeyDown: this.handleKeyDown,
-        onSubmit: this.handleSubmit,
-        value: url
-      },
-      clearValue: this.clearValue,
-      currentInputMethod: this.getCurrentInputMethod(),
-      renderRecentList: this.renderRecentList
-    });
-  }
-}
-_defineProperty(RecentLink, "defaultProps", {
-  limit: DEFAULT_ITEMS_LIMIT
-});
-export default withActivityProvider(injectIntl(RecentLink));

package/dist/es2019/ui/LinkSearch/listItemAlts.js

@@ -1,63 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-const messages = defineMessages({
-  story: {
-    id: 'fabric.editor.story',
-    defaultMessage: 'Story',
-    description: 'Alt text for Story'
-  },
-  epic: {
-    id: 'fabric.editor.epic',
-    defaultMessage: 'Epic',
-    description: 'Alt text for Epic'
-  },
-  task: {
-    id: 'fabric.editor.task',
-    defaultMessage: 'Task',
-    description: 'Alt text for Task'
-  },
-  bug: {
-    id: 'fabric.editor.bug',
-    defaultMessage: 'Bug',
-    description: 'Alt text for Bug'
-  },
-  subTask: {
-    id: 'fabric.editor.subTask',
-    defaultMessage: 'Sub-task',
-    description: 'Alt text for Sub-task'
-  },
-  improvement: {
-    id: 'fabric.editor.improvement',
-    defaultMessage: 'Improvement',
-    description: 'Alt text for Improvement'
-  },
-  defaultAltText: {
-    id: 'fabric.editor.defaultAltText',
-    defaultMessage: 'List item',
-    description: 'Default alt text for ListItem image'
-  }
-});
-
-// Workaround to get alt text for images from url
-// Can be removed when alt={iconAlt} will be available from GraphQL
-export const getCorrectAltByIconUrl = (iconUrl, intl) => {
-  let alt = intl.formatMessage(messages.defaultAltText);
-  if (iconUrl.includes('story.svg')) {
-    alt = intl.formatMessage(messages.story);
-  }
-  if (iconUrl.includes('epic.svg')) {
-    alt = intl.formatMessage(messages.epic);
-  }
-  if (iconUrl.includes('avatarId=10318')) {
-    alt = intl.formatMessage(messages.task);
-  }
-  if (iconUrl.includes('avatarId=10303')) {
-    alt = intl.formatMessage(messages.bug);
-  }
-  if (iconUrl.includes('avatarId=10518')) {
-    alt = intl.formatMessage(messages.subTask);
-  }
-  if (iconUrl.includes('avatarId=10310')) {
-    alt = intl.formatMessage(messages.improvement);
-  }
-  return alt;
-};

package/dist/es2019/ui/LinkSearch/transformTimeStamp.js

@@ -1,34 +0,0 @@
-import formatDistance from 'date-fns/formatDistance';
-import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import format from 'date-fns/format';
-import messages from '../../messages';
-const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
-  let pageActionText = '';
-  switch (pageAction) {
-    case 'updated':
-      pageActionText = intl.formatMessage(messages.timeUpdated);
-      break;
-    case 'viewed':
-      pageActionText = intl.formatMessage(messages.timeViewed);
-      break;
-  }
-  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
-    return {
-      pageAction: pageActionText,
-      dateString: format(timeStamp, 'MMMM dd, yyyy')
-    };
-  }
-  return {
-    pageAction: pageActionText,
-    dateString: formatDistance(timeStamp, Date.now()),
-    timeSince: intl.formatMessage(messages.timeAgo)
-  };
-};
-export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
-  if (lastViewedDate) {
-    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
-  }
-  if (lastUpdatedDate) {
-    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
-  }
-};

package/dist/es2019/ui/LinkSearch/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/ui/LinkSearch/withActivityProvider.js

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-export default function withActivityProvider(WrappedComponent) {
-  return class WithActivityProvider extends React.Component {
-    constructor(...args) {
-      super(...args);
-      _defineProperty(this, "renderNode", providers => {
-        const {
-          providerFactory,
-          ...props
-        } = this.props;
-        const {
-          activityProvider
-        } = providers;
-        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
-          activityProvider: activityProvider
-        }, props));
-      });
-    }
-    render() {
-      const {
-        providerFactory
-      } = this.props;
-      return /*#__PURE__*/React.createElement(WithProviders, {
-        providers: ['activityProvider'],
-        providerFactory: providerFactory,
-        renderNode: this.renderNode
-      });
-    }
-  };
-}

package/dist/es2019/ui/PanelTextInput/index.js

@@ -1,149 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { PureComponent } from 'react';
-import { panelTextInput, panelTextInputWithCustomWidth } from './styles';
-import { browser } from '@atlaskit/editor-common/utils';
-const KeyZCode = 90;
-const KeyYCode = 89;
-export default class PanelTextInput extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onMouseDown", () => {
-      const {
-        onMouseDown
-      } = this.props;
-      if (onMouseDown) {
-        onMouseDown();
-      }
-    });
-    _defineProperty(this, "onBlur", e => {
-      const {
-        onBlur
-      } = this.props;
-      if (onBlur) {
-        onBlur(e);
-      }
-    });
-    _defineProperty(this, "handleChange", () => {
-      const {
-        onChange
-      } = this.props;
-      if (this.input) {
-        this.setState({
-          value: this.input.value
-        });
-      }
-      if (onChange && this.input) {
-        onChange(this.input.value);
-      }
-    });
-    _defineProperty(this, "handleKeydown", e => {
-      const {
-        onUndo,
-        onRedo,
-        onSubmit,
-        onCancel
-      } = this.props;
-      if (e.keyCode === 13 && onSubmit) {
-        e.preventDefault(); // Prevent from submitting if an editor is inside a form.
-        onSubmit(this.input.value);
-      } else if (e.keyCode === 27 && onCancel) {
-        onCancel(e);
-      } else if (typeof onUndo === 'function' && this.isUndoEvent(e)) {
-        e.preventDefault();
-        onUndo();
-      } else if (typeof onRedo === 'function' && this.isRedoEvent(e)) {
-        e.preventDefault();
-        onRedo();
-      }
-      if (this.props.onKeyDown) {
-        this.props.onKeyDown(e);
-      }
-    });
-    _defineProperty(this, "handleRef", input => {
-      if (input instanceof HTMLInputElement) {
-        this.input = input;
-        if (this.props.autoFocus) {
-          // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
-          this.focusTimeoutId = window.setTimeout(() => this.focus());
-        }
-      } else {
-        this.input = undefined;
-      }
-    });
-    this.state = {
-      value: props.defaultValue || ''
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.defaultValue !== this.props.defaultValue) {
-      this.setState({
-        value: this.props.defaultValue
-      });
-    }
-  }
-  componentWillUnmount() {
-    window.clearTimeout(this.focusTimeoutId);
-  }
-  render() {
-    const {
-      placeholder,
-      width,
-      maxLength,
-      testId,
-      ariaLabel,
-      describedById,
-      ariaActiveDescendant,
-      ariaControls,
-      ariaExpanded,
-      ariaAutoComplete,
-      role
-    } = this.props;
-    const {
-      value
-    } = this.state;
-    return jsx("input", {
-      css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
-      role: role,
-      "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
-      "aria-expanded": ariaExpanded,
-      "aria-controls": ariaControls,
-      "aria-activedescendant": ariaActiveDescendant,
-      "aria-describedby": describedById,
-      "data-testid": testId || '',
-      type: "text",
-      placeholder: placeholder,
-      value: value,
-      onChange: this.handleChange,
-      onKeyDown: this.handleKeydown,
-      onMouseDown: this.onMouseDown,
-      onBlur: this.onBlur,
-      ref: this.handleRef,
-      maxLength: maxLength,
-      "aria-label": ariaLabel
-    });
-  }
-  focus() {
-    const {
-      input
-    } = this;
-    if (input) {
-      const focusOpts = typeof this.props.autoFocus === 'object' ? this.props.autoFocus : {};
-      input.focus(focusOpts);
-    }
-  }
-  isUndoEvent(event) {
-    return event.keyCode === KeyZCode && (
-    // cmd + z for mac
-    browser.mac && event.metaKey && !event.shiftKey ||
-    // ctrl + z for non-mac
-    !browser.mac && event.ctrlKey);
-  }
-  isRedoEvent(event) {
-    return (
-      // ctrl + y for non-mac
-      !browser.mac && event.ctrlKey && event.keyCode === KeyYCode || browser.mac && event.metaKey && event.shiftKey && event.keyCode === KeyZCode || event.ctrlKey && event.shiftKey && event.keyCode === KeyZCode
-    );
-  }
-}

package/dist/es2019/ui/PanelTextInput/styles.js

@@ -1,36 +0,0 @@
-import { css } from '@emotion/react';
-import { N400, N100 } from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-// Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-export const panelTextInput = css`
-  input& {
-    background: transparent;
-    border: 0;
-    border-radius: 0;
-    box-sizing: content-box;
-    color: ${`var(--ds-text-subtle, ${N400})`};
-    flex-grow: 1;
-    font-size: ${relativeFontSizeToBase16(13)};
-    line-height: 20px;
-    padding: 0;
-    min-width: 145px;
-
-    /* Hides IE10+ built-in [x] clear input button */
-    &::-ms-clear {
-      display: none;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &::placeholder {
-      color: ${`var(--ds-text-subtlest, ${N100})`};
-    }
-  }
-`;
-export const panelTextInputWithCustomWidth = width => css`
-  input& {
-    width: ${width}px;
-  }
-`;

package/dist/es2019/utils/announcer/announcer.js

@@ -1,41 +0,0 @@
-import React, { forwardRef, memo, useState, useEffect } from 'react';
-
-// How to use:
-// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
-// Demo: https://dequeuniversity.com/library/aria/liveregion-playground
-
-// Important: Strongly recommend test your solution in all supported screen readers
-// if you use non default value of properties: ariaAtomic, ariaLive, ariaRelevant, role
-
-// Note: Text won't be announced if the text message doesn't change after the render.
-// For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
-// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
-// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
-let timer;
-const Announcer = /*#__PURE__*/forwardRef(({
-  ariaAtomic = 'true',
-  ariaLive = 'polite',
-  ariaRelevant = 'all',
-  role = 'status',
-  text = '',
-  delay = 0
-}, ref) => {
-  const [contentRendered, setContentRendered] = useState(false);
-  useEffect(() => {
-    clearTimeout(timer);
-    setContentRendered(false);
-    timer = setTimeout(() => {
-      setContentRendered(true);
-    }, delay);
-    return () => clearTimeout(timer);
-  }, [text, delay]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "assistive",
-    ref: ref,
-    role: role,
-    "aria-atomic": ariaAtomic,
-    "aria-relevant": ariaRelevant,
-    "aria-live": ariaLive
-  }, contentRendered && /*#__PURE__*/React.createElement("span", null, text));
-});
-export default /*#__PURE__*/memo(Announcer);