@object-ui/plugin-list 3.1.5 → 3.3.1

package/src/components/TabBar.tsx

@@ -1,120 +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 * as React from 'react';
-import { cn, Button } from '@object-ui/components';
-import { icons, type LucideIcon } from 'lucide-react';
-
-export interface ViewTab {
-  name: string;
-  label: string;
-  icon?: string;
-  view?: string;
-  filter?: any;
-  order?: number;
-  pinned?: boolean;
-  isDefault?: boolean;
-  visible?: string | boolean;
-}
-
-export interface TabBarProps {
-  tabs: ViewTab[];
-  activeTab?: string;
-  onTabChange?: (tab: ViewTab) => void;
-  className?: string;
-}
-
-/**
- * Resolve a kebab-case or lowercase Lucide icon name to a LucideIcon component.
- * E.g. "arrow-right" → ArrowRight, "star" → Star
- */
-function resolveIcon(iconName?: string): LucideIcon | null {
-  if (!iconName) return null;
-  const pascalCase = iconName
-    .split('-')
-    .map(w => w.charAt(0).toUpperCase() + w.slice(1))
-    .join('');
-  return (icons as Record<string, LucideIcon>)[pascalCase] ?? null;
-}
-
-/**
- * Filter visible tabs: exclude tabs where visible is 'false' or boolean false.
- * Pinned tabs are always included regardless of other filtering.
- */
-function getVisibleTabs(tabs: ViewTab[]): ViewTab[] {
-  return tabs
-    .filter(tab => tab.pinned || (tab.visible !== 'false' && tab.visible !== false))
-    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-}
-
-/**
- * TabBar renders a row of view tabs above the ListView toolbar.
- * Supports icons (resolved via Lucide), pinned tabs, isDefault selection,
- * and emits tab changes with filter/sort configuration.
- */
-export const TabBar: React.FC<TabBarProps> = ({
-  tabs,
-  activeTab: controlledActiveTab,
-  onTabChange,
-  className,
-}) => {
-  const visibleTabs = React.useMemo(() => getVisibleTabs(tabs), [tabs]);
-
-  // Determine the default tab: first isDefault tab, or first tab
-  const defaultTab = React.useMemo(() => {
-    const def = visibleTabs.find(t => t.isDefault);
-    return def?.name ?? visibleTabs[0]?.name;
-  }, [visibleTabs]);
-
-  const [internalActiveTab, setInternalActiveTab] = React.useState<string | undefined>(defaultTab);
-
-  const activeTabName = controlledActiveTab ?? internalActiveTab;
-
-  const handleTabClick = React.useCallback(
-    (tab: ViewTab) => {
-      setInternalActiveTab(tab.name);
-      onTabChange?.(tab);
-    },
-    [onTabChange],
-  );
-
-  if (visibleTabs.length === 0) return null;
-
-  return (
-    <div
-      className={cn('border-b px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background', className)}
-      data-testid="view-tabs"
-      role="tablist"
-    >
-      {visibleTabs.map(tab => {
-        const TabIcon = resolveIcon(tab.icon);
-        const isActive = activeTabName === tab.name;
-        return (
-          <Button
-            key={tab.name}
-            variant="ghost"
-            size="sm"
-            className={cn(
-              "h-7 px-3 py-1.5 text-xs rounded-none transition-colors duration-150",
-              isActive
-                ? "border-b-2 border-primary font-medium text-foreground"
-                : "text-muted-foreground hover:text-foreground"
-            )}
-            data-testid={`view-tab-${tab.name}`}
-            role="tab"
-            aria-selected={isActive}
-            onClick={() => handleTabClick(tab)}
-          >
-            {TabIcon && <TabIcon className="h-3 w-3 mr-1.5" />}
-            {tab.label}
-          </Button>
-        );
-      })}
-    </div>
-  );
-};

package/src/index.tsx

@@ -1,78 +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 { ComponentRegistry } from '@object-ui/core';
-import { ListView } from './ListView';
-import { ViewSwitcher } from './ViewSwitcher';
-import { ObjectGallery } from './ObjectGallery';
-
-export { ListView, ViewSwitcher, ObjectGallery };
-export { TabBar } from './components/TabBar';
-export type { TabBarProps, ViewTab } from './components/TabBar';
-export { UserFilters } from './UserFilters';
-export type { UserFiltersProps } from './UserFilters';
-export { evaluateConditionalFormatting, normalizeFilterCondition, normalizeFilters } from './ListView';
-export type { ListViewProps } from './ListView';
-export type { ObjectGalleryProps } from './ObjectGallery';
-export type { ViewSwitcherProps, ViewType } from './ViewSwitcher';
-
-// Register ListView component
-ComponentRegistry.register('list-view', ListView, {
-  namespace: 'plugin-list',
-  label: 'List View',
-  category: 'Views',
-  icon: 'LayoutList',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'viewType', type: 'enum', label: 'Default View', enum: [
-      { label: 'Grid', value: 'grid' },
-      { label: 'Kanban', value: 'kanban' },
-      { label: 'Gallery', value: 'gallery' },
-      { label: 'Calendar', value: 'calendar' },
-      { label: 'Timeline', value: 'timeline' },
-      { label: 'Gantt', value: 'gantt' },
-      { label: 'Map', value: 'map' },
-    ], defaultValue: 'grid' },
-    { name: 'fields', type: 'array', label: 'Fields' },
-    { name: 'filters', type: 'array', label: 'Filters' },
-    { name: 'sort', type: 'array', label: 'Sort' },
-    { name: 'options', type: 'object', label: 'View Options' },
-  ],
-  defaultProps: {
-    objectName: '',
-    viewType: 'grid',
-    fields: [],
-    filters: [],
-    sort: [],
-    options: {},
-  }
-});
-
-// Alias for generic view
-ComponentRegistry.register('list', ListView, {
-  namespace: 'view',
-  category: 'view',
-  label: 'List',
-  icon: 'LayoutList',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'viewType', type: 'enum', label: 'Default View', enum: [
-      { label: 'Grid', value: 'grid' },
-      { label: 'Kanban', value: 'kanban' },
-      { label: 'Gallery', value: 'gallery' },
-      { label: 'Calendar', value: 'calendar' },
-      { label: 'Timeline', value: 'timeline' },
-      { label: 'Gantt', value: 'gantt' },
-      { label: 'Map', value: 'map' },
-    ], defaultValue: 'grid' },
-    { name: 'fields', type: 'array', label: 'Fields' },
-    { name: 'filters', type: 'array', label: 'Filters' },
-    { name: 'sort', type: 'array', label: 'Sort' },
-    { name: 'options', type: 'object', label: 'View Options' },
-  ]
-});

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "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,56 +0,0 @@
-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,
-      outDir: 'dist',
-      tsconfigPath: './tsconfig.json',
-    }),
-  ],
-  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: 'ObjectUIPluginList',
-      formats: ['es', 'umd'],
-      fileName: (format) => `index.${format === 'es' ? 'js' : 'umd.cjs'}`,
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', 'react/jsx-runtime'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          'react/jsx-runtime': 'jsxRuntime',
-        },
-      },
-    },
-  },
-  test: {
-    globals: true,
-    environment: 'happy-dom',
-    setupFiles: ['../../vitest.setup.tsx'],
-    passWithNoTests: true,
-    css: {
-      modules: {
-        classNameStrategy: 'non-scoped',
-      },
-    },
-  },
-});

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';