@object-ui/plugin-detail 3.1.5 → 3.3.1

package/src/index.tsx

@@ -1,149 +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 { DetailView } from './DetailView';
-import { DetailSection } from './DetailSection';
-import { DetailTabs } from './DetailTabs';
-import { RelatedList } from './RelatedList';
-import type { DetailViewSchema } from '@object-ui/types';
-
-export { DetailView, DetailSection, DetailTabs, RelatedList };
-export { SectionGroup } from './SectionGroup';
-export { HeaderHighlight } from './HeaderHighlight';
-export { inferDetailColumns, isWideFieldType, applyAutoSpan, applyDetailAutoLayout } from './autoLayout';
-export { useDetailTranslation, DETAIL_DEFAULT_TRANSLATIONS, createSafeTranslationHook } from './useDetailTranslation';
-export { RecordComments } from './RecordComments';
-export { ActivityTimeline } from './ActivityTimeline';
-export { InlineCreateRelated } from './InlineCreateRelated';
-export { RichTextCommentInput } from './RichTextCommentInput';
-export { DiffView } from './DiffView';
-export { RecordNavigationEnhanced } from './RecordNavigationEnhanced';
-export { RelationshipGraph } from './RelationshipGraph';
-export { CommentAttachment } from './CommentAttachment';
-export { PointInTimeRestore } from './PointInTimeRestore';
-export { RecordActivityTimeline } from './RecordActivityTimeline';
-export { RecordChatterPanel } from './RecordChatterPanel';
-export { CommentInput } from './CommentInput';
-export { FieldChangeItem } from './FieldChangeItem';
-export { MentionAutocomplete, createMentionFromSuggestion } from './MentionAutocomplete';
-export { SubscriptionToggle } from './SubscriptionToggle';
-export { ReactionPicker } from './ReactionPicker';
-export { ThreadedReplies } from './ThreadedReplies';
-export type { DetailViewProps } from './DetailView';
-export type { DetailSectionProps, VirtualScrollOptions } from './DetailSection';
-export type { DetailTabsProps } from './DetailTabs';
-export type { RelatedListProps } from './RelatedList';
-export type { SectionGroupProps } from './SectionGroup';
-export type { HeaderHighlightProps } from './HeaderHighlight';
-export type { RecordCommentsProps } from './RecordComments';
-export type { ActivityTimelineProps, ActivityFilterType } from './ActivityTimeline';
-export type { InlineCreateRelatedProps, RelatedFieldDefinition, RelatedRecordOption } from './InlineCreateRelated';
-export type { RichTextCommentInputProps, MentionSuggestion } from './RichTextCommentInput';
-export type { DiffViewProps, DiffFieldType, DiffMode, DiffLine } from './DiffView';
-export type { RecordNavigationEnhancedProps } from './RecordNavigationEnhanced';
-export type { RelationshipGraphProps, GraphNode } from './RelationshipGraph';
-export type { CommentAttachmentProps, Attachment } from './CommentAttachment';
-export type { PointInTimeRestoreProps, RevisionEntry } from './PointInTimeRestore';
-export type { RecordActivityTimelineProps, FeedFilterMode } from './RecordActivityTimeline';
-export type { RecordChatterPanelProps } from './RecordChatterPanel';
-export type { CommentInputProps } from './CommentInput';
-export type { FieldChangeItemProps } from './FieldChangeItem';
-export type { MentionAutocompleteProps, MentionSuggestionItem } from './MentionAutocomplete';
-export type { SubscriptionToggleProps } from './SubscriptionToggle';
-export type { ReactionPickerProps } from './ReactionPicker';
-export type { ThreadedRepliesProps } from './ThreadedReplies';
-
-// Register DetailView component
-ComponentRegistry.register('detail-view', DetailView, {
-  namespace: 'plugin-detail',
-  label: 'Detail View',
-  category: 'Views',
-  icon: 'FileText',
-  inputs: [
-    { name: 'title', type: 'string', label: 'Title' },
-    { name: 'objectName', type: 'string', label: 'Object Name' },
-    { name: 'resourceId', type: 'string', label: 'Resource ID' },
-    { name: 'api', type: 'string', label: 'API Endpoint' },
-    { name: 'data', type: 'object', label: 'Data' },
-    { name: 'layout', type: 'enum', label: 'Layout Mode', enum: ['vertical', 'horizontal', 'grid'] },
-    { name: 'columns', type: 'number', label: 'Grid Columns' },
-    { name: 'sections', type: 'array', label: 'Sections' },
-    { name: 'fields', type: 'array', label: 'Fields' },
-    { name: 'tabs', type: 'array', label: 'Tabs' },
-    { name: 'related', type: 'array', label: 'Related Lists' },
-    { name: 'actions', type: 'array', label: 'Actions' },
-    { name: 'showBack', type: 'boolean', label: 'Show Back Button', defaultValue: true },
-    { name: 'backUrl', type: 'string', label: 'Back URL' },
-    { name: 'showEdit', type: 'boolean', label: 'Show Edit Button', defaultValue: false },
-    { name: 'editUrl', type: 'string', label: 'Edit URL' },
-    { name: 'showDelete', type: 'boolean', label: 'Show Delete Button', defaultValue: false },
-    { name: 'deleteConfirmation', type: 'string', label: 'Delete Confirmation Message' },
-    { name: 'loading', type: 'boolean', label: 'Show Loading State' },
-    { name: 'header', type: 'object', label: 'Custom Header' },
-    { name: 'footer', type: 'object', label: 'Custom Footer' },
-  ],
-  defaultProps: {
-    title: 'Detail View',
-    showBack: true,
-    showEdit: false,
-    showDelete: false,
-    sections: [],
-    fields: [],
-    tabs: [],
-    related: [],
-  }
-});
-
-// Register DetailSection component
-ComponentRegistry.register('detail-section', DetailSection, {
-  namespace: 'plugin-detail',
-  label: 'Detail Section',
-  category: 'Detail Components',
-  inputs: [
-    { name: 'title', type: 'string', label: 'Title' },
-    { name: 'description', type: 'string', label: 'Description' },
-    { name: 'fields', type: 'array', label: 'Fields', required: true },
-    { name: 'collapsible', type: 'boolean', label: 'Collapsible', defaultValue: false },
-    { name: 'defaultCollapsed', type: 'boolean', label: 'Default Collapsed', defaultValue: false },
-    { name: 'columns', type: 'number', label: 'Columns', defaultValue: 2 },
-    { name: 'showBorder', type: 'boolean', label: 'Show Border', defaultValue: true },
-    { name: 'headerColor', type: 'string', label: 'Header Color' },
-  ],
-});
-
-// Register RelatedList component
-ComponentRegistry.register('related-list', RelatedList, {
-  namespace: 'plugin-detail',
-  label: 'Related List',
-  category: 'Detail Components',
-  inputs: [
-    { name: 'title', type: 'string', label: 'Title', required: true },
-    { name: 'type', type: 'enum', label: 'Type', enum: [
-      { label: 'List', value: 'list' },
-      { label: 'Grid', value: 'grid' },
-      { label: 'Table', value: 'table' }
-    ], defaultValue: 'table' },
-    { name: 'api', type: 'string', label: 'API Endpoint' },
-    { name: 'data', type: 'array', label: 'Data' },
-    { name: 'columns', type: 'array', label: 'Columns' },
-  ],
-});
-
-// Alias for generic view
-ComponentRegistry.register('detail', DetailView, {
-  namespace: 'view',
-  category: 'view',
-  label: 'Detail',
-  icon: 'FileText',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'recordId', type: 'string', label: 'Record ID' },
-    { name: 'fields', type: 'array', label: 'Fields' },
-  ]
-});

