@platforma-sdk/ui-vue 1.37.13 → 1.37.15

package/src/AgGridVue/createAgGridColDef.ts

@@ -3,7 +3,8 @@ import type { ColDef, ICellRendererParams } from 'ag-grid-enterprise';
 import { PlAgCellProgress } from '../components/PlAgCellProgress';
 import type { MaskIconName16, PlProgressCellProps } from '@milaboratories/uikit';
 import { tapIf } from '@milaboratories/helpers';
-import { PlAgColumnHeader, PlAgHeaderComponentParams } from '../components/PlAgColumnHeader';
+import type { PlAgHeaderComponentParams } from '../components/PlAgColumnHeader';
+import { PlAgColumnHeader } from '../components/PlAgColumnHeader';
 import { PlAgTextAndButtonCell } from '../components/PlAgTextAndButtonCell';
 
 /**

package/src/components/PlAgDataTable/PlAgDataTableV2.vue

@@ -484,6 +484,29 @@ watch(
     }
   },
 );
+
+watch(
+  () => ({
+    gridApi: gridApi.value,
+    loadingText: props.loadingText,
+    notReadyText: props.notReadyText,
+    noRowsText: props.noRowsText,
+  }),
+  ({ gridApi, loadingText, notReadyText, noRowsText }) => {
+    if (!gridApi || gridApi.isDestroyed()) return;
+    gridApi.updateGridOptions({
+      loadingOverlayComponentParams: {
+        ...gridOptions.value.loadingOverlayComponentParams,
+        loadingText,
+        notReadyText,
+      },
+      noRowsOverlayComponentParams: {
+        ...gridOptions.value.noRowsOverlayComponentParams,
+        text: noRowsText,
+      },
+    });
+  },
+);
 </script>
 
 <template>

package/src/components/PlAgDataTable/PlAgOverlayLoading.vue

@@ -1,16 +1,23 @@
 <script setup lang="ts">
-import style from './pl-ag-overlay-loading.module.scss';
 import { PlSplash } from '@milaboratories/uikit';
+import { ref } from 'vue';
+import style from './pl-ag-overlay-loading.module.scss';
 import type { PlAgOverlayLoadingParams } from './types';
 
 // @TODO move this component from this folder
 
-defineProps<{
-  /**
-   * Required object that contains props from loadingOverlayComponentParams.
-   */
+const props = defineProps<{
+  /** Required object that contains props from loadingOverlayComponentParams. */
   params: PlAgOverlayLoadingParams;
 }>();
+
+const params = ref(props.params);
+
+defineExpose({
+  refresh: (newParams: PlAgOverlayLoadingParams) => {
+    params.value = newParams;
+  },
+});
 </script>
 
 <template>

package/src/components/PlAgDataTable/PlAgOverlayNoRows.vue

@@ -1,9 +1,18 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
 import type { PlAgOverlayNoRowsParams } from './types';
 
-defineProps<{
+const props = defineProps<{
   params: PlAgOverlayNoRowsParams;
 }>();
+
+const params = ref(props.params);
+
+defineExpose({
+  refresh: (newParams: PlAgOverlayNoRowsParams) => {
+    params.value = newParams;
+  },
+});
 </script>
 
 <template>