@primeui/vue-taskboard 0.0.1-alpha.1 → 1.0.0-beta.1

package/dist/TaskBoard.context.d.ts

@@ -1,5 +1,5 @@
 import { type InjectionKey, type Ref, type ComputedRef } from 'vue';
-import type { TaskBoardItem, TaskBoardColumn, TaskBoardColumnGroup, TaskBoardSwimlane } from '@primeui/taskboard-types';
+import type { TaskBoardItem, TaskBoardColumnModel, TaskBoardColumnGroup, TaskBoardSwimlane } from '@primeui/taskboard-types';
 import type { ColumnGroupSegment } from '@primeui/taskboard-core';
 export declare const TASKBOARD_KEY: InjectionKey<TaskBoardContext>;
 export declare const COLUMN_KEY: InjectionKey<ColumnContext>;
@@ -29,16 +29,16 @@ export interface TaskBoardContext {
     dragPreviewWidth: Ref<number | null>;
     draggedItem: Ref<TaskBoardItem | null>;
     customDragPreviewCount: Ref<number>;
-    onCardPointerDown: (item: TaskBoardItem, column: TaskBoardColumn, e: PointerEvent) => void;
-    onCardDblClick: (item: TaskBoardItem, column: TaskBoardColumn, e: MouseEvent) => void;
-    onCardContextMenu: (item: TaskBoardItem, column: TaskBoardColumn, e: MouseEvent) => void;
-    onColumnToggle: (column: TaskBoardColumn) => void;
-    onColumnHeaderClick: (column: TaskBoardColumn) => void;
-    onColumnHeaderPointerDown: (column: TaskBoardColumn, e: PointerEvent) => void;
+    onCardPointerDown: (item: TaskBoardItem, column: TaskBoardColumnModel, e: PointerEvent) => void;
+    onCardDblClick: (item: TaskBoardItem, column: TaskBoardColumnModel, e: MouseEvent) => void;
+    onCardContextMenu: (item: TaskBoardItem, column: TaskBoardColumnModel, e: MouseEvent) => void;
+    onColumnToggle: (column: TaskBoardColumnModel) => void;
+    onColumnHeaderClick: (column: TaskBoardColumnModel) => void;
+    onColumnHeaderPointerDown: (column: TaskBoardColumnModel, e: PointerEvent) => void;
     onBoardBackgroundClick: () => void;
     isColumnCollapsed: (columnValue: string | number) => boolean;
-    columnClasses: (column: TaskBoardColumn) => string[];
-    getColumnStyle: (column: TaskBoardColumn) => Record<string, string> | undefined;
+    columnClasses: (column: TaskBoardColumnModel) => string[];
+    getColumnStyle: (column: TaskBoardColumnModel) => Record<string, string> | undefined;
     cardWrapperClasses: (item: TaskBoardItem) => string[];
     virtualScroll: ComputedRef<boolean>;
     canUndoState: Ref<boolean>;
@@ -59,7 +59,7 @@ export interface TaskBoardContext {
     canMoveIntoColumn: (columnId: string | number) => boolean;
     canMoveOutOfColumn: (columnId: string | number) => boolean;
     canViewColumn: (columnId: string | number) => boolean;
-    createItem: (item: Partial<TaskBoardItem>, column: TaskBoardColumn) => void;
+    createItem: (item: Partial<TaskBoardItem>, column: TaskBoardColumnModel) => void;
     getWipStatus: (columnId: string | number) => 'normal' | 'warning' | 'exceeded' | undefined;
     canMoveCard: (item: TaskBoardItem, fromColumnId: string | number, toColumnId: string | number) => {
         allowed: boolean;
@@ -74,7 +74,7 @@ export interface TaskBoardContext {
     columnGroupSegments: ComputedRef<ColumnGroupSegment[]>;
     columnGroupColumnSegments: ComputedRef<{
         key: string;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         label?: string;
         group?: TaskBoardColumnGroup;
     }[]>;
@@ -82,7 +82,7 @@ export interface TaskBoardContext {
     getGroupColumnSegmentStyle: (segment?: {
         group?: TaskBoardColumnGroup;
     }) => Record<string, string>;
-    getGroupColumns: (segment: ColumnGroupSegment) => TaskBoardColumn[];
+    getGroupColumns: (segment: ColumnGroupSegment) => TaskBoardColumnModel[];
     onColumnsHorizontalScroll: () => void;
     markDragGeometryDirty: () => void;
     groupHeadersRef: Ref<HTMLElement | undefined>;
@@ -127,7 +127,7 @@ export interface TaskBoardContext {
     } | null>;
     confirmPendingMove: () => void;
     cancelPendingMove: () => void;
-    processedColumns: ComputedRef<TaskBoardColumn[]>;
+    processedColumns: ComputedRef<TaskBoardColumnModel[]>;
     registerColumn: (col: {
         id: string | number;
         label: string;
@@ -147,23 +147,23 @@ export interface TaskBoardContext {
         newIndex: number;
     }) => void;
     emitColumnReorder: (payload: {
-        columns: TaskBoardColumn[];
+        columns: TaskBoardColumnModel[];
         oldIndex: number;
         newIndex: number;
     }) => void;
     emitCardClick: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => void;
     emitCardDblClick: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => void;
     emitCardActivate: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         origin: 'keyboard' | 'pointer';
         jsEvent?: MouseEvent;
     }) => void;
@@ -172,12 +172,12 @@ export interface TaskBoardContext {
         cards: TaskBoardItem[];
     }) => void;
     emitColumnCollapse: (payload: {
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         collapsed: boolean;
     }) => void;
     emitContextMenu: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         position: {
             x: number;
             y: number;
@@ -188,7 +188,7 @@ export interface TaskBoardContext {
 export interface ColumnContext {
     label: string;
     value: string | number;
-    columnData: TaskBoardColumn;
+    columnData: TaskBoardColumnModel;
     itemCount: ComputedRef<number>;
     isCollapsed: ComputedRef<boolean>;
     toggleCollapse: () => void;
@@ -205,7 +205,7 @@ export interface SwimlaneContext {
 }
 export interface CardContext {
     item: Ref<TaskBoardItem>;
-    column: Ref<TaskBoardColumn>;
+    column: Ref<TaskBoardColumnModel>;
     isSelected: ComputedRef<boolean>;
     isDragging: ComputedRef<boolean>;
 }

package/dist/TaskBoard.parts.d.ts

@@ -1,20 +1,20 @@
-export { default as Root } from './TaskBoard.vue';
-export { default as Header } from './TaskBoardHeader.vue';
-export { default as Content } from './TaskBoardContent.vue';
-export { default as Column } from './components/column/TaskBoardColumn.vue';
-export { default as ColumnHeader } from './components/column/TaskBoardColumnHeader.vue';
-export { default as ColumnContent } from './components/column/TaskBoardColumnContent.vue';
-export { default as ColumnFooter } from './components/column/TaskBoardColumnFooter.vue';
-export { default as ColumnEmpty } from './components/column/TaskBoardColumnEmpty.vue';
-export { default as ColumnAdd } from './components/column/TaskBoardColumnAdd.vue';
-export { default as Card } from './components/card/TaskBoardCard.vue';
-export { default as CardHeader } from './components/card/TaskBoardCardHeader.vue';
-export { default as CardContent } from './components/card/TaskBoardCardContent.vue';
-export { default as CardFooter } from './components/card/TaskBoardCardFooter.vue';
-export { default as CardAdd } from './components/card/TaskBoardCardAdd.vue';
-export { default as DragPreview } from './components/overlay/TaskBoardDragPreview.vue';
-export { default as DragConfirm } from './components/overlay/TaskBoardDragConfirm.vue';
-export { default as DropIndicator } from './components/overlay/TaskBoardDropIndicator';
-export { default as Loading } from './TaskBoardLoading.vue';
-export { default as SwimlaneHeader } from './components/swimlane/TaskBoardSwimlaneHeader.vue';
-export { default as SwimlaneColumnHeader } from './components/swimlane/TaskBoardSwimlaneColumnHeader.vue';
+export { TaskBoardRoot as Root } from './parts/root';
+export { TaskBoardHeader as Header } from './parts/header';
+export { TaskBoardContent as Content } from './parts/content';
+export { TaskBoardColumn as Column } from './parts/column';
+export { TaskBoardColumnHeader as ColumnHeader } from './parts/columnheader';
+export { TaskBoardColumnContent as ColumnContent } from './parts/columncontent';
+export { TaskBoardColumnFooter as ColumnFooter } from './parts/columnfooter';
+export { TaskBoardColumnEmpty as ColumnEmpty } from './parts/columnempty';
+export { TaskBoardColumnAdd as ColumnAdd } from './parts/columnadd';
+export { TaskBoardCard as Card } from './parts/card';
+export { TaskBoardCardHeader as CardHeader } from './parts/cardheader';
+export { TaskBoardCardContent as CardContent } from './parts/cardcontent';
+export { TaskBoardCardFooter as CardFooter } from './parts/cardfooter';
+export { TaskBoardCardAdd as CardAdd } from './parts/cardadd';
+export { TaskBoardDragPreview as DragPreview } from './parts/dragpreview';
+export { TaskBoardDragConfirm as DragConfirm } from './parts/dragconfirm';
+export { TaskBoardDropIndicator as DropIndicator } from './parts/dropindicator';
+export { TaskBoardLoading as Loading } from './parts/loading';
+export { TaskBoardSwimlaneHeader as SwimlaneHeader } from './parts/swimlaneheader';
+export { TaskBoardSwimlaneColumnHeader as SwimlaneColumnHeader } from './parts/swimlanecolumnheader';

package/dist/TaskBoard.vue.d.ts

@@ -1,8 +1,8 @@
 import { type BoardStateSnapshot } from '@primeui/taskboard-core';
-import type { TaskBoardAccess, TaskBoardColumn, TaskBoardColumnGroup, TaskBoardDensity, TaskBoardFeatures, TaskBoardSelectionMode, TaskBoardSwimlane, TaskBoardItem } from '@primeui/taskboard-types';
+import type { TaskBoardAccess, TaskBoardColumnModel, TaskBoardColumnGroup, TaskBoardDensity, TaskBoardFeatures, TaskBoardSelectionMode, TaskBoardSwimlane, TaskBoardItem } from '@primeui/taskboard-types';
 import { type CardMovePayload } from './composables/useControllerInit';
 interface Props {
-    columns?: TaskBoardColumn[];
+    columns?: TaskBoardColumnModel[];
     swimlanes?: TaskBoardSwimlane[];
     draggable?: boolean;
     selectionMode?: TaskBoardSelectionMode;
@@ -43,8 +43,8 @@ type __VLS_Slots = {} & {
     'drag-preview'?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    getColumns: () => TaskBoardColumn[];
-    getColumnById: (id: string | number) => TaskBoardColumn | undefined;
+    getColumns: () => TaskBoardColumnModel[];
+    getColumnById: (id: string | number) => TaskBoardColumnModel | undefined;
     getTasks: () => TaskBoardItem[];
     getTaskById: (id: string | number) => TaskBoardItem | undefined;
     getTasksByColumn: (columnId: string | number) => TaskBoardItem[];
@@ -89,17 +89,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     cardMove: (payload: CardMovePayload) => any;
     cardClick: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => any;
     cardDblclick: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => any;
     cardActivate: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         origin: "keyboard" | "pointer";
         jsEvent?: MouseEvent;
     }) => any;
@@ -113,7 +113,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any;
     cardCreate: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
     }) => any;
     cardUpdate: (payload: {
         card: TaskBoardItem;
@@ -121,14 +121,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any;
     cardDelete: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
     }) => any;
     columnCollapse: (payload: {
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         collapsed: boolean;
     }) => any;
     columnReorder: (payload: {
-        columns: TaskBoardColumn[];
+        columns: TaskBoardColumnModel[];
         oldIndex: number;
         newIndex: number;
     }) => any;
@@ -138,19 +138,23 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any;
     dragStart: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent | TouchEvent;
     }) => any;
     dragEnd: (payload: {
         card: TaskBoardItem;
-        oldColumn: TaskBoardColumn;
-        newColumn: TaskBoardColumn;
+        oldColumn: TaskBoardColumnModel;
+        newColumn: TaskBoardColumnModel;
         oldIndex: number;
         newIndex: number;
     }) => any;
+    dragCancel: (payload: {
+        card: TaskBoardItem;
+        column: TaskBoardColumnModel;
+    }) => any;
     cardContextMenu: (payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         position: {
             x: number;
             y: number;
@@ -159,15 +163,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any;
     cardDropBlocked: (payload: {
         task: TaskBoardItem;
-        targetColumn: TaskBoardColumn;
+        targetColumn: TaskBoardColumnModel;
         reason: string;
         message: string;
         failedFields?: string[];
     }) => any;
-    dragCancel: (payload: {
-        card: TaskBoardItem;
-        column: TaskBoardColumn;
-    }) => any;
     cardReorder: (payload: {
         card: TaskBoardItem;
         columnValue: string | number;
@@ -179,17 +179,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onCardMove?: ((payload: CardMovePayload) => any) | undefined;
     onCardClick?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => any) | undefined;
     onCardDblclick?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent;
     }) => any) | undefined;
     onCardActivate?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         origin: "keyboard" | "pointer";
         jsEvent?: MouseEvent;
     }) => any) | undefined;
