SYNC: autodetect data grid cell

packages/web/src/datagrid/DataGrid.svelte

@@ -278,6 +278,9 @@
                   if (onPublishedCellsChanged) {
                     onPublishedCellsChanged(value);
                   }
+                  if (value[0]?.isSelectedFullRow && !isFormView) {
+                    cellDataViewVisible = true;
+                  }
                 }}
                 onChangeSelectedColumns={cols => {
                   if (domColumnManager) domColumnManager.setSelectedColumns(cols);

packages/web/src/datagrid/DataGridCore.svelte

@@ -759,7 +759,7 @@
 
   export function saveCellToFileEnabled() {
     const value = getSelectedExportableCell();
-    return _.isString(value) || (value?.type == 'Buffer' && _.isArray(value?.data)) || (value?.$binary?.base64);
+    return _.isString(value) || (value?.type == 'Buffer' && _.isArray(value?.data)) || value?.$binary?.base64;
   }
 
   export async function saveCellToFile() {
@@ -1243,23 +1243,45 @@
 
   function getCellsPublished(cells) {
     const regular = cellsToRegularCells(cells);
-    const res = regular
-      .map(cell => {
-        const row = cell[0];
+
+    const commonInfo = {
+      engine: display?.driver,
+      editable: grider.editable,
+      editorTypes: display?.driver?.dataEditorTypesBehaviour,
+    };
+
+    const rowIndexes = _.sortBy(_.uniq(regular.map(x => x[0])));
+    const fullRowIndexes = new Set(cells.filter(x => x[1] == 'header').map(x => x[0]));
+    const rowInfos = rowIndexes.map(row => {
       const rowData = grider.getRowData(row);
-        const column = realColumnUniqueNames[cell[1]];
+
       return {
         row,
         rowData,
-          column,
-          value: rowData && rowData[column],
-          engine: display?.driver,
         condition: display?.getChangeSetCondition(rowData),
         insertedRowIndex: grider?.getInsertedRowIndex(row),
         rowStatus: grider.getRowStatus(row),
+        isSelectedFullRow: fullRowIndexes.has(row),
+      };
+    });
+
+    const rowInfoByIndex = _.zipObject(
+      rowIndexes.map(x => x.toString()),
+      rowInfos
+    );
+
+    const res = regular
+      .map(cell => {
+        const row = cell[0];
+        const column = realColumnUniqueNames[cell[1]];
+        const rowData = rowInfoByIndex[row].rowData;
+
+        return {
+          ...commonInfo,
+          ...rowInfoByIndex[row],
+          column,
+          value: rowData && rowData[column],
           onSetValue: value => grider.setCellValue(row, column, value),
-          editable: grider.editable,
-          editorTypes: display?.driver?.dataEditorTypesBehaviour,
         };
       })
       .filter(x => x.column);
@@ -1821,7 +1843,7 @@
         })),
         { divider: true },
         _.keys(copyRowsFormatDefs).map(format => ({
-          text: _t('datagrid.setFormat', { defaultMessage: 'Set format: ' }) + (_tval(copyRowsFormatDefs[format].name)),
+          text: _t('datagrid.setFormat', { defaultMessage: 'Set format: ' }) + _tval(copyRowsFormatDefs[format].name),
           onClick: () => ($copyRowsFormat = format),
         })),
 

packages/web/src/widgets/CellDataWidget.svelte

@@ -1,5 +1,4 @@
 <script lang="ts" context="module">
-
   const formats = [
     {
       type: 'textWrap',
@@ -64,10 +63,13 @@
   ];
 
   function autodetect(selection) {
+    if (selection[0]?.isSelectedFullRow) {
+      return 'table';
+    }
+
     if (selectionCouldBeShownOnMap(selection)) {
       return 'map';
     }
-
     if (selection[0]?.engine?.databaseEngineTypes?.includes('document')) {
       return 'jsonRow';
     }
@@ -121,7 +123,7 @@
 </script>
 
 <div class="wrapper">
-  <WidgetTitle {onClose}>{_t('cellDataWidget.title', { defaultMessage: "Cell data view" })}</WidgetTitle>
+  <WidgetTitle {onClose}>{_t('cellDataWidget.title', { defaultMessage: 'Cell data view' })}</WidgetTitle>
   <div class="main">
     <div class="toolbar">
       Format:<span>&nbsp;</span>
@@ -131,18 +133,30 @@
         on:change={e => (selectedFormatType = e.detail)}
         data-testid="CellDataWidget_selectFormat"
         options={[
-          { value: 'autodetect', label: _t('cellDataWidget.autodetect', { defaultMessage: "Autodetect - {autoDetectTitle}", values : { autoDetectTitle: autodetectFormat.title } }) },
+          {
+            value: 'autodetect',
+            label: _t('cellDataWidget.autodetect', {
+              defaultMessage: 'Autodetect - {autoDetectTitle}',
+              values: { autoDetectTitle: autodetectFormat.title },
+            }),
+          },
           ...formats.map(fmt => ({ label: fmt.title, value: fmt.type })),
         ]}
       />
     </div>
     <div class="data">
       {#if usedFormat.single && selection?.length != 1}
-        <ErrorInfo message={_t('cellDataWidget.mustSelectOneCell', { defaultMessage: "Must be selected one cell" })} alignTop />
+        <ErrorInfo
+          message={_t('cellDataWidget.mustSelectOneCell', { defaultMessage: 'Must be selected one cell' })}
+          alignTop
+        />
       {:else if usedFormat == null}
-        <ErrorInfo message={_t('cellDataWidget.formatNotSelected', { defaultMessage: "Format not selected" })} alignTop />
+        <ErrorInfo
+          message={_t('cellDataWidget.formatNotSelected', { defaultMessage: 'Format not selected' })}
+          alignTop
+        />
       {:else if !selection || selection.length == 0}
-        <ErrorInfo message={_t('cellDataWidget.noDataSelected', { defaultMessage: "No data selected" })} alignTop />
+        <ErrorInfo message={_t('cellDataWidget.noDataSelected', { defaultMessage: 'No data selected' })} alignTop />
       {:else}
         <svelte:component this={usedFormat?.component} {selection} />
       {/if}