@platforma-sdk/ui-vue 1.30.0 → 1.30.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.30.0",
+  "version": "1.30.1",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",

package/src/components/PlAgDataTable/PlAgDataTableV2.vue

@@ -40,7 +40,15 @@ import PlOverlayLoading from './PlAgOverlayLoading.vue';
 import PlOverlayNoRows from './PlAgOverlayNoRows.vue';
 import { type PlAgCellButtonAxisParams, makeRowId } from './sources/common';
 import { updatePFrameGridOptions } from './sources/table-source-v2';
-import type { PlAgDataTableController, PlAgDataTableSettings, PlAgDataTableRow, PTableRowKey, PlAgDataTableSettingsPTable } from './types';
+import type {
+  PlAgDataTableController,
+  PlAgDataTableSettings,
+  PlAgDataTableRow,
+  PTableRowKey,
+  PlAgDataTableSettingsPTable,
+  PlAgOverlayLoadingParams,
+  PlAgOverlayNoRowsParams,
+} from './types';
 import { PlAgGridColumnManager } from '../PlAgGridColumnManager';
 import { autoSizeRowNumberColumn, PlAgDataTableRowNumberColId } from './sources/row-number';
 import { focusRow, makeOnceTracker, trackFirstDataRendered } from './sources/focus-row';
@@ -89,13 +97,22 @@ const props = defineProps<{
   showCellButtonForAxisId?: AxisId;
 
   /**
-     * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row
-     * triggers the doubleClick event for the entire row.
-     *
-     * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row
-     * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.
-     */
+   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row
+   * triggers the doubleClick event for the entire row.
+   *
+   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row
+   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.
+   */
   cellButtonInvokeRowsOnDoubleClick?: boolean;
+
+  /** @see {@link PlAgOverlayLoadingParams.loadingText} */
+  loadingText?: string;
+
+  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */
+  notReadyText?: string;
+
+  /** @see {@link PlAgOverlayNoRowsParams.text} */
+  noRowsText?: string;
 }>();
 const { settings } = toRefs(props);
 const emit = defineEmits<{
@@ -219,6 +236,7 @@ const gridApi = shallowRef<GridApi>();
 const gridApiDef = shallowRef(new Deferred<GridApi>());
 
 const firstDataRenderedTracker = makeOnceTracker<GridApi<PlAgDataTableRow>>();
+
 const gridOptions = shallowRef<GridOptions<PlAgDataTableRow>>({
   animateRows: false,
   suppressColumnMoveAnimation: true,
@@ -278,9 +296,16 @@ const gridOptions = shallowRef<GridOptions<PlAgDataTableRow>>({
   suppressServerSideFullWidthLoadingRow: true,
   getRowId: (params) => params.data.id,
   loading: true,
-  loadingOverlayComponentParams: { notReady: true },
+  loadingOverlayComponentParams: {
+    notReady: true,
+    loadingText: props.loadingText,
+    notReadyText: props.notReadyText,
+  } satisfies PlAgOverlayLoadingParams,
   loadingOverlayComponent: PlOverlayLoading,
   noRowsOverlayComponent: PlOverlayNoRows,
+  noRowsOverlayComponentParams: {
+    text: props.noRowsText,
+  } satisfies PlAgOverlayNoRowsParams,
   defaultCsvExportParams: {
     allColumns: true,
     suppressQuotes: true,
@@ -391,7 +416,10 @@ const onSheetChanged = (sheetId: string, newValue: string | number) => {
   sheetsState.value = state;
   return gridApi.value?.updateGridOptions({
     loading: true,
-    loadingOverlayComponentParams: { notReady: false },
+    loadingOverlayComponentParams: {
+      ...gridOptions.value.loadingOverlayComponentParams,
+      notReady: false,
+    } satisfies PlAgOverlayLoadingParams,
   });
 };
 
@@ -422,7 +450,10 @@ watch(
         case undefined:
           return gridApi.updateGridOptions({
             loading: true,
-            loadingOverlayComponentParams: { notReady: true },
+            loadingOverlayComponentParams: {
+              ...gridOptions.value.loadingOverlayComponentParams,
+              notReady: true,
+            } satisfies PlAgOverlayLoadingParams,
             columnDefs: [],
             rowData: undefined,
             datasource: undefined,
@@ -432,7 +463,10 @@ watch(
           if (!settings?.model) {
             return gridApi.updateGridOptions({
               loading: true,
-              loadingOverlayComponentParams: { notReady: false },
+              loadingOverlayComponentParams: {
+                ...gridOptions.value.loadingOverlayComponentParams,
+                notReady: false,
+              } satisfies PlAgOverlayLoadingParams,
               columnDefs: [],
               rowData: undefined,
               datasource: undefined,
@@ -441,7 +475,10 @@ watch(
 
           gridApi.updateGridOptions({
             loading: true,
-            loadingOverlayComponentParams: { notReady: false },
+            loadingOverlayComponentParams: {
+              ...gridOptions.value.loadingOverlayComponentParams,
+              notReady: false,
+            } satisfies PlAgOverlayLoadingParams,
           });
 
           const options = await updatePFrameGridOptions(
@@ -458,14 +495,20 @@ watch(
           ).catch((err) => {
             gridApi.updateGridOptions({
               loading: false,
-              loadingOverlayComponentParams: { notReady: false },
+              loadingOverlayComponentParams: {
+                ...gridOptions.value.loadingOverlayComponentParams,
+                notReady: false,
+              } satisfies PlAgOverlayLoadingParams,
             });
             throw err;
           });
 
           return gridApi.updateGridOptions({
             loading: false,
-            loadingOverlayComponentParams: { notReady: false },
+            loadingOverlayComponentParams: {
+              ...gridOptions.value.loadingOverlayComponentParams,
+              notReady: false,
+            } satisfies PlAgOverlayLoadingParams,
             ...options,
           });
         }

package/src/components/PlAgDataTable/PlAgOverlayNoRows.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import type { PlAgOverlayNoRowsParams } from './types';
+
 defineProps<{
-  params: {
-    text?: string;
-  };
+  params: PlAgOverlayNoRowsParams;
 }>();
 </script>
 

package/src/components/PlAgDataTable/types.ts

@@ -28,6 +28,7 @@ export type PlDataTableSettingsXsv = {
 
 /** Data table settings */
 export type PlDataTableSettings =
+  | undefined
   | PlDataTableSettingsPTable
   | PlDataTableSettingsXsv;
 
@@ -35,13 +36,14 @@ export type PlAgDataTableSettingsPTable = {
   /** The type of the source to feed the data into the table */
   sourceType: 'ptable';
   /** PTable handle output */
-  model?: PlDataTableModel;
+  model: PlDataTableModel | undefined;
   /** Sheets that we want to show in our table */
   sheets?: PlDataTableSheet[];
 };
 
 /** Data table settings */
 export type PlAgDataTableSettings =
+  | undefined
   | PlAgDataTableSettingsPTable;
 
 /** PlTableFilters restriction entry */
@@ -103,3 +105,10 @@ export type PlAgOverlayLoadingParams = {
    */
   overlayType?: 'transparent';
 };
+
+export type PlAgOverlayNoRowsParams = {
+  /**
+   * Prop to override default "Empty" text
+   */
+  text?: string;
+};