@atlaskit/editor-core 185.14.3 → 185.15.0

package/dist/es2019/plugins/quick-insert/assets/list.js

@@ -1,57 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconList() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(8 10)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
-    width: 4,
-    height: 4,
-    rx: 2
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
-    x: 7,
-    y: 9,
-    width: 17,
-    height: 2,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
-    x: 7,
-    y: 1,
-    width: 17,
-    height: 2,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
-    x: 7,
-    y: 17,
-    width: 17,
-    height: 2,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
-    y: 8,
-    width: 4,
-    height: 4,
-    rx: 2
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
-    y: 16,
-    width: 4,
-    height: 4,
-    rx: 2
-  }))));
-}

package/dist/es2019/plugins/quick-insert/assets/mention.js

@@ -1,48 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconMention() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(6 12)"
-  }, /*#__PURE__*/React.createElement("circle", {
-    fill: "#2684FF",
-    cx: 8,
-    cy: 8,
-    r: 8
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12.875 12.767A6.891 6.891 0 018.02 14.75a6.889 6.889 0 01-4.895-2.026V11.9c0-1.049.873-1.9 1.95-1.9h5.85c1.077 0 1.95.851 1.95 1.9v.867zM8 3a2.874 2.874 0 10-.001 5.748 2.874 2.874 0 000-5.748",
-    fill: "#B3D4FF"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
-    x: 19,
-    y: 3,
-    width: 12,
-    height: 1,
-    rx: 0.5
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
-    x: 19,
-    y: 7,
-    width: 6,
-    height: 1,
-    rx: 0.5
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
-    x: 19,
-    y: 11,
-    width: 8,
-    height: 1,
-    rx: 0.5
-  }))));
-}

package/dist/es2019/plugins/quick-insert/assets/panel-error.js

@@ -1,27 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconPanelError() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFEBE6",
-    x: 8,
-    y: 12,
-    width: 32,
-    height: 16,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.743 19.964l1.06-1.06a.5.5 0 00-.707-.707l-1.06 1.06-1.061-1.06a.5.5 0 00-.707.707l1.06 1.06-1.06 1.061a.5.5 0 10.707.707l1.06-1.06 1.061 1.06a.5.5 0 10.707-.707l-1.06-1.06zM16 24a4 4 0 110-8 4 4 0 010 8z",
-    fill: "#DE350B"
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/panel-note.js

@@ -1,27 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconPanelNote() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#EAE6FF",
-    x: 8,
-    y: 12,
-    width: 32,
-    height: 16,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13 16h4a1 1 0 011 1v6a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1zm1 2a.5.5 0 100 1h2a.5.5 0 100-1h-2zm0 2a.5.5 0 100 1h1a.5.5 0 100-1h-1z",
-    fill: "#403294"
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/panel-success.js

@@ -1,27 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconPanelSuccess() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C3F8DF",
-    x: 8,
-    y: 12,
-    width: 32,
-    height: 16,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 24a4 4 0 110-8 4 4 0 010 8zm.682-5.482l-1.076 2.055-.772-.695a.5.5 0 00-.668.744l1.25 1.125a.5.5 0 00.777-.14l1.375-2.625a.5.5 0 00-.886-.464z",
-    fill: "#00875A"
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/panel-warning.js

@@ -1,27 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconPanelWarning() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF0B3",
-    x: 8,
-    y: 12,
-    width: 32,
-    height: 16,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.847 16.83l2.808 5.73a1 1 0 01-.898 1.44h-6.514a1 1 0 01-.898-1.44l2.808-5.73a1.5 1.5 0 012.694 0zm-1.347.46a.568.568 0 00-.564.635l.278 2.32a.288.288 0 00.572 0l.278-2.32a.568.568 0 00-.564-.635zm0 5.035c.318 0 .576-.293.576-.656 0-.362-.258-.656-.576-.656-.318 0-.576.294-.576.656 0 .363.258.656.576.656z",
-    fill: "#FF8B00"
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/panel.js

