@atlaskit/editor-common 74.19.2 → 74.21.0

package/dist/esm/link/LinkSearch/index.js

@@ -0,0 +1,320 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { injectIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '../../analytics';
+import LinkSearchList from './LinkSearchList';
+import withActivityProvider from './withActivityProvider';
+var DEFAULT_ITEMS_LIMIT = 5;
+var limit = function limit(items, max) {
+  return items.slice(0, max);
+};
+var RecentLink = /*#__PURE__*/function (_React$Component) {
+  _inherits(RecentLink, _React$Component);
+  var _super = _createSuper(RecentLink);
+  function RecentLink(props) {
+    var _this;
+    _classCallCheck(this, RecentLink);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "activityProvider", null);
+    _defineProperty(_assertThisInitialized(_this), "handleSubmit", function () {
+      var _this$state = _this.state,
+        items = _this$state.items,
+        url = _this$state.url,
+        selectedIndex = _this$state.selectedIndex;
+      var 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: url,
+              text: url,
+              inputMethod: INPUT_METHOD.MANUAL
+            });
+            break;
+          }
+        case INPUT_METHOD.TYPEAHEAD:
+          {
+            var item = items[selectedIndex];
+            _this.setState(function () {
+              return {
+                url: item.url
+              };
+            });
+            if (_this.props.onSubmit) {
+              _this.props.onSubmit({
+                url: item.url,
+                text: item.name,
+                inputMethod: INPUT_METHOD.TYPEAHEAD
+              });
+            }
+            break;
+          }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSelected", function (href, text) {
+      if (_this.props.onSubmit) {
+        _this.setState(function () {
+          return {
+            url: href
+          };
+        });
+        _this.props.onSubmit({
+          text: text,
+          url: href,
+          inputMethod: INPUT_METHOD.TYPEAHEAD
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(input) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this.setState({
+                url: input
+              });
+              if (!_this.activityProvider) {
+                _context.next = 24;
+                break;
+              }
+              if (!(input.length === 0)) {
+                _context.next = 15;
+                break;
+              }
+              _context.t0 = _this;
+              _context.t1 = limit;
+              _context.next = 7;
+              return _this.activityProvider.getRecentItems();
+            case 7:
+              _context.t2 = _context.sent;
+              _context.t3 = _this.props.limit;
+              _context.t4 = (0, _context.t1)(_context.t2, _context.t3);
+              _context.t5 = -1;
+              _context.t6 = {
+                items: _context.t4,
+                selectedIndex: _context.t5
+              };
+              _context.t0.setState.call(_context.t0, _context.t6);
+              _context.next = 24;
+              break;
+            case 15:
+              _context.t7 = _this;
+              _context.t8 = limit;
+              _context.next = 19;
+              return _this.activityProvider.searchRecent(input);
+            case 19:
+              _context.t9 = _context.sent;
+              _context.t10 = _this.props.limit;
+              _context.t11 = (0, _context.t8)(_context.t9, _context.t10);
+              _context.t12 = {
+                items: _context.t11,
+                selectedIndex: 0
+              };
+              _context.t7.setState.call(_context.t7, _context.t12);
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      var _this$state2 = _this.state,
+        items = _this$state2.items,
+        selectedIndex = _this$state2.selectedIndex;
+      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(_assertThisInitialized(_this), "handleMouseMove", function (objectId) {
+      var items = _this.state.items;
+      if (items) {
+        var index = items.findIndex(function (item) {
+          return item.objectId === objectId;
+        });
+        _this.setState({
+          selectedIndex: index
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderRecentList", function () {
+      var _this$state3 = _this.state,
+        items = _this$state3.items,
+        isLoading = _this$state3.isLoading,
+        selectedIndex = _this$state3.selectedIndex;
+      return /*#__PURE__*/React.createElement(LinkSearchList, {
+        items: items,
+        isLoading: isLoading,
+        selectedIndex: selectedIndex,
+        onSelect: _this.handleSelected,
+        onMouseMove: _this.handleMouseMove
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "clearValue", function () {
+      _this.setState({
+        url: ''
+      });
+    });
+    _this.state = {
+      selectedIndex: -1,
+      isLoading: false,
+      items: [],
+      url: props.defaultUrl || ''
+    };
+    return _this;
+  }
+  _createClass(RecentLink, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (this.props.defaultUrl !== nextProps.defaultUrl) {
+        this.setState(function (state) {
+          if (state.url !== nextProps.defaultUrl) {
+            return {
+              items: [],
+              selectedIndex: -1,
+              url: nextProps.defaultUrl || ''
+            };
+          }
+          return null;
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!this.props.activityProvider) {
+                _context2.next = 6;
+                break;
+              }
+              _context2.next = 3;
+              return this.props.activityProvider;
+            case 3:
+              this.activityProvider = _context2.sent;
+              _context2.next = 6;
+              return this.loadRecentItems(this.activityProvider);
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "loadRecentItems",
+    value: function () {
+      var _loadRecentItems = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(activityProvider) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              if (this.state.url) {
+                _context3.next = 11;
+                break;
+              }
+              _context3.t0 = this;
+              _context3.t1 = limit;
+              _context3.next = 6;
+              return activityProvider.getRecentItems();
+            case 6:
+              _context3.t2 = _context3.sent;
+              _context3.t3 = this.props.limit;
+              _context3.t4 = (0, _context3.t1)(_context3.t2, _context3.t3);
+              _context3.t5 = {
+                isLoading: true,
+                items: _context3.t4
+              };
+              _context3.t0.setState.call(_context3.t0, _context3.t5);
+            case 11:
+              _context3.prev = 11;
+              this.setState({
+                isLoading: false
+              });
+              return _context3.finish(11);
+            case 14:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[0,, 11, 14]]);
+      }));
+      function loadRecentItems(_x2) {
+        return _loadRecentItems.apply(this, arguments);
+      }
+      return loadRecentItems;
+    }()
+  }, {
+    key: "getCurrentInputMethod",
+    value: function getCurrentInputMethod() {
+      var _this$state4 = this.state,
+        items = _this$state4.items,
+        url = _this$state4.url,
+        selectedIndex = _this$state4.selectedIndex;
+      if (items && items.length > 0 && selectedIndex > -1) {
+        return INPUT_METHOD.TYPEAHEAD;
+      } else if (url && url.length > 0) {
+        return INPUT_METHOD.MANUAL;
+      }
+      return;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var render = this.props.render;
+      var url = this.state.url;
+      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
+      });
+    }
+  }]);
+  return RecentLink;
+}(React.Component);
+_defineProperty(RecentLink, "defaultProps", {
+  limit: DEFAULT_ITEMS_LIMIT
+});
+export default withActivityProvider(injectIntl(RecentLink));

package/dist/esm/link/LinkSearch/listItemAlts.js

@@ -0,0 +1,63 @@
+import { defineMessages } from 'react-intl-next';
+var 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 var getCorrectAltByIconUrl = function getCorrectAltByIconUrl(iconUrl, intl) {
+  var 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/esm/link/LinkSearch/transformTimeStamp.js

@@ -0,0 +1,34 @@
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import formatDistance from 'date-fns/formatDistance';
+import messages from '../../messages';
+var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
+  var 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 var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
+  if (lastViewedDate) {
+    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
+  }
+  if (lastUpdatedDate) {
+    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
+  }
+};

package/dist/esm/link/LinkSearch/types.js

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

package/dist/esm/link/LinkSearch/withActivityProvider.js

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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";
+var _excluded = ["providerFactory"];
+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 { WithProviders } from '../../provider-factory';
+// eslint-disable-next-line no-duplicate-imports
+
+export default function withActivityProvider(WrappedComponent) {
+  return /*#__PURE__*/function (_React$Component) {
+    _inherits(WithActivityProvider, _React$Component);
+    var _super = _createSuper(WithActivityProvider);
+    function WithActivityProvider() {
+      var _this;
+      _classCallCheck(this, WithActivityProvider);
+      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), "renderNode", function (providers) {
+        var _ref = _this.props,
+          providerFactory = _ref.providerFactory,
+          props = _objectWithoutProperties(_ref, _excluded);
+        var activityProvider = providers.activityProvider;
+        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+          activityProvider: activityProvider
+        }, props));
+      });
+      return _this;
+    }
+    _createClass(WithActivityProvider, [{
+      key: "render",
+      value: function render() {
+        var providerFactory = this.props.providerFactory;
+        return /*#__PURE__*/React.createElement(WithProviders, {
+          providers: ['activityProvider'],
+          providerFactory: providerFactory,
+          renderNode: this.renderNode
+        });
+      }
+    }]);
+    return WithActivityProvider;
+  }(React.Component);
+}

