@seafile/sdoc-editor 2.0.75-test-0.0.1 → 2.0.76

package/dist/basic-sdk/outline/outline-item.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -96,9 +95,11 @@ class OutlineItem extends _react.default.PureComponent {
       onMouseOut: this.onMouseOut
     }, !isSdocRevision && children.map(child => child.text || child.title).join(''), isSdocRevision && children.map(child => {
       const text = child.text || child.title;
-      const style = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, child.add && _constants2.ADDED_STYLE), child.delete && _constants2.DELETED_STYLE), {}, {
+      const style = {
+        ...(child.add && _constants2.ADDED_STYLE),
+        ...(child.delete && _constants2.DELETED_STYLE),
         backgroundColor: child.computed_background_color || undefined
-      });
+      };
       const key = child.id;
       const content = /*#__PURE__*/_react.default.createElement("span", {
         style: style,

package/dist/basic-sdk/right-panel/index.js

@@ -1,15 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
 var _constants = require("../constants");
+var _usePlugins = require("../hooks/use-plugins");
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
 var _resizeWidth = _interopRequireDefault(require("./resize-width"));
@@ -24,7 +23,7 @@ const RightPanel = _ref => {
     plugins,
     displayPluginName,
     closePlugin
-  } = (0, _hooks.usePlugins)();
+  } = (0, _usePlugins.usePlugins)();
   const [width, setWidth] = (0, _react.useState)(MIN_PANEL_WIDTH);
   const panelWrapperStyle = (0, _react.useMemo)(() => {
     if (!displayPluginName) return null;
@@ -44,9 +43,10 @@ const RightPanel = _ref => {
   }, []);
   const resizeWidthEnd = (0, _react.useCallback)(width => {
     const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify((0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify({
+      ...settings,
       panelWidth: width
-    })));
+    }));
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
   }, []);
@@ -61,9 +61,10 @@ const RightPanel = _ref => {
   (0, _react.useEffect)(() => {
     const isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
     const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, {
+      ...settings,
       isShowGlobalComments
-    }));
+    });
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
   }, [displayPluginName]);

package/dist/basic-sdk/slate-convert/html-to-slate/constants.js

@@ -7,12 +7,12 @@ exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.T
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
-const HEADER1 = exports.HEADER1 = "".concat(HEADER, "1");
-const HEADER2 = exports.HEADER2 = "".concat(HEADER, "2");
-const HEADER3 = exports.HEADER3 = "".concat(HEADER, "3");
-const HEADER4 = exports.HEADER4 = "".concat(HEADER, "4");
-const HEADER5 = exports.HEADER5 = "".concat(HEADER, "5");
-const HEADER6 = exports.HEADER6 = "".concat(HEADER, "6");
+const HEADER1 = exports.HEADER1 = `${HEADER}1`;
+const HEADER2 = exports.HEADER2 = `${HEADER}2`;
+const HEADER3 = exports.HEADER3 = `${HEADER}3`;
+const HEADER4 = exports.HEADER4 = `${HEADER}4`;
+const HEADER5 = exports.HEADER5 = `${HEADER}5`;
+const HEADER6 = exports.HEADER6 = `${HEADER}6`;
 const ORDERED_LIST = exports.ORDERED_LIST = 'ordered_list'; // <ol>
 const UNORDERED_LIST = exports.UNORDERED_LIST = 'unordered_list'; // <ul> // unordered_list can not work
 const LIST_ITEM = exports.LIST_ITEM = 'list_item'; // <li>

package/dist/basic-sdk/slate-convert/html-to-slate/index.js