@@ -1,42 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconPanel() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#DEEBFF",
-    x: 8,
-    y: 12,
-    width: 32,
-    height: 16,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 20a4 4 0 108 0 4 4 0 00-8 0z",
-    fill: "#0052CC",
-    fillRule: "nonzero"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF",
-    fillRule: "nonzero",
-    x: 15.556,
-    y: 19.722,
-    width: 1,
-    height: 2.2,
-    rx: 0.5
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#FFF",
-    fillRule: "nonzero",
-    cx: 16,
-    cy: 18.444,
-    r: 1
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/quote.js

@@ -1,27 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconQuote() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
-    x: 6,
-    y: 8,
-    width: 2,
-    height: 24,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M27.284 12c-1.888 0-3.422 1.577-3.422 3.522 0 1.944 1.534 3.521 3.422 3.521 3.245 0 1.365 6.118-2.727 6.755a.818.818 0 00-.695.806c0 .5.447.896.942.82C32.242 26.296 34.886 12 27.284 12m-9.86 0C15.533 12 14 13.577 14 15.522c0 1.944 1.533 3.521 3.424 3.521 3.243 0 1.363 6.118-2.73 6.755a.818.818 0 00-.694.806c0 .5.447.896.941.82C22.381 26.296 25.026 12 17.424 12",
-    fill: "#6C798F"
-  })));
-}

package/dist/es2019/plugins/quick-insert/assets/status.js

@@ -1,101 +0,0 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-export default function IconStatus() {
-  return /*#__PURE__*/React.createElement("svg", {
-    focusable: "false",
-    "aria-hidden": true,
-    width: 40,
-    height: 40
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 0h40v40H0z"
-  }), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(5 11)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#B3D4FF",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#0065FF",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  })), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(5 18)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C3F8DF",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#36B37E",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  })), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(5 25)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#DFE1E6",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8993A4",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  })), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(21 25)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFD3C8",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF5230",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  })), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(21 11)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#EAE6FF",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8777D9",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  })), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(21 18)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF0B3",
-    width: 14,
-    height: 5,
-    rx: 1
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF991F",
-    x: 2,
-    y: 2,
-    width: 10,
-    height: 1,
-    rx: 0.5
-  }))));
-}

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

@@ -1,63 +0,0 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
-import { PureComponent } from 'react';
-import Spinner from '@atlaskit/spinner';
-import LinkSearchListItem from './LinkSearchListItem';
-const listContainer = css`
-  padding-top: 0;
-`;
-const spinnerContainer = css`
-  text-align: center;
-  min-height: 80px;
-  margin-top: 30px;
-`;
-export const linkSearchList = css`
-  padding: 0;
-  list-style: none;
-`;
-export default class LinkSearchList extends PureComponent {
-  render() {
-    const {
-      onSelect,
-      onMouseMove,
-      onMouseEnter,
-      onMouseLeave,
-      items,
-      selectedIndex,
-      isLoading,
-      ariaControls,
-      role,
-      id
-    } = this.props;
-    let itemsContent;
-    let loadingContent;
-    if (items && items.length > 0) {
-      itemsContent = jsx("ul", {
-        css: linkSearchList,
-        id: id,
-        role: role,
-        "aria-controls": ariaControls
-      }, items.map((item, index) => jsx(LinkSearchListItem, {
-        id: `link-search-list-item-${index}`,
-        role: role && 'option',
-        item: item,
-        selected: selectedIndex === index,
-        onMouseMove: onMouseMove,
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onSelect: onSelect,
-        key: item.objectId
-      })));
-    }
-    if (isLoading) {
-      loadingContent = jsx("div", {
-        css: spinnerContainer
-      }, jsx(Spinner, {
-        size: "medium"
-      }));
-    }
-    return jsx("div", {
-      css: listContainer
-    }, itemsContent, loadingContent);
-  }
-}

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

