@adminforth/clone-row 1.2.15 → 1.2.17

package/build.log

@@ -8,5 +8,5 @@ custom/CloneRowButton.vue
 custom/CloneRowThreeDots.vue
 custom/tsconfig.json
 
-sent 3,616 bytes  received 77 bytes  7,386.00 bytes/sec
-total size is 3,322  speedup is 0.90
+sent 3,753 bytes  received 77 bytes  7,660.00 bytes/sec
+total size is 3,467  speedup is 0.91

package/custom/CloneRowThreeDots.vue

@@ -4,9 +4,7 @@
     :to="{
       name: `resource-create`,
       params: { resourceId: props.meta.resourceId }, 
-      query: { 
-          values: save_btoa(JSON.stringify(redirectToCreatePage())),
-      }
+      query: cloneQuery
     }">
     <IconFileCloneSolid class="w-5 h-5 me-2 text-lightPrimary dark:text-darkPrimary"/>
     {{ $t('Clone record') }}
@@ -15,7 +13,9 @@
 
 <script lang="ts" setup>
 import { Tooltip } from '@/afcl';
+import { computed } from 'vue';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { btoa_function } from '@/utils';
 import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
 import { useI18n } from 'vue-i18n';
  
@@ -40,10 +40,14 @@ function redirectToCreatePage() {
         dataToFill[field.name] = props.record[field.name];
     }
     return dataToFill;
-} 
-
-function save_btoa(str) {
-  const cleaned = str.replace(/\uFEFF/g, '');
-  return btoa(cleaned);
 }
+
+const cloneQuery = computed(() => {
+    try {
+        return { values: btoa_function(JSON.stringify(redirectToCreatePage())) };
+    } catch (error) {
+        console.error('Failed to build clone query', error);
+        return {};
+    }
+});
 </script>

package/dist/custom/CloneRowThreeDots.vue

@@ -4,9 +4,7 @@
     :to="{
       name: `resource-create`,
       params: { resourceId: props.meta.resourceId }, 
-      query: { 
-          values: save_btoa(JSON.stringify(redirectToCreatePage())),
-      }
+      query: cloneQuery
     }">
     <IconFileCloneSolid class="w-5 h-5 me-2 text-lightPrimary dark:text-darkPrimary"/>
     {{ $t('Clone record') }}
@@ -15,7 +13,9 @@
 
 <script lang="ts" setup>
 import { Tooltip } from '@/afcl';
+import { computed } from 'vue';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { btoa_function } from '@/utils';
 import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
 import { useI18n } from 'vue-i18n';
  
@@ -40,10 +40,14 @@ function redirectToCreatePage() {
         dataToFill[field.name] = props.record[field.name];
     }
     return dataToFill;
-} 
-
-function save_btoa(str) {
-  const cleaned = str.replace(/\uFEFF/g, '');
-  return btoa(cleaned);
 }
+
+const cloneQuery = computed(() => {
+    try {
+        return { values: btoa_function(JSON.stringify(redirectToCreatePage())) };
+    } catch (error) {
+        console.error('Failed to build clone query', error);
+        return {};
+    }
+});
 </script>

package/dist/types.d.ts

@@ -1,4 +1,9 @@
 import { type PluginsCommonOptions } from "adminforth";
 export interface PluginOptions extends PluginsCommonOptions {
+    /**
+     * When `true`, the Clone button is displayed as a standalone quick-action icon
+     * directly in the row actions area (next to buttons like Approve).
+     * When `false` (default), the Clone option appears inside the three-dots dropdown menu.
+     */
     makeCloneButtonAsQuickAction?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/clone-row",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/types.ts

@@ -1,5 +1,10 @@
 import  {type PluginsCommonOptions } from "adminforth";
 
 export interface PluginOptions extends PluginsCommonOptions {
+  /**
+   * When `true`, the Clone button is displayed as a standalone quick-action icon
+   * directly in the row actions area (next to buttons like Approve).
+   * When `false` (default), the Clone option appears inside the three-dots dropdown menu.
+   */
   makeCloneButtonAsQuickAction?: boolean;
 }