@object-ui/plugin-kanban 3.1.5 → 3.3.1

package/src/useCrossSwimlaneMove.ts

@@ -1,116 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { useState, useCallback, useMemo } from "react"
-
-export interface Swimlane {
-  /** Unique identifier for the swimlane row */
-  id: string
-  /** Display label */
-  title: string
-  /** Optional list of swimlane IDs this lane accepts cards from. Omit for unrestricted. */
-  acceptFrom?: string[]
-}
-
-export interface CrossSwimlaneMoveEvent {
-  cardId: string
-  fromSwimlane: string
-  toSwimlane: string
-  columnId: string
-}
-
-export interface UseCrossSwimlaneOptions {
-  /** Swimlane definitions */
-  swimlanes: Swimlane[]
-  /** Callback executed after a successful cross-swimlane move */
-  onCardMove?: (event: CrossSwimlaneMoveEvent) => void
-}
-
-export interface UseCrossSwimlaneMoveReturn {
-  /** Execute a cross-swimlane move. Returns true if the move was allowed. */
-  handleCrossSwimlaneMove: (
-    cardId: string,
-    fromSwimlane: string,
-    toSwimlane: string,
-    columnId: string,
-  ) => boolean
-  /** Whether a card is currently being dragged across swimlanes */
-  isDraggingAcrossSwimlanes: boolean
-  /** Start tracking a cross-swimlane drag */
-  startCrossSwimlaneDrag: (fromSwimlane: string) => void
-  /** End the cross-swimlane drag */
-  endCrossSwimlaneDrag: () => void
-  /** Check whether a card may be moved into the target swimlane */
-  canMoveTo: (fromSwimlane: string, toSwimlane: string) => boolean
-}
-
-/**
- * Hook for managing cross-swimlane card movements.
- * Validates movement constraints (acceptFrom rules) and tracks drag state.
- */
-export function useCrossSwimlaneMove({
-  swimlanes,
-  onCardMove,
-}: UseCrossSwimlaneOptions): UseCrossSwimlaneMoveReturn {
-  const [dragSource, setDragSource] = useState<string | null>(null)
-
-  const swimlaneMap = useMemo(() => {
-    const map = new Map<string, Swimlane>()
-    for (const lane of swimlanes) {
-      map.set(lane.id, lane)
-    }
-    return map
-  }, [swimlanes])
-
-  const canMoveTo = useCallback(
-    (fromSwimlane: string, toSwimlane: string): boolean => {
-      if (fromSwimlane === toSwimlane) return true
-      const target = swimlaneMap.get(toSwimlane)
-      if (!target) return false
-      // When acceptFrom is not specified the lane is unrestricted
-      if (!target.acceptFrom) return true
-      return target.acceptFrom.includes(fromSwimlane)
-    },
-    [swimlaneMap],
-  )
-
-  const handleCrossSwimlaneMove = useCallback(
-    (
-      cardId: string,
-      fromSwimlane: string,
-      toSwimlane: string,
-      columnId: string,
-    ): boolean => {
-      if (!canMoveTo(fromSwimlane, toSwimlane)) return false
-      onCardMove?.({ cardId, fromSwimlane, toSwimlane, columnId })
-      setDragSource(null)
-      return true
-    },
-    [canMoveTo, onCardMove],
-  )
-
-  const startCrossSwimlaneDrag = useCallback((fromSwimlane: string) => {
-    setDragSource(fromSwimlane)
-  }, [])
-
-  const endCrossSwimlaneDrag = useCallback(() => {
-    setDragSource(null)
-  }, [])
-
-  const isDraggingAcrossSwimlanes = dragSource !== null
-
-  return {
-    handleCrossSwimlaneMove,
-    isDraggingAcrossSwimlanes,
-    startCrossSwimlaneDrag,
-    endCrossSwimlaneDrag,
-    canMoveTo,
-  }
-}
-
-export default useCrossSwimlaneMove

package/src/useQuickAddReorder.ts

