@platforma-sdk/ui-vue 1.20.24 → 1.20.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.20.24",
+  "version": "1.20.28",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -21,10 +21,10 @@
     "lru-cache": "^11.0.2",
     "vue": "^3.5.13",
     "canonicalize": "^2.0.0",
-    "ag-grid-enterprise": "^33.0.2",
-    "ag-grid-vue3": "^33.0.2",
-    "@milaboratories/uikit": "^2.2.38",
-    "@platforma-sdk/model": "^1.20.24"
+    "ag-grid-enterprise": "^33.0.3",
+    "ag-grid-vue3": "^33.0.3",
+    "@milaboratories/uikit": "^2.2.39",
+    "@platforma-sdk/model": "^1.20.27"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -44,8 +44,8 @@
     "yarpm": "^1.2.0",
     "semver": "^7.6.3",
     "@types/semver": "^7.5.8",
-    "@milaboratories/eslint-config": "^1.0.0",
-    "@milaboratories/helpers": "^1.6.11"
+    "@milaboratories/helpers": "^1.6.11",
+    "@milaboratories/eslint-config": "^1.0.1"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/components/PlAgDataTable/PlAgDataTable.vue

@@ -15,6 +15,7 @@ import {
   ClipboardModule,
   CellSelectionModule,
   ServerSideRowModelModule,
+  isColumnSelectionCol,
 } from 'ag-grid-enterprise';
 import { AgGridVue } from 'ag-grid-vue3';
 import { PlDropdownLine } from '@milaboratories/uikit';
@@ -201,13 +202,14 @@ const firstDataRenderedTracker = makeOnceTracker<GridApi<PlAgDataTableRow>>();
 const gridOptions = shallowRef<GridOptions<PlAgDataTableRow>>({
   animateRows: false,
   suppressColumnMoveAnimation: true,
-  cellSelection: true,
+  cellSelection: selectedRows.value === undefined,
   initialState: gridState.value,
   autoSizeStrategy: { type: 'fitCellContents' },
-  rowSelection: selectedRows.value
+  rowSelection: selectedRows.value !== undefined
     ? {
-        mode: 'multiRow',
-      }
+      mode: 'multiRow',
+      enableClickSelection: true
+    }
     : undefined,
   selectionColumnDef: {
     mainMenuItems: [],
@@ -240,6 +242,7 @@ const gridOptions = shallowRef<GridOptions<PlAgDataTableRow>>({
   },
   defaultColDef: {
     suppressHeaderMenuButton: true,
+    sortingOrder: ["desc", "asc", null],
   },
   maintainColumnOrder: true,
   localeText: {
@@ -339,6 +342,7 @@ watch(
           .map((def) => def.colId)
           .filter((colId) => colId !== undefined)
           .filter((colId) => colId !== PlAgDataTableRowNumberColId)
+          .filter((colId) => !isColumnSelectionCol(colId))
           .map((colId) => parseColId(colId)) ?? [];
       emit('columnsChanged', columns);
     }
@@ -449,25 +453,15 @@ watch(
   <div class="ap-ag-data-table-container">
     <PlAgGridColumnManager v-if="gridApi && showColumnsPanel" :api="gridApi" />
     <PlAgCsvExporter v-if="gridApi && showExportButton" :api="gridApi" />
-    <div v-if="settings?.sourceType === 'ptable' && !!settings.sheets && settings.sheets.length > 0" class="ap-ag-data-table-sheets">
-      <PlDropdownLine
-        v-for="(sheet, i) in settings.sheets"
-        :key="i"
-        :model-value="sheetsState[makeSheetId(sheet.axis)]"
+    <div v-if="settings?.sourceType === 'ptable' && !!settings.sheets && settings.sheets.length > 0"
+      class="ap-ag-data-table-sheets">
+      <PlDropdownLine v-for="(sheet, i) in settings.sheets" :key="i" :model-value="sheetsState[makeSheetId(sheet.axis)]"
         :options="sheet.options"
         :prefix="(sheet.axis.annotations?.['pl7.app/label']?.trim() ?? `Unlabeled axis ${i}`) + ':'"
-        @update:model-value="(newValue) => onSheetChanged(makeSheetId(sheet.axis), newValue)"
-      />
+        @update:model-value="(newValue) => onSheetChanged(makeSheetId(sheet.axis), newValue)" />
     </div>
-    <AgGridVue
-      :key="reloadKey"
-      :theme="AgGridTheme"
-      class="ap-ag-data-table-grid"
-      :grid-options="gridOptions"
-      @grid-ready="onGridReady"
-      @state-updated="onStateUpdated"
-      @grid-pre-destroyed="onGridPreDestroyed"
-    />
+    <AgGridVue :key="reloadKey" :theme="AgGridTheme" class="ap-ag-data-table-grid" :grid-options="gridOptions"
+      @grid-ready="onGridReady" @state-updated="onStateUpdated" @grid-pre-destroyed="onGridPreDestroyed" />
   </div>
 </template>
 

package/src/components/PlAgDataTable/sources/row-number.ts

@@ -26,9 +26,9 @@ export function makeRowNumberColDef(): ColDef {
     suppressSizeToFit: true,
     suppressAutoSize: true,
     cellStyle: {
-      'color': 'var(--txt-03)',
+      color: 'var(--txt-03)',
       'background-color': 'var(--bg-base-light)',
-      'overflow': 'visible !important',
+      overflow: 'visible !important',
       'text-align': 'center',
     },
     sortable: false,
@@ -88,7 +88,7 @@ function fixColumnOrder(gridApi: GridApi) {
   if (numRowsIndex !== -1) {
     if (selectionIndex !== -1) {
       if (selectionIndex !== 0 || numRowsIndex !== 1) {
-        gridApi.moveColumns([columns[selectionIndex], columns[numRowsIndex]], 0);
+        gridApi.moveColumns([columns[numRowsIndex], columns[selectionIndex]], 0);
       }
     } else {
       if (numRowsIndex !== 0) {
@@ -113,9 +113,9 @@ export function autoSizeRowNumberColumn(gridApi: GridApi) {
   });
   gridApi.addEventListener('columnResized', (event) => {
     if (
-      event.finished
-      && event.source === 'autosizeColumns'
-      && event.columns?.some((column) => column.isVisible() && column.getColId() === PlAgDataTableRowNumberColId)
+      event.finished &&
+      event.source === 'autosizeColumns' &&
+      event.columns?.some((column) => column.isVisible() && column.getColId() === PlAgDataTableRowNumberColId)
     ) {
       adjustRowNumberColumnWidth(event.api, cellFake, true);
     }