@seafile/sdoc-editor 2.0.24 → 2.0.25-alph-0.0.2

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -125,7 +125,7 @@
 }
 
 .sdoc-sub-dropdown-menu .sdoc-insert-element-table-size-wrapper {
-  left: 227px !important;
+  /* left: 227px !important; */
 }
 
 .mobile-login .sdoc-dropdown-menu {

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -24,6 +24,7 @@ var _index5 = require("../../plugins/video/constants/index.js");
 var _constants3 = require("../../../../basic-sdk/constants");
 var _index6 = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
 var _index7 = _interopRequireDefault(require("../../plugins/video/dialog/add-video-link-dialog/index.js"));
+var _index8 = _interopRequireDefault(require("../../plugins/seatable-row/dialog/add-seatable-row-dialog/index.js"));
 const InsertElementDialog = _ref => {
   let {
     editor
@@ -37,6 +38,7 @@ const InsertElementDialog = _ref => {
   const [validEditor, setValidEditor] = (0, _react.useState)(editor);
   const [linkTitle, setLinkTitle] = (0, _react.useState)('');
   const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
+  const [data, setData] = (0, _react.useState)({});
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
@@ -96,7 +98,8 @@ const InsertElementDialog = _ref => {
       editor: paramEditor,
       linkTitle,
       // link shortcut wrapping link
-      handleSubmit
+      handleSubmit,
+      data
     } = _ref2;
     setInsertPosition(insertPosition);
     setSlateNode(slateNode);
@@ -113,6 +116,7 @@ const InsertElementDialog = _ref => {
     setHandleSubmit(handleSubmit);
     // Apply for comment editor, as it has a different editor instance
     setValidEditor(paramEditor || editor);
+    setData(data);
     if (type === _constants2.LOCAL_IMAGE) {
       setTimeout(() => {
         uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
@@ -133,6 +137,7 @@ const InsertElementDialog = _ref => {
     setInsertVideoCallback(null);
     setValidEditor(null);
     setLinkTitle('');
+    setData('');
   }, []);
   const props = {
     insertPosition,
@@ -141,7 +146,8 @@ const InsertElementDialog = _ref => {
     element,
     closeDialog,
     linkTitle,
-    handleSubmit
+    handleSubmit,
+    data
   };
   switch (dialogType) {
     case _constants2.ELEMENT_TYPE.TABLE:
@@ -240,6 +246,10 @@ const InsertElementDialog = _ref => {
           closeModule: closeDialog
         });
       }
+    case _constants2.ELEMENT_TYPE.SEATABLE_ROW:
+      {
+        return /*#__PURE__*/_react.default.createElement(_index8.default, props);
+      }
     default:
       {
         return null;

package/dist/basic-sdk/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
+exports.WIKI_LINK = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_ROW = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const TITLE = exports.TITLE = 'title';
 const SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -44,6 +44,7 @@ const FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK_INSET_INPUT_TEMP = 'file_li
 const QUICK_INSERT = exports.QUICK_INSERT = 'quick_insert';
 const VIDEO_LINK = exports.VIDEO_LINK = 'video_link';
 const SEATABLE_COLUMN = exports.SEATABLE_COLUMN = 'seatable_column';
+const SEATABLE_ROW = exports.SEATABLE_ROW = 'seatable_row';
 const SEATABLE_TABLE = exports.SEATABLE_TABLE = 'seatable_table';
 const ASK_AI = exports.ASK_AI = 'ask_ai';
 

package/dist/basic-sdk/extension/constants/index.js

@@ -344,6 +344,12 @@ Object.defineProperty(exports, "SEATABLE_COLUMN", {
     return _elementType.SEATABLE_COLUMN;
   }
 });
+Object.defineProperty(exports, "SEATABLE_ROW", {
+  enumerable: true,
+  get: function () {
+    return _elementType.SEATABLE_ROW;
+  }
+});
 Object.defineProperty(exports, "SEATABLE_TABLE", {
   enumerable: true,
   get: function () {
@@ -537,7 +543,7 @@ const FILE_TYPE = exports.FILE_TYPE = {
   [_elementType.SDOC_LINK]: 'sdoc',
   [_elementType.VIDEO]: 'video'
 };
-const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN];
+const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN, _elementType.SEATABLE_ROW];
 const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [_elementType.PARAGRAPH]: [_elementType.CALL_OUT],
   [_elementType.TITLE]: [_elementType.CALL_OUT],
@@ -555,4 +561,4 @@ const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP =
   [_elementType.HEADER6]: [_elementType.CALL_OUT],
   [_elementType.CALL_OUT]: [_elementType.CALL_OUT]
 };
-const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE];
+const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.SEATABLE_ROW];

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -223,6 +223,11 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     iconClass: 'sdocfont sdoc-find-replace',
     text: 'Search_and_replace'
   },
+  [_elementType.SEATABLE_ROW]: {
+    id: `sdoc_${_elementType.SEATABLE_ROW}`,
+    iconClass: 'sdocfont sdoc-seatable-row',
+    text: 'SeaTable_row'
+  },
   [_elementType.SEATABLE_COLUMN]: {
     id: `sdoc_${_elementType.SEATABLE_COLUMN}`,
     iconClass: 'sdocfont sdoc-choose-column',

package/dist/basic-sdk/extension/plugins/ai/ai-module/index.js

@@ -310,7 +310,7 @@ function AIModule(_ref) {
     });
   }, [selectedValue, t]);
   const onTranslateClick = (0, _react.useCallback)(lang => {
-    const translateValue = selectedValue;
+    let translateValue = selectedValue;
     if (!translateValue) {
       _toast.default.warning(t('The_translation_content_cannot_be_empty'));
       return;
@@ -319,10 +319,13 @@ function AIModule(_ref) {
     const translateLang = lang ? lang : currentLang;
     setCurrentLang(translateLang);
     setIsGenerating(true);
+    // translateValue = translateValue.replace(/\n/g, '<br>');
+    console.log(1, translateValue);
     _context.default.aiTranslate(translateValue, translateLang).then(res => {
       const {
         translation
       } = res.data;
+      console.log(3, translation);
       setSearchResult(translation);
       setIsGenerating(false);
     }).catch(err => {
@@ -352,10 +355,20 @@ function AIModule(_ref) {
       const path = _slateReact.ReactEditor.findPath(editor, element);
       nextPath = _slate.Path.next(path);
     }
+
+    // Prevent '\\n' from being pre-wrapped
+    console.log(1, searchResult);
+    const tempResult = searchResult.replace(/\\n/g, '\v');
+    const paragraphs = tempResult.split('\n').map(line => line.replace(/\v/g, '\\n')).filter(line => line.trim() !== '');
     const p = (0, _core.generateEmptyElement)(_constants2.PARAGRAPH);
-    p.children[0].text = searchResult;
-    _slate.Transforms.insertNodes(editor, p, {
-      at: nextPath
+    paragraphs.forEach((line, index) => {
+      p.children[0].text = line;
+      _slate.Transforms.insertNodes(editor, p, {
+        at: nextPath
+      });
+      if (index < paragraphs.length - 1) {
+        nextPath = _slate.Path.next(nextPath);
+      }
     });
     onCloseClick();
     focusToEndPath(nextPath);

package/dist/basic-sdk/extension/plugins/ai/ai-module/style.css

@@ -83,6 +83,14 @@
   pointer-events: all;
 }
 
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-content {
+  white-space: pre-wrap;
+  line-height: 33px;
+  font-size: 11pt;
+  height:100%;
+  /* overflow-y: auto; */
+}
+
 .sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header {
   display: flex;
   justify-content: space-between;

package/dist/basic-sdk/extension/plugins/index.js

@@ -119,6 +119,12 @@ Object.defineProperty(exports, "SeaTableColumnPlugin", {
     return _seatableColumn.default;
   }
 });
+Object.defineProperty(exports, "SeaTableRowPlugin", {
+  enumerable: true,
+  get: function () {
+    return _seatableRow.default;
+  }
+});
 Object.defineProperty(exports, "SeaTableViewsPlugin", {
   enumerable: true,
   get: function () {
@@ -186,6 +192,7 @@ var _mention = _interopRequireDefault(require("./mention"));
 var _quickInsert = _interopRequireDefault(require("./quick-insert"));
 var _wikiLink = _interopRequireDefault(require("./wiki-link"));
 var _seatableColumn = _interopRequireDefault(require("./seatable-column"));
+var _seatableRow = _interopRequireDefault(require("./seatable-row"));
 var _seatableTables = _interopRequireDefault(require("./seatable-tables"));
 var _group = _interopRequireDefault(require("./group"));
 const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default, _group.default];

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/index.css

@@ -0,0 +1,414 @@
+.seatable-rows-select-dialog {
+  max-width: 520px;
+}
+
+.seatable-rows-select-dialog .sdoc-seatable-rows-select-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-top: 1px solid #e9ecef;
+}
+
+.seatable-rows-select-dialog .modal-header-container {
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 57px;
+  padding: 16px;
+  border-bottom: 1px solid #e9ecef;
+}
+
+.seatable-rows-select-dialog .modal-title-container {
+  flex: 1;
+  white-space: nowrap;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin: auto;
+}
+
+.seatable-rows-select-dialog .modal-body {
+  padding: 0 !important;
+}
+
+.seatable-rows-select-dialog .modal-body .form-label {
+  margin: 1rem 1rem 0;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #e2e2e2;
+}
+
+.seatable-rows-close-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+}
+
+.modal-header-container .sdoc-close1 {
+  font-size: 16px;
+  color: #666666;
+}
+
+.modal-header-container .sdoc-close1:hover {
+  background-color: #EFEFEF;
+  border-radius: 3px;
+  height: 28px;
+  width: 28px;
+}
+
+.seatable-rows-select-dialog .seatable-table-wrapper {
+  height: 280px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  border: 2px solid transparent;
+}
+
+.seatable-rows-select-dialog .row-card-container {
+  height: 100%;
+  width: 100%;
+}
+
+.row-card-container::-webkit-scrollbar {
+  display: none;
+}
+
+.records-column-names {
+  padding: 12px 32px;
+  min-width: 100%;
+  background-color: #fff;
+  box-shadow: -1px 0 2px 0 #ccc;
+  display: flex;
+  align-items: center;
+}
+
+.row-card-header .row-card-column-names {
+  padding: 8px 32px;
+  width: 100%;
+  position: relative;
+  min-width: 100%;
+  background-color: #fff;
+  box-shadow: -1px 0 2px 0 #ccc;
+  display: flex;
+  align-items: center;
+}
+
+.row-card-header .row-card-column-names .link-scroll-prev {
+  left: 4px;
+}
+
+.row-card-header .row-card-column-names .row-card-scroll {
+  color: #999;
+  font-size: 14px;
+  width: 24px;
+  height: 24px;
+  text-align: center;
+  line-height: 24px;
+  position: absolute;
+  top: 10px;
+  background-color: #fff;
+}
+
+.row-card-header .row-card-column-names .scroll-active {
+  color: #000;
+  cursor: pointer;
+}
+
+.row-card-header .row-card-column-names .link-scroll-next {
+  right: 4px;
+}
+
+.row-card-header .row-card-column-names .scroll-active:hover {
+  background: #efefef;
+  border-radius: 4px;
+}
+
+.row-card-header .row-card-columns-container {
+  width: 100%;
+  overflow: hidden;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+
+.row-card-header .row-card-columns-container .row-card-column-name:first-child,
+.mobile-link-records-container .link-records-column-name:first-child {
+  margin: 0 8px 0 0;
+}
+
+.row-card-header .row-card-columns-container .row-card-column-name {
+  flex-shrink: 0;
+  margin: 0 8px;
+  font-size: 14px;
+  color: #666666;
+  height: 30px;
+  line-height: 30px;
+  cursor: default;
+}
+
+.row-card-header .row-card-columns-container::-webkit-scrollbar {
+  display: none;
+}
+
+.seatable-rows-select-dialog .row-card-container .row-card-list {
+  height: calc(100% - 40px);
+  width: 100%;
+  min-width: 100%;
+  padding: 10px 20px;
+  overflow-y: auto;
+  margin-top: 3px;
+}
+
+.row-card-list .no-records-tips {
+  color: #666666;
+  text-align: center;
+}
+
+.row-card-list .no-views-tips {
+  color: #666666;
+  text-align: center;
+}
+
+.row-card-list .row-card-content {
+  padding: 0;
+  height: auto;
+  overflow-y: unset;
+}
+
+.row-card-list .row-card-content::-webkit-scrollbar {
+  width: 0;
+}
+
+.row-card-item {
+  height: 88px;
+  margin-top: 10px;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  font-size: 14px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  position: relative;
+}
+
+.row-card-item:first-child {
+  margin-top: 0;
+}
+
+.row-card-item:last-child {
+  margin-bottom: 10px;
+}
+
+.row-card-item:hover {
+  cursor: pointer;
+  border-color: rgba(0, 0, 0, 0.3);
+}
+
+.row-card-item.row-card-item-highlight {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+
+.row-card-item .row-card-item-container {
+  width: 100%;
+  overflow: hidden;
+  padding: 12px;
+}
+
+.row-card-item-container .row-cell-empty {
+  display: inline-block;
+  height: 8px;
+  width: 20px;
+  background-color: #f1f1f1;
+  border-radius: 4px;
+}
+
+.row-card-item-header {
+  z-index: 1;
+}
+
+.row-card-item .row-card-item-header {
+  width: 100%;
+  height: 24px;
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.row-card-item .row-card-item-name {
+  height: 100%;
+  flex: 1 1;
+  font-weight: 400;
+}
+
+.row-card-item .row-card-item-check {
+  color: #59cb74;
+}
+
+.row-card-item .row-card-item-content {
+  display: flex;
+  width: 100%;
+  overflow-x: scroll;
+  height: 40px;
+}
+
+.row-card-item .row-card-item-content::-webkit-scrollbar {
+  display: none;
+}
+
+.row-card-item .row-cell-value {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-shrink: 0;
+  text-align: left;
+  margin: 0 8px;
+}
+
+.row-card-item .row-cell-value.show-name {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center !important;
+}
+
+.row-card-item .row-cell-value.show-name .row-cell-value-content {
+  max-height: 20px;
+}
+
+.row-card-item .row-cell-value.show-name .column-name {
+  margin: 0.25rem 0;
+  font-size: 12px;
+  color: #666;
+  max-width: 100px;
+}
+
+.row-card-item .row-cell-value.show-name .links-formatter .formatter-show {
+  display: inline-block;
+}
+
+.row-card-item .row-cell-value.show-name .image-cell-value {
+  height: inherit;
+}
+
+.row-card-item .row-cell-value:first-child {
+  justify-content: flex-start;
+  margin: 0 8px 0 0;
+}
+
+.row-card-item .row-cell-value-empty {
+  display: inline-block;
+  height: 8px;
+  width: 20px;
+  background-color: #f1f1f1;
+  border-radius: 4px;
+}
+
+.row-card-item-content .collaborators-formatter {
+  width: 100%;
+  overflow: hidden;
+}
+
+.row-card-item-content .collaborators-formatter .formatter-show {
+  align-items: center;
+}
+
+.row-card-item-content .multiple-select-formatter {
+  width: 100%;
+  overflow: hidden;
+  display: inline-flex;
+}
+
+.multiple-select-formatter .grid_cell_type_multiple-select {
+  margin-right: 10px;
+}
+
+.multiple-select-formatter .grid_cell_type_multiple-select:last-child {
+  margin-right: 0;
+}
+
+.row-card-item-content .cell-value-ellipsis {
+  display: inline-block;
+  height: auto;
+  width: 100%;
+}
+
+.row-card-item-content .image-cell-value {
+  height: 30px;
+  width: 40px;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.row-card-item-content .image-cell-value img {
+  display: inline-block;
+  max-height: 30px;
+  max-width: 40px;
+  border-radius: 3px;
+}
+
+.image-cell-value .cell-value-size {
+  position: absolute;
+  bottom: -2px;
+  right: -4px;
+  display: inline-block;
+  height: 12px;
+  padding: 0 4px;
+  border-radius: 6px;
+  text-align: center;
+  background-color: #999;
+  font-size: 10px;
+  line-height: 12px;
+  color: #fff;
+}
+
+.row-card-item .number-formatter {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+}
+
+.row-card-item .geolocation-formatter {
+  width: 100%;
+}
+
+.row-card-item .geolocation-formatter div {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.row-card-content .row-card-item .row-card-item-container {
+  padding: 0;
+  position: relative;
+}
+
+.row-card-item .row-card-item-header {
+  position: absolute;
+  top: 12px;
+  padding: 0 12px;
+  pointer-events: none;
+}
+
+.row-card-item .row-card-item-name {
+  pointer-events: none;
+}
+
+.row-card-item .row-card-item-container .row-card-item-content {
+  height: 88px;
+  padding: 24px 12px 0;
+}
+
+.row-card-column--resizing {
+  background-color: #f5f5f5;
+}
+
+.row-card-draggable:hover {
+  background-color: #f5f5f5;
+}