package/dist/esm/link/index.js

@@ -0,0 +1,11 @@
+export { transformTimeStamp } from './LinkSearch/transformTimeStamp';
+export { container, containerWithProvider, inputWrapper } from './LinkSearch/ToolbarComponents';
+export { default as LinkSearchListItem } from './LinkSearch/LinkSearchListItem';
+export { default as LinkSearchList } from './LinkSearch/LinkSearchList';
+export { default as RecentSearch } from './LinkSearch';
+export { InsertStatus, LinkAction } from './types';
+export { EditorLinkPicker } from './LinkPicker/EditorLinkPicker';
+export { HyperlinkAddToolbar } from './LinkPicker/HyperlinkAddToolbar';
+export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RECENT_SEARCH_LIST_SIZE } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
+export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
+export { isLinkAtPos, isTextAtPos } from './utils';

package/dist/esm/link/types.js

@@ -0,0 +1,14 @@
+export var LinkAction = /*#__PURE__*/function (LinkAction) {
+  LinkAction["SHOW_INSERT_TOOLBAR"] = "SHOW_INSERT_TOOLBAR";
+  LinkAction["HIDE_TOOLBAR"] = "HIDE_TOOLBAR";
+  LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
+  LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
+  LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
+  return LinkAction;
+}({});
+export var InsertStatus = /*#__PURE__*/function (InsertStatus) {
+  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
+  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
+  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
+  return InsertStatus;
+}({});