@@ -1,107 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { useState, useCallback } from "react"
-import type { KanbanCard } from "./types"
-
-export interface UseQuickAddReorderOptions {
-  /** Initial set of cards in the column */
-  cards: KanbanCard[]
-  /** Called when the user finishes reordering */
-  onReorderComplete?: (reorderedCards: KanbanCard[]) => void
-}
-
-export interface UseQuickAddReorderReturn {
-  /** Cards in their current (possibly reordered) order */
-  reorderedCards: KanbanCard[]
-  /** Move a card from one index to another within the list */
-  onReorder: (fromIndex: number, toIndex: number) => void
-  /** Whether a card is currently being dragged for reorder */
-  isDragging: boolean
-  /** Signal the start of a drag-to-reorder interaction */
-  startDrag: () => void
-  /** Signal the end of a drag-to-reorder interaction */
-  endDrag: () => void
-  /** Reset reordered state back to the source cards */
-  reset: () => void
-}
-
-/**
- * Hook for drag-to-reorder of quick-add cards within a single column.
- * Manages local ordering state and exposes drag lifecycle helpers.
- */
-export function useQuickAddReorder({
-  cards,
-  onReorderComplete,
-}: UseQuickAddReorderOptions): UseQuickAddReorderReturn {
-  const [reorderedCards, setReorderedCards] = useState<KanbanCard[]>(cards)
-  const [isDragging, setIsDragging] = useState(false)
-
-  // Keep reorderedCards in sync when the source cards change externally
-  // (e.g. when a new card is added via quick-add)
-  if (!cardsMatch(reorderedCards, cards) && !isDragging) {
-    setReorderedCards(cards)
-  }
-
-  const reset = useCallback(() => {
-    setReorderedCards(cards)
-    setIsDragging(false)
-  }, [cards])
-
-  const onReorder = useCallback(
-    (fromIndex: number, toIndex: number) => {
-      setReorderedCards(prev => {
-        if (
-          fromIndex < 0 ||
-          toIndex < 0 ||
-          fromIndex >= prev.length ||
-          toIndex >= prev.length
-        ) {
-          return prev
-        }
-        const next = [...prev]
-        const [moved] = next.splice(fromIndex, 1)
-        next.splice(toIndex, 0, moved)
-        return next
-      })
-    },
-    [],
-  )
-
-  const startDrag = useCallback(() => {
-    setIsDragging(true)
-  }, [])
-
-  const endDrag = useCallback(() => {
-    setIsDragging(false)
-    setReorderedCards(current => {
-      onReorderComplete?.(current)
-      return current
-    })
-  }, [onReorderComplete])
-
-  return {
-    reorderedCards,
-    onReorder,
-    isDragging,
-    startDrag,
-    endDrag,
-    reset,
-  }
-}
-
-/** Shallow check that two card arrays contain the same IDs in the same order. */
-function cardsMatch(a: KanbanCard[], b: KanbanCard[]): boolean {
-  if (a.length !== b.length) return false
-  for (let i = 0; i < a.length; i++) {
-    if (a[i].id !== b[i].id) return false
-  }
-  return true
-}
-
-export default useQuickAddReorder

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    // Removed rootDir to prevent file not under rootDir errors when importing from workspace dependencies
-    "noEmit": false,
-    "declaration": true,
-    "composite": true,
-    "declarationMap": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.test.tsx"]
-}

package/vite.config.ts

@@ -1,61 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import { resolve } from 'path';
-
-export default defineConfig({
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      include: ['src'],
-      exclude: ['**/*.test.ts', '**/*.test.tsx', 'node_modules'],
-      skipDiagnostics: true,
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, './src'),
-      '@object-ui/core': resolve(__dirname, '../core/src'),
-      '@object-ui/types': resolve(__dirname, '../types/src'),
-      '@object-ui/react': resolve(__dirname, '../react/src'),
-      '@object-ui/components': resolve(__dirname, '../components/src'),
-      '@object-ui/fields': resolve(__dirname, '../fields/src'),
-      '@object-ui/plugin-dashboard': resolve(__dirname, '../plugin-dashboard/src'),
-      '@object-ui/plugin-grid': resolve(__dirname, '../plugin-grid/src'),
-    },
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.tsx'),
-      name: 'ObjectUIPluginKanban',
-      fileName: 'index',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', '@object-ui/components', '@object-ui/core', '@object-ui/react'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          '@object-ui/components': 'ObjectUIComponents',
-          '@object-ui/core': 'ObjectUICore',
-          '@object-ui/react': 'ObjectUIReact',
-        },
-      },
-    },
-  },
-  test: {
-    globals: true,
-    environment: 'happy-dom',
-    setupFiles: ['../../vitest.setup.tsx'],
-    passWithNoTests: true,
-  },
-});

package/vitest.config.ts

@@ -1,12 +0,0 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    setupFiles: ['./vitest.setup.ts'],
-  },
-});

package/vitest.setup.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';