@finema/core 3.11.1 → 3.12.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "3.11.1";
+const version = "3.12.0";
 
 const nuxtAppOptions = {
   head: {

package/dist/runtime/components/Table/index.d.vue.ts

@@ -7,15 +7,34 @@ type Slot = TableSlots<any> & {
 type __VLS_Props = {
     options: ITableOptions<any>;
     ui?: (typeof tableTheme)['slots'];
+    isPinAction?: boolean;
+    columnPinning?: {
+        left: string[];
+        right: string[];
+    };
 };
 type __VLS_Slots = Slot;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     search: (q: string) => any;
     pageChange: (page: number) => any;
+    "update:columnPinning": (value: {
+        left: string[];
+        right: string[];
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSearch?: ((q: string) => any) | undefined;
     onPageChange?: ((page: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:columnPinning"?: ((value: {
+        left: string[];
+        right: string[];
+    }) => any) | undefined;
+}>, {
+    isPinAction: boolean;
+    columnPinning: {
+        left: string[];
+        right: string[];
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Table/index.vue

@@ -18,6 +18,7 @@
       v-bind="$attrs"
       :options="options"
       :ui="ui"
+      :column-pinning="computedColumnPinning"
       @page-change="onPageChange"
       @search="emits('search', q)"
     >
@@ -39,15 +40,37 @@ import { computed } from "vue";
 import { _debounce, ref, useUiConfig, watch } from "#imports";
 import { tableTheme } from "#core/theme/table";
 import Base from "#core/components/Table/Base.vue";
-const emits = defineEmits(["pageChange", "search"]);
+const emits = defineEmits(["pageChange", "search", "update:columnPinning"]);
 const props = defineProps({
   options: { type: Object, required: true },
-  ui: { type: null, required: false }
+  ui: { type: null, required: false },
+  isPinAction: { type: Boolean, required: false, default: false },
+  columnPinning: { type: Object, required: false, default: () => ({
+    left: [],
+    right: []
+  }) }
 });
 defineSlots();
 const tableContainer = ref();
 const q = ref(props.options?.pageOptions.search ?? "");
 const theme = computed(() => useUiConfig(tableTheme, "table")());
+const computedColumnPinning = computed(() => {
+  if (props.isPinAction) {
+    const hasActionsColumn = props.options.columns.some(
+      (col) => col.accessorKey === "actions"
+    );
+    if (hasActionsColumn) {
+      const rightPinned = props.columnPinning.right.filter(
+        (col) => col !== "actions"
+      );
+      return {
+        left: props.columnPinning.left,
+        right: [...rightPinned, "actions"]
+      };
+    }
+  }
+  return props.columnPinning;
+});
 watch(
   q,
   _debounce((value) => {

package/dist/runtime/components/Table/index.vue.d.ts

@@ -7,15 +7,34 @@ type Slot = TableSlots<any> & {
 type __VLS_Props = {
     options: ITableOptions<any>;
     ui?: (typeof tableTheme)['slots'];
+    isPinAction?: boolean;
+    columnPinning?: {
+        left: string[];
+        right: string[];
+    };
 };
 type __VLS_Slots = Slot;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     search: (q: string) => any;
     pageChange: (page: number) => any;
+    "update:columnPinning": (value: {
+        left: string[];
+        right: string[];
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSearch?: ((q: string) => any) | undefined;
     onPageChange?: ((page: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:columnPinning"?: ((value: {
+        left: string[];
+        right: string[];
+    }) => any) | undefined;
+}>, {
+    isPinAction: boolean;
+    columnPinning: {
+        left: string[];
+        right: string[];
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",