package/src/useDetailTranslation.ts

@@ -1,114 +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 { useObjectTranslation } from '@object-ui/react';
-
-/**
- * Create a safe translation hook with fallback to defaults.
- * Follows the same pattern as useGridTranslation / useListViewTranslation.
- *
- * @param defaults - Fallback English translations keyed by i18n key
- * @param testKey - A key to test if i18n is properly configured
- */
-export function createSafeTranslationHook(
-  defaults: Record<string, string>,
-  testKey: string,
-) {
-  return function useSafeTranslation() {
-    try {
-      const result = useObjectTranslation();
-      const testValue = result.t(testKey);
-      if (testValue === testKey) {
-        return {
-          t: (key: string, options?: Record<string, unknown>) => {
-            let value = defaults[key] || key;
-            if (options) {
-              for (const [k, v] of Object.entries(options)) {
-                value = value.replace(`{{${k}}}`, String(v));
-              }
-            }
-            return value;
-          },
-        };
-      }
-      return { t: result.t };
-    } catch {
-      return {
-        t: (key: string, options?: Record<string, unknown>) => {
-          let value = defaults[key] || key;
-          if (options) {
-            for (const [k, v] of Object.entries(options)) {
-              value = value.replace(`{{${k}}}`, String(v));
-            }
-          }
-          return value;
-        },
-      };
-    }
-  };
-}
-
-/**
- * Default English translations for detail view components.
- * Used as fallback when no I18nProvider is available.
- */
-export const DETAIL_DEFAULT_TRANSLATIONS: Record<string, string> = {
-  'detail.back': 'Back',
-  'detail.edit': 'Edit',
-  'detail.editInline': 'Edit inline',
-  'detail.save': 'Save',
-  'detail.saveChanges': 'Save changes',
-  'detail.editFieldsInline': 'Edit fields inline',
-  'detail.share': 'Share',
-  'detail.duplicate': 'Duplicate',
-  'detail.export': 'Export',
-  'detail.viewHistory': 'View history',
-  'detail.delete': 'Delete',
-  'detail.moreActions': 'More actions',
-  'detail.addToFavorites': 'Add to favorites',
-  'detail.removeFromFavorites': 'Remove from favorites',
-  'detail.previousRecord': 'Previous record',
-  'detail.nextRecord': 'Next record',
-  'detail.recordOf': '{{current}} of {{total}}',
-  'detail.recordNotFound': 'Record not found',
-  'detail.recordNotFoundDescription': 'The record you are looking for does not exist or may have been deleted.',
-  'detail.goBack': 'Go back',
-  'detail.details': 'Details',
-  'detail.related': 'Related',
-  'detail.relatedRecords': '{{count}} records',
-  'detail.relatedRecordOne': '{{count}} record',
-  'detail.noRelatedRecords': 'No related records found',
-  'detail.loading': 'Loading...',
-  'detail.copyToClipboard': 'Copy to clipboard',
-  'detail.copied': 'Copied!',
-  'detail.deleteConfirmation': 'Are you sure you want to delete this record?',
-  'detail.editRecord': 'Edit record',
-  'detail.viewAll': 'View All',
-  'detail.new': 'New',
-  'detail.emptyValue': '—',
-  'detail.activity': 'Activity',
-  'detail.editRow': 'Edit',
-  'detail.deleteRow': 'Delete',
-  'detail.deleteRowConfirmation': 'Are you sure you want to delete this record?',
-  'detail.actions': 'Actions',
-  'detail.previousPage': 'Previous',
-  'detail.nextPage': 'Next',
-  'detail.pageOf': 'Page {{current}} of {{total}}',
-  'detail.sortBy': 'Sort by',
-  'detail.filterPlaceholder': 'Filter...',
-  'detail.highlightFields': 'Key Fields',
-};
-
-/**
- * Translation hook for detail view components.
- * Falls back to DETAIL_DEFAULT_TRANSLATIONS when no I18nProvider is available.
- */
-export const useDetailTranslation = createSafeTranslationHook(
-  DETAIL_DEFAULT_TRANSLATIONS,
-  'detail.back',
-);

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: 'ObjectUIPluginDetail',
-      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,13 +0,0 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import path from 'path';
-
-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';