@xy-planning-network/trees 0.13.8 → 0.13.10-dev-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.13.8",
+  "version": "0.13.10-dev-1",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
@@ -75,6 +75,6 @@
     "vue": "^3.5.12"
   },
   "engines": {
-    "node": ">=20"
+    "node": "~24.15.0"
   }
 }

package/src/lib-components/navigation/ActionsButtonGroup.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ActionItems, isActionItemButton } from "@/composables/nav"
+import { ActionItems, isActionItemLink } from "@/composables/nav"
 import { computed } from "vue"
 
 const props = withDefaults(
@@ -18,7 +18,7 @@ const actionItems = computed(() => {
       return {
         ...a,
         disabled: a.disabled ?? false,
-        kind: isActionItemButton(a) ? "button" : "link",
+        kind: isActionItemLink(a) ? "link" : "button",
         show: true,
         onClick: a.onClick ? a.onClick : () => {},
       }

package/src/lib-components/navigation/ActionsDropdown.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue"
-import {
-  ChevronDownIcon,
-  EllipsisVerticalIcon,
-} from "@heroicons/vue/solid"
-import { isActionItemButton, type ActionItems } from "@/composables/nav"
+import { ChevronDownIcon, EllipsisVerticalIcon } from "@heroicons/vue/solid"
+import { isActionItemLink, type ActionItems } from "@/composables/nav"
 import { computed, useTemplateRef } from "vue"
 import { useFloating, autoUpdate, autoPlacement } from "@floating-ui/vue"
 
@@ -28,7 +25,7 @@ const actionItems = computed(() => {
       return {
         ...a,
         disabled: a.disabled ?? false,
-        kind: isActionItemButton(a) ? "button" : "link",
+        kind: isActionItemLink(a) ? "link" : "button",
         show: true,
         onClick: a.onClick ? a.onClick : () => {},
       }

package/types/composables/table.d.ts

@@ -65,6 +65,7 @@ export interface TableActionButton<T = TableRowData> {
      */
     onClick: (rowData: T, rowIndex: number, tableAPI: DynamicTableAPI, e?: Event) => void;
 }
+export declare const isTableActionButton: (item: TableActionItem) => item is TableActionButton<TableRowData>;
 /**
  * TableActionLink determines the configuration for a link button within a table row.
  * Visibility (`show`) and interactivity (`disabled`) can be toggled via static booleans
@@ -92,6 +93,7 @@ export interface TableActionLink<T = TableRowData> {
      */
     onClick?: (rowData: T, rowIndex: number, tableAPI: DynamicTableAPI, e?: Event) => void;
 }
+export declare const isTableActionLink: (item: TableActionItem) => item is TableActionLink<TableRowData>;
 /**
  * TableBulkActionItem determines the configuration for a bulk action button on a table.
  * Visibility (`show`) and interactivity (`disabled`) can be toggled via static booleans.

package/types/composables/useActionItems.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from "vue";
+import { ActionItem } from "./nav";
+export declare const useActionItems: (items: ActionItem[] | Ref<ActionItem[]>) => {
+    actions: import("vue").ComputedRef<{
+        disabled: boolean;
+        show: boolean;
+        onClick: (...args: any[]) => void;
+        icon?: import("vue").RenderFunction | import("vue").FunctionalComponent<{}, {}, any, {}> | undefined;
+        label: string;
+    }[]>;
+    hasActions: import("vue").ComputedRef<boolean>;
+};

package/types/composables/useTable.d.ts

@@ -1,44 +1,27 @@
 import { Ref } from "vue";
 import { TableColumns, TableRowsData, TableActions, DynamicTableAPI } from "./table";
+import { ActionItemButton, ActionItemLink } from "../entry";
 export declare const useTable: (rowData: TableRowsData | Ref<TableRowsData>, cols: TableColumns | Ref<TableColumns>, acts: TableActions | Ref<TableActions>, exposedAPI?: DynamicTableAPI) => {
     columns: import("vue").ComputedRef<{
         alignment: string;
-        classNames?: string | ((rowData: import("./table").TableRowData, rowIndex: number) => string) | undefined;
+        classNames?: string | ((rowData: import("../entry").TableRowData, rowIndex: number) => string) | undefined;
         title: string;
-        render: string | ((rowData: import("./table").TableRowData, rowIndex: number) => import("vue").VNodeChild);
+        render: string | ((rowData: import("../entry").TableRowData, rowIndex: number) => import("vue").VNodeChild);
         show?: boolean | undefined;
         sort?: string | undefined;
     }[]>;
     hasActions: import("vue").ComputedRef<boolean>;
     isEmptyCellValue: (v: unknown) => boolean;
     rows: import("vue").ComputedRef<{
-        actions: ({
-            disabled: boolean | undefined;
-            onClick: (e?: Event) => void | (() => void);
-            show: boolean | undefined;
-            url: string;
-            label: string;
-            attrs?: undefined;
-            icon?: import("vue").RenderFunction | import("vue").FunctionalComponent<{}, {}, any, {}> | undefined;
-            openInTab?: undefined;
-        } | {
-            disabled: boolean | undefined;
-            onClick: (e?: Event) => void | (() => void);
-            show: boolean | undefined;
-            url: string;
-            label: string;
-            attrs?: Record<string, string | number | boolean> | undefined;
-            icon?: import("vue").RenderFunction | import("vue").FunctionalComponent<{}, {}, any, {}> | undefined;
-            openInTab?: boolean | undefined;
-        })[];
-        rowData: import("./table").TableRowData;
+        actions: (ActionItemButton | ActionItemLink)[];
+        rowData: import("../entry").TableRowData;
         cells: {
             isComponent: boolean;
             classNames: string;
             val: any;
             alignment: string;
             title: string;
-            render: string | ((rowData: import("./table").TableRowData, rowIndex: number) => import("vue").VNodeChild);
+            render: string | ((rowData: import("../entry").TableRowData, rowIndex: number) => import("vue").VNodeChild);
             show?: boolean | undefined;
             sort?: string | undefined;
         }[];

package/types/lib-components/lists/DynamicTable.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
 } & {
     "click:row": (v: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onClick:row"?: ((v: any) => any) | undefined;
     "onUpdate:selected"?: ((value: number[]) => any) | undefined;
+    "onClick:row"?: ((v: any) => any) | undefined;
 }>, {
     tableActions: TableActions<any>;
     tableBulkActions: TableBulkActions<any>;

package/types/lib-components/lists/TableActionButtons.vue.d.ts

@@ -0,0 +1,8 @@
+import { TableActionItem } from "../../composables";
+type __VLS_Props = {
+    actions?: TableActionItem[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    actions: TableActionItem<import("../../composables").TableRowData>[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;