@@ -203,7 +203,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
     onCardCreate?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
     }) => any) | undefined;
     onCardUpdate?: ((payload: {
         card: TaskBoardItem;
@@ -211,14 +211,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
     onCardDelete?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
     }) => any) | undefined;
     onColumnCollapse?: ((payload: {
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         collapsed: boolean;
     }) => any) | undefined;
     onColumnReorder?: ((payload: {
-        columns: TaskBoardColumn[];
+        columns: TaskBoardColumnModel[];
         oldIndex: number;
         newIndex: number;
     }) => any) | undefined;
@@ -228,19 +228,23 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
     onDragStart?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         jsEvent: MouseEvent | TouchEvent;
     }) => any) | undefined;
     onDragEnd?: ((payload: {
         card: TaskBoardItem;
-        oldColumn: TaskBoardColumn;
-        newColumn: TaskBoardColumn;
+        oldColumn: TaskBoardColumnModel;
+        newColumn: TaskBoardColumnModel;
         oldIndex: number;
         newIndex: number;
     }) => any) | undefined;
+    onDragCancel?: ((payload: {
+        card: TaskBoardItem;
+        column: TaskBoardColumnModel;
+    }) => any) | undefined;
     onCardContextMenu?: ((payload: {
         card: TaskBoardItem;
-        column: TaskBoardColumn;
+        column: TaskBoardColumnModel;
         position: {
             x: number;
             y: number;
@@ -249,15 +253,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
     onCardDropBlocked?: ((payload: {
         task: TaskBoardItem;
-        targetColumn: TaskBoardColumn;
+        targetColumn: TaskBoardColumnModel;
         reason: string;
         message: string;
         failedFields?: string[];
     }) => any) | undefined;
-    onDragCancel?: ((payload: {
-        card: TaskBoardItem;
-        column: TaskBoardColumn;
-    }) => any) | undefined;
     onCardReorder?: ((payload: {
         card: TaskBoardItem;
         columnValue: string | number;
@@ -267,7 +267,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:tasks"?: ((value: TaskBoardItem[]) => any) | undefined;
 }>, {
     draggable: boolean;
-    columns: TaskBoardColumn[];
+    columns: TaskBoardColumnModel[];
     swimlanes: TaskBoardSwimlane[];
     selectionMode: TaskBoardSelectionMode;
     contextMenu: boolean;

package/dist/TaskBoardContent.vue.d.ts

@@ -1,9 +1,9 @@
 declare var __VLS_1: {
     group: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnGroup | undefined;
-    columns: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn[];
+    columns: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel[];
 }, __VLS_3: {
     group: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnGroup | undefined;
-    columns: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn[];
+    columns: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel[];
 }, __VLS_5: {}, __VLS_7: {}, __VLS_54: {};
 type __VLS_Slots = {} & {
     'column-group-header'?: (props: typeof __VLS_1) => any;

package/dist/chunks/TaskBoard.context-BCq7uauT.mjs

@@ -0,0 +1,29 @@
+import { inject as a } from "vue";
+const e = /* @__PURE__ */ Symbol.for("taskboard"), u = /* @__PURE__ */ Symbol.for("taskboard-column"), d = /* @__PURE__ */ Symbol.for("taskboard-card"), l = /* @__PURE__ */ Symbol.for("taskboard-swimlane");
+function n(o, r, t, s) {
+  if (!o && !s)
+    throw new Error(`[PrimeUI TaskBoard] ${r} must be used inside ${t}.`);
+  return o ?? null;
+}
+function C(o = {}) {
+  return n(a(e, null), "useTaskBoardContext()", "TaskBoard.Root", o.optional);
+}
+function k(o = {}) {
+  return n(a(u, null), "useTaskBoardColumnContext()", "TaskBoard.Column", o.optional);
+}
+function m(o = {}) {
+  return n(a(d, null), "useTaskBoardCardContext()", "TaskBoard.Card", o.optional);
+}
+function T(o = {}) {
+  return n(a(l, null), "useTaskBoardSwimlaneHeaderContext()", "TaskBoard.SwimlaneHeader", o.optional);
+}
+export {
+  d as C,
+  l as S,
+  e as T,
+  u as a,
+  k as b,
+  C as c,
+  T as d,
+  m as u
+};