@@ -1,141 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { fontSizeSmall } from '@atlaskit/theme';
-import { N20, N300, N800 } from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { getCorrectAltByIconUrl } from './listItemAlts';
-import { transformTimeStamp } from './transformTimeStamp';
-import { injectIntl } from 'react-intl-next';
-export const container = css`
-  background-color: transparent;
-  padding: 8px 12px;
-  cursor: pointer;
-  display: flex;
-  margin-top: 0;
-`;
-export const containerSelected = css`
-  background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
-`;
-const nameWrapper = css`
-  overflow: hidden;
-`;
-export const nameStyle = css`
-  color: ${`var(--ds-text, ${N800})`};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 20px;
-`;
-export const containerName = css`
-  color: ${`var(--ds-text-subtlest, ${N300})`};
-  line-height: 14px;
-  font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
-`;
-const iconStyle = css`
-  min-width: 16px;
-  margin-top: 3px;
-  margin-right: 12px;
-
-  img {
-    max-width: 16px;
-  }
-`;
-class LinkSearchListItem extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "handleSelect", e => {
-      e.preventDefault(); // don't let editor lose focus
-      const {
-        item,
-        onSelect
-      } = this.props;
-      onSelect(item.url, item.name);
-    });
-    _defineProperty(this, "handleMouseMove", () => {
-      const {
-        onMouseMove,
-        item
-      } = this.props;
-      onMouseMove && onMouseMove(item.objectId);
-    });
-    _defineProperty(this, "handleMouseEnter", () => {
-      const {
-        onMouseEnter,
-        item
-      } = this.props;
-      onMouseEnter && onMouseEnter(item.objectId);
-    });
-    _defineProperty(this, "handleMouseLeave", () => {
-      const {
-        onMouseLeave,
-        item
-      } = this.props;
-      onMouseLeave && onMouseLeave(item.objectId);
-    });
-  }
-  renderIcon() {
-    const {
-      item: {
-        icon,
-        iconUrl
-      },
-      intl
-    } = this.props;
-    if (icon) {
-      return jsx("span", {
-        css: iconStyle
-      }, icon);
-    }
-    if (iconUrl) {
-      return jsx("span", {
-        css: iconStyle
-      }, jsx("img", {
-        src: iconUrl,
-        alt: getCorrectAltByIconUrl(iconUrl, intl)
-      }));
-    }
-    return null;
-  }
-  renderTimeStamp() {
-    const {
-      item,
-      intl
-    } = this.props;
-    const date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
-    return date && jsx(Fragment, null, "\xA0 \u2022", jsx("span", {
-      className: "link-search-timestamp",
-      "data-test-id": "link-search-timestamp"
-    }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
-  }
-  render() {
-    const {
-      item,
-      selected,
-      id,
-      role
-    } = this.props;
-    return jsx("li", {
-      css: [container, selected && containerSelected],
-      role: role,
-      id: id,
-      "aria-selected": selected,
-      "data-testid": "link-search-list-item",
-      onMouseMove: this.handleMouseMove,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      onClick: this.handleSelect
-    }, this.renderIcon(), jsx("span", {
-      css: nameWrapper
-    }, jsx("div", {
-      css: nameStyle
-    }, item.name), jsx("div", {
-      "data-testid": "link-search-list-item-container",
-      css: containerName
-    }, item.container, this.renderTimeStamp())));
-  }
-}
-export default injectIntl(LinkSearchListItem);

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

@@ -1,20 +0,0 @@
-import { css } from '@emotion/react';
-import { RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
-export const inputWrapper = css`
-  display: flex;
-  line-height: 0;
-  padding: 5px 0;
-  align-items: center;
-`;
-export const container = css`
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  padding: 0;
-
-  width: ${RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX}px;
-  line-height: initial;
-`;
-export const containerWithProvider = css`
-  width: ${RECENT_SEARCH_WIDTH_IN_PX}px;
-`;