package/dist/esm/link/utils.js

@@ -0,0 +1,12 @@
+export function isTextAtPos(pos) {
+  return function (state) {
+    var node = state.doc.nodeAt(pos);
+    return !!node && node.isText;
+  };
+}
+export function isLinkAtPos(pos) {
+  return function (state) {
+    var node = state.doc.nodeAt(pos);
+    return !!node && !!state.schema.marks.link.isInSet(node.marks);
+  };
+}

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.19.2";
+var packageVersion = "74.21.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/quick-insert/assets/action.js

@@ -0,0 +1,35 @@
+// 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 IconAction() {
+  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(7 10)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M3 0h30v20H3a3 3 0 01-3-3V3a3 3 0 013-3z",
+    fill: "#ECEDF0"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#0052CC",
+    x: 5,
+    y: 5,
+    width: 10,
+    height: 10,
+    rx: 2
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.81 12.365l.05.055a.5.5 0 00.77-.042l.048-.065 3.11-4.205a.666.666 0 00-.09-.886.554.554 0 00-.82.098l-2.703 3.655-1.096-1.184a.553.553 0 00-.825 0 .667.667 0 000 .892l1.556 1.682z",
+    fill: "#FFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 9h13v2H20a1 1 0 010-2z",
+    fill: "#C1C7D0"
+  }))));
+}

package/dist/esm/quick-insert/assets/code.js

@@ -0,0 +1,107 @@
+// 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 IconCode() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40,
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#ebecf0",
+    d: "M13 6h26v28H13z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 6h4v28H9a2 2 0 01-2-2V8a2 2 0 012-2z",
+    fill: "#dfe1e6"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#a5adba"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 9,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 9,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 22,
+    y: 21,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 22,
+    y: 29,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#4c9aff"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 28,
+    y: 25,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 13,
+    width: 13,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#ff7452"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 17,
+    width: 13,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 19,
+    y: 25,
+    width: 7,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#a5adba"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 13,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 17,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 21,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 25,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 29,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  })));
+}