@standardbeagle/edit-db 0.3.159

package/dist/error-boundary.d.ts

@@ -0,0 +1,19 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    section?: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleRetry: () => void;
+    render(): ReactNode;
+}
+export {};

package/dist/error-panel.d.ts

@@ -0,0 +1 @@
+export default function ErrorPage(): import("react/jsx-runtime").JSX.Element;

package/dist/header.d.ts

@@ -0,0 +1 @@
+export declare function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useDataTable.d.ts

@@ -0,0 +1,31 @@
+import { Table } from '../types/schema';
+import { TableColumn, SortOrder } from 'react-data-table-component';
+interface RowData {
+    id?: number | string;
+    [key: string]: unknown;
+}
+interface DataTableColumn {
+    sortField?: string;
+}
+interface TableQueryData {
+    data: RowData[];
+    total: number;
+    offset: number;
+    limit: number;
+}
+interface QueryData {
+    [tableName: string]: TableQueryData;
+}
+interface UseDataTableResult {
+    tableColumns: TableColumn<RowData>[];
+    offset: number;
+    limit: number;
+    handleSort: (column: DataTableColumn, sortDirection: SortOrder) => void;
+    handlePage: (page: number) => void;
+    handlePageSize: (size: number) => void;
+    loading: boolean;
+    error: Error | null;
+    data: QueryData | undefined;
+}
+export declare function useDataTable(table: Table | null, id?: string, filterTable?: string): UseDataTableResult;
+export {};

package/dist/hooks/usePath.d.ts

@@ -0,0 +1,47 @@
+import { default as React, ReactElement, ReactNode } from 'react';
+interface NavContext {
+    path: string;
+    history: string[];
+    location: number;
+}
+interface RouteParams {
+    [key: string]: string | undefined;
+}
+interface NavigationState extends NavContext {
+    navigate: (path: string) => void;
+    back: (count?: number) => void;
+    forward: (count?: number) => void;
+    hasBack: boolean;
+}
+interface SearchParamsResult {
+    search: URLSearchParams;
+    hash: string;
+}
+interface RouteError {
+    message?: string;
+    status?: number;
+}
+interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    to: string;
+    children?: ReactNode;
+}
+export declare function usePath(): string;
+export declare function useHistory(): string[];
+export declare function useNavigate(): (url: string) => void;
+export declare function useNavigation(): NavigationState;
+export declare function useParams<T extends RouteParams = RouteParams>(): T;
+export declare function useSearchParams(): SearchParamsResult;
+export declare function useRouteError(): RouteError;
+export declare function PathProvider({ path, children }: {
+    path: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare function Routes({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Route({ path, element }: {
+    path: string;
+    element: ReactElement;
+}): ReactElement;
+export {};

package/dist/hooks/useSchema.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { Schema } from '../types/schema';
+export declare const SchemaProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useSchema(): Schema;

package/dist/hooks/useTableMutation.d.ts

@@ -0,0 +1,12 @@
+import { Table, Column } from '../types/schema';
+interface ColumnJoin {
+    column: Column;
+}
+export interface UseTableMutationResult {
+    update: (detail: Record<string, unknown>) => Promise<unknown>;
+    insert: (detail: Record<string, unknown>) => Promise<unknown>;
+    isPending: boolean;
+    error: Error | null;
+}
+export declare function useTableMutation(table: Table, editColumns: ColumnJoin[], idColumns: Column[], editId?: string): UseTableMutationResult;
+export {};

package/dist/hooks/useTableRef.d.ts

@@ -0,0 +1,11 @@
+import { Schema } from '../types/schema';
+export declare function useTableRef(schema: Schema, tableName: string, columnName: string): TableRef;
+export interface TableRefValue {
+    key: string;
+    label: string;
+}
+export interface TableRef {
+    loading: boolean;
+    error: unknown;
+    data: TableRefValue[];
+}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from './editor';
+export default Editor;
+export { Editor };
+export type { GraphQLFetcher } from './common/fetcher';
+export { HttpGraphQLFetcher } from './common/fetcher';
+export { useTableMutation } from './hooks/useTableMutation';
+export type { UseTableMutationResult } from './hooks/useTableMutation';

package/dist/main-frame.d.ts

@@ -0,0 +1,5 @@
+interface MainFrameProps {
+    onLocate?: (location: string) => void;
+}
+export declare function MainFrame({ onLocate }: MainFrameProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/tableList.d.ts

@@ -0,0 +1 @@
+export declare function TableList(): import("react/jsx-runtime").JSX.Element;

package/dist/types/schema.d.ts

@@ -0,0 +1,55 @@
+export interface TableMetadata {
+    type?: {
+        type: 'lookup';
+        id: string;
+        label: string;
+    };
+    [key: string]: any;
+}
+export interface LookupMetadata {
+    type: 'lookup';
+    id: string;
+    label: string;
+}
+export interface ColumnMetadata {
+    [key: string]: string | LookupMetadata | undefined;
+}
+export interface Column {
+    dbName: string;
+    graphQlName: string;
+    name: string;
+    label: string;
+    paramType: string;
+    isPrimaryKey: boolean;
+    isIdentity: boolean;
+    isNullable: boolean;
+    isReadOnly: boolean;
+    metadata: ColumnMetadata;
+}
+export interface Join {
+    name: string;
+    sourceColumnNames: string[];
+    destinationTable: string;
+    destinationColumnNames: string[];
+}
+export interface Table {
+    dbName: string;
+    graphQlName: string;
+    name: string;
+    label: string;
+    labelColumn: string;
+    primaryKeys: string[];
+    isEditable: boolean;
+    metadata: TableMetadata;
+    columns: Column[];
+    multiJoins: Join[];
+    singleJoins: Join[];
+}
+export interface Schema {
+    loading: boolean;
+    error: {
+        message: string;
+    } | null;
+    data: Table[];
+    findTable: (tableName: string) => Table | undefined;
+}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@standardbeagle/edit-db",
+  "private": false,
+  "version": "0.3.159",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build --mode production",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "storybook-build": "storybook build",
+    "ts": "tsc"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.62.0",
+    "react": "^18.3.1",
+    "react-data-table-component": "^7.6.2",
+    "react-dom": "^18.3.1",
+    "redux-actions": "^3.0.0",
+    "styled-components": "^6.1.11"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.6",
+    "@storybook/addon-actions": "^9.0.8",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^10.2.7",
+    "@storybook/react": "^10.2.7",
+    "@storybook/react-vite": "^10.2.7",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@types/redux-actions": "^2.6.5",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "ajv": "^8.17.1",
+    "babel-loader": "^9.1.3",
+    "browserslist": "^4.28.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "sass": "^1.97.3",
+    "storybook": "^10.2.7",
+    "stylelint": "^17.1.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-browser-sync": "^3.0.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/editor.umd.cjs",
+  "module": "./dist/editor.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/editor.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/editor.umd.cjs"
+      }
+    }
+  }
+}