@@ -27,7 +27,7 @@ const deserializeElement = element => {
       case 'undefined':
         return;
       default:
-        throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
+        throw new Error(`The \`next\` argument was called with invalid children: "${elements}".`);
     }
   };
   for (let i = 0; i < _rules.default.length; i++) {
@@ -36,7 +36,7 @@ const deserializeElement = element => {
     const ret = rule(element, next);
     const type = (0, _typeOf.default)(ret);
     if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
-      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
+      throw new Error(`A rule returned an invalid deserialized representation: "${node}".`);
     }
 
     // Not eligible for current component processing

package/dist/basic-sdk/slate-convert/md-to-slate/transform.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformUnorderedList = exports.transformTableRow = exports.transformTableCell = exports.transformTable = exports.transformParagraph = exports.transformOrderedList = exports.transformMath = exports.transformListItem = exports.transformListContent = exports.transformList = exports.transformHtml = exports.transformHr = exports.transformHeader = exports.transformCodeLine = exports.transformCodeBlock = exports.transformCheckListItem = exports.transformCheckList = exports.transformBlockquote = exports.transformBlockHtml = exports.formatMdToSlate = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slugid = _interopRequireDefault(require("slugid"));
 var _elementType = require("../../extension/constants/element-type");
 var _core = require("../../extension/core");
@@ -60,17 +59,21 @@ const applyMarkForInlineItem = function (result, item) {
     return result;
   }
   if (type === _elementType.IMAGE) {
-    const data = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-      src: item.url
-    }, item.title && {
-      title: item.title
-    }), item.alt && {
-      alt: item.alt
-    }), item.width && {
-      width: item.width
-    }), item.height && {
-      height: item.height
-    });
+    const data = {
+      src: item.url,
+      ...(item.title && {
+        title: item.title
+      }),
+      ...(item.alt && {
+        alt: item.alt
+      }),
+      ...(item.width && {
+        width: item.width
+      }),
+      ...(item.height && {
+        height: item.height
+      })
+    };
     const image = {
       id: _slugid.default.nice(),
       data: data,
@@ -130,7 +133,7 @@ const transformHeader = node => {
   const {
     depth
   } = node;
-  const type = "".concat(_elementType.HEADER).concat(depth);
+  const type = `${_elementType.HEADER}${depth}`;
   return {
     id: _slugid.default.nice(),
     type: type,
@@ -341,17 +344,21 @@ const transformHtml = node => {
     const title = img.getAttribute('title');
     const width = img.getAttribute('width');
     const height = img.getAttribute('height');
-    const data = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-      src: src
-    }, alt && {
-      alt
-    }), title && {
-      title
-    }), !isNaN(width) && width > 0 && {
-      width
-    }), !isNaN(height) && height > 0 && {
-      height
-    });
+    const data = {
+      src: src,
+      ...(alt && {
+        alt
+      }),
+      ...(title && {
+        title
+      }),
+      ...(!isNaN(width) && width > 0 && {
+        width
+      }),
+      ...(!isNaN(height) && height > 0 && {
+        height
+      })
+    };
     const image = {
       id: _slugid.default.nice(),
       data: data,

package/dist/basic-sdk/slate-convert/slate-to-md/transform.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatSlateToMd = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _isPunctuationMark = _interopRequireDefault(require("../../utils/is-punctuation-mark"));
 const generateDefaultText = value => {
@@ -22,9 +21,10 @@ const transformTextNode = textNode => {
 
   // code = true, override text type
   if (textNode['code']) {
-    mdNode = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mdNode), {}, {
+    mdNode = {
+      ...mdNode,
       type: 'inlineCode'
-    });
+    };
   }
 
   // blob = true, add strong parent
@@ -74,7 +74,7 @@ const transformInlineChildren = (result, item) => {
     if (data.height || data.width) {
       image = {
         type: 'html',
-        value: "<img src=\"".concat(data.src, "\" alt=\"").concat(data.alt, "\" title=\"").concat(data.title, "\" width=\"").concat(data.width, "\" height=\"").concat(data.height, "\" />")
+        value: `<img src="${data.src}" alt="${data.alt}" title="${data.title}" width="${data.width}" height="${data.height}" />`
       };
     }
     result.push(image);
@@ -106,7 +106,7 @@ const transformInlineChildren = (result, item) => {
   if (item.type && item.type === 'seatable_column') {
     const data = item.data;
     const newNode = {
-      text: "{".concat(data.name, "}")
+      text: `{${data.name}}`
     };
     const column = transformTextNode(newNode);
     result.push(column);

package/dist/basic-sdk/socket/helpers.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateOperation = exports.syncRemoteOperations = exports.syncRemoteCursorLocation = exports.revertOperationList = exports.reExecRevertOperationList = exports.getRevertOperationList = exports.getNodePathById = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
 var _helper = require("../cursor/helper");
@@ -174,9 +173,10 @@ const validateOperation = (editor, operation) => {
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
-          newOperation.properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), {}, {
+          newOperation.properties = {
+            ...properties,
             type: node.type
-          });
+          };
           break;
         }
 
@@ -185,9 +185,10 @@ const validateOperation = (editor, operation) => {
         if (nodePath) {
           isValid = true;
           const node = (0, _core.getNode)(editor, nodePath);
-          newOperation.properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), {}, {
+          newOperation.properties = {
+            ...properties,
             type: node.type
-          });
+          };
           newOperation.path = nodePath;
           break;
         }

package/dist/basic-sdk/socket/socket-client.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _socket = _interopRequireDefault(require("socket.io-client"));
 var _debug = require("../utils/debug");
@@ -19,10 +18,11 @@ class SocketClient {
         docUuid,
         user
       } = _this.config;
-      return (0, _objectSpread2.default)({
+      return {
         doc_uuid: docUuid,
-        user
-      }, params);
+        user,
+        ...params
+      };
     });
     (0, _defineProperty2.default)(this, "onConnected", () => {
       // join room

package/dist/basic-sdk/socket/socket-manager.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _constants = require("../../constants");
+var _constants = require("../constants");
 var _helper = require("../cursor/helper");
 var _debug = require("../utils/debug");
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
@@ -36,25 +36,25 @@ class SocketManager {
       this.document['version'] = document.version;
     });
     (0, _defineProperty2.default)(this, "receivePublishDocument", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.PUBLISH_DOCUMENT);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.PUBLISH_DOCUMENT);
     });
     (0, _defineProperty2.default)(this, "receivePublishDocumentError", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.PUBLISH_DOCUMENT_ERROR);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.PUBLISH_DOCUMENT_ERROR);
     });
     (0, _defineProperty2.default)(this, "receiveRemoveDocument", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.REMOVE_DOCUMENT);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.REMOVE_DOCUMENT);
     });
     (0, _defineProperty2.default)(this, "receiveRemoveDocumentError", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.REMOVE_DOCUMENT_ERROR);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.REMOVE_DOCUMENT_ERROR);
     });
     (0, _defineProperty2.default)(this, "receiveDocumentReplaced", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.DOCUMENT_REPLACED);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.DOCUMENT_REPLACED);
     });
     (0, _defineProperty2.default)(this, "receiveDocumentReplacedError", () => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.DOCUMENT_REPLACED_ERROR);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.DOCUMENT_REPLACED_ERROR);
     });
     (0, _defineProperty2.default)(this, "receiveNewNotification", notification => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.NEW_NOTIFICATION, notification);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.NEW_NOTIFICATION, notification);
     });
     (0, _defineProperty2.default)(this, "onReceiveLocalOperations", operations => {
       if (this.editor.readonly) return;
@@ -71,14 +71,14 @@ class SocketManager {
     (0, _defineProperty2.default)(this, "sendOperations", () => {
       if (this.editor.readonly) return;
       if (this.state !== STATE.IDLE) return;
-      (0, _debug.stateDebug)("State changed: ".concat(this.state, " -> ").concat(STATE.SENDING));
+      (0, _debug.stateDebug)(`State changed: ${this.state} -> ${STATE.SENDING}`);
       this.state = STATE.SENDING;
       this.sendNextOperations();
     });
     (0, _defineProperty2.default)(this, "sendNextOperations", () => {
       if (this.state !== STATE.SENDING) return;
       if (this.pendingOperationList.length === 0) {
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
         this.state = STATE.IDLE;
         return;
       }
@@ -115,13 +115,13 @@ class SocketManager {
         this.dispatchConnectState(error_type);
 
         // reset sending control
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.NEED_RELOAD));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.NEED_RELOAD}`);
         this.state = STATE.NEED_RELOAD;
         this._sendingOperations = null;
       } else if (error_type === 'version_behind_server') {
         // Put the failed operation into the pending list and re-execute it
         this.pendingOperationList.unshift([...this._sendingOperations]);
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
         this.state = STATE.CONFLICT;
         const {
           lose_operations
@@ -168,7 +168,7 @@ class SocketManager {
         try {
           (0, _helpers.syncRemoteOperations)(this.editor, operations);
         } catch (error) {
-          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
+          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
           this.state = STATE.CONFLICT;
           this.dispatchConnectState('sync_server_operations_error');
           return;
@@ -198,17 +198,17 @@ class SocketManager {
       }
 
       // The version consistency indicates that there is no conflict and no processing is required
-      (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
+      (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
       this.state = STATE.IDLE;
       if (this.pendingOperationList.length > 0) {
         (0, _debug.clientDebug)('After reconnection, manually trigger the execution of ops.');
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.SENDING));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.SENDING}`);
         this.state = STATE.SENDING;
         this.sendNextOperations();
       }
     });
     (0, _defineProperty2.default)(this, "onConflictHappen", () => {
-      (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
+      (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
       this.state = STATE.CONFLICT;
       this.socketClient.getRecentOperations();
     });
@@ -232,7 +232,7 @@ class SocketManager {
         this.editor.children = children;
         this.editor.isRemote = true;
         this.editor.onChange();
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
         this.editor.isRemote = false;
         this.state = STATE.IDLE;
         this._sendingOperations = null;
@@ -280,7 +280,7 @@ class SocketManager {
         try {
           (0, _helpers.syncRemoteOperations)(this.editor, operations);
         } catch (error) {
-          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
+          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
           this.state = STATE.CONFLICT;
           this.dispatchConnectState('sync_server_operations_error');
           return;
@@ -293,7 +293,7 @@ class SocketManager {
       if (this.revertOperationList.length === 0) {
         Promise.resolve().then(() => {
           this.editor.isRemote = false;
-          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
+          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
           this.state = STATE.IDLE;
           this._sendingOperations = null;
           this.revertOperationList = [];
@@ -305,7 +305,7 @@ class SocketManager {
       Promise.resolve().then(() => {
         // reset execute remote operations flag
         this.editor.isRemote = false;
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
         this.state = STATE.IDLE;
         this._sendingOperations = null;
 
@@ -344,7 +344,7 @@ class SocketManager {
           this.pendingOperationList.unshift(this._sendingOperations.slice());
           this._sendingOperations = null;
         }
-        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.DISCONNECT));
+        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.DISCONNECT}`);
         this.state = STATE.DISCONNECT;
       }
       this.eventBus.dispatch(type, message);
@@ -353,10 +353,10 @@ class SocketManager {
       this.socketClient.disconnectWithServer();
     });
     (0, _defineProperty2.default)(this, "receiveParticipantAdded", uses => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.PARTICIPANT_ADDED, uses);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.PARTICIPANT_ADDED, uses);
     });
     (0, _defineProperty2.default)(this, "receiveParticipantRemoved", email => {
-      this.eventBus.dispatch(_constants.EXTERNAL_EVENT.PARTICIPANT_REMOVED, email);
+      this.eventBus.dispatch(_constants.INTERNAL_EVENT.PARTICIPANT_REMOVED, email);
     });
     this.editor = editor;
     this.document = _document;

package/dist/basic-sdk/utils/Kebab-to-camel.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 const KebabToCamel = str => {
-  return str.replace(/(_[a-z])/g, match => "".concat(match.slice(1).toUpperCase()));
+  return str.replace(/(_[a-z])/g, match => `${match.slice(1).toUpperCase()}`);
 };
 var _default = exports.default = KebabToCamel;

package/dist/basic-sdk/utils/default-mode.js

@@ -20,7 +20,7 @@ const getStyleByDefaultMode = (scrollRef, editor) => {
   if (isShowOutline && editor.editorType !== _constants.WIKI_EDITOR) {
     const rect = scrollRef.current.getBoundingClientRect();
     if ((rect.width - Number(_constants.ARTICLE_DEFAULT_WIDTH.slice(0, 3))) / 2 < 280) {
-      containerStyle['marginLeft'] = "".concat(_constants.LEFT_OUTLINE_WIDTH, "px");
+      containerStyle['marginLeft'] = `${_constants.LEFT_OUTLINE_WIDTH}px`;
     }
   }
   return containerStyle;

package/dist/basic-sdk/utils/diff-text.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _objectUtils = _interopRequireDefault(require("./object-utils"));
 const extendedWordChars = 'a-zA-Z\\u{C0}-\\u{FF}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}\\u{4e00}-\\u{9fa5}';
-const tokenizeIncludingWhitespace = new RegExp("[".concat(extendedWordChars, "]+|\\s+|[^").concat(extendedWordChars, "]"), 'ug');
+const tokenizeIncludingWhitespace = new RegExp(`[${extendedWordChars}]+|\\s+|[^${extendedWordChars}]`, 'ug');
 const buildValues = (diff, components, newString, oldString, valueType, useLongestToken) => {
   let componentPos = 0;
   let componentLen = components.length;