@standardbeagle/edit-db 0.3.159
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/fetcher.d.ts +24 -0
- package/dist/common/schema.d.ts +2 -0
- package/dist/data-data-table.d.ts +8 -0
- package/dist/data-edit.d.ts +2 -0
- package/dist/data-panel.d.ts +1 -0
- package/dist/edit-db.css +1 -0
- package/dist/editor.d.ts +9 -0
- package/dist/editor.es.js +3511 -0
- package/dist/editor.stories.d.ts +8 -0
- package/dist/editor.umd.cjs +506 -0
- package/dist/error-boundary.d.ts +19 -0
- package/dist/error-panel.d.ts +1 -0
- package/dist/header.d.ts +1 -0
- package/dist/hooks/useDataTable.d.ts +31 -0
- package/dist/hooks/usePath.d.ts +47 -0
- package/dist/hooks/useSchema.d.ts +6 -0
- package/dist/hooks/useTableMutation.d.ts +12 -0
- package/dist/hooks/useTableRef.d.ts +11 -0
- package/dist/index.d.ts +7 -0
- package/dist/main-frame.d.ts +5 -0
- package/dist/tableList.d.ts +1 -0
- package/dist/types/schema.d.ts +55 -0
- package/package.json +72 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface GraphQLError {
|
|
2
|
+
message: string;
|
|
3
|
+
locations?: {
|
|
4
|
+
line: number;
|
|
5
|
+
column: number;
|
|
6
|
+
}[];
|
|
7
|
+
path?: (string | number)[];
|
|
8
|
+
extensions?: Record<string, unknown>;
|
|
9
|
+
}
|
|
10
|
+
export declare class GraphQLRequestError extends Error {
|
|
11
|
+
readonly errors: GraphQLError[];
|
|
12
|
+
readonly data?: unknown | undefined;
|
|
13
|
+
constructor(errors: GraphQLError[], data?: unknown | undefined);
|
|
14
|
+
}
|
|
15
|
+
export interface GraphQLFetcher {
|
|
16
|
+
query<T = unknown>(query: string, variables?: Record<string, unknown>): Promise<T>;
|
|
17
|
+
}
|
|
18
|
+
export declare class HttpGraphQLFetcher implements GraphQLFetcher {
|
|
19
|
+
private readonly uri;
|
|
20
|
+
constructor(uri: string);
|
|
21
|
+
query<T = unknown>(query: string, variables?: Record<string, unknown>): Promise<T>;
|
|
22
|
+
}
|
|
23
|
+
export declare const FetcherProvider: import('react').Provider<GraphQLFetcher | null>;
|
|
24
|
+
export declare function useFetcher(): GraphQLFetcher;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const GET_SCHEMA = "{\n schema: __schema {\n queryType {\n fields {\n name\n type {\n fields {\n name\n type {\n ofType {\n fields {\n name\n type {\n kind\n ofType {\n name\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n ";
|
|
2
|
+
export declare const GET_DB_SCHEMA = "\nquery dbSchema {\n _dbSchema {\n dbName\n graphQlName\n labelColumn\n primaryKeys\n isEditable\n metadata {\n key\n value\n }\n columns {\n dbName\n graphQlName\n paramType\n isPrimaryKey\n isIdentity\n isNullable\n isReadOnly\n metadata {\n key\n value\n }\n }\n multiJoins {\n name\n sourceColumnNames\n destinationTable\n destinationColumnNames\n }\n singleJoins {\n name\n sourceColumnNames\n destinationTable\n destinationColumnNames\n }\n }\n}";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DataPanel(): import("react/jsx-runtime").JSX.Element;
|
package/dist/edit-db.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--btn-bg: #444444;--btn-color: white;--btn-bg-hover: #666666;--btn-border-color: #333333;--btn-hover-text: white;--btn-loading-border: #ffffff;--btn-loading-border-right: transparent}.btn,.editdb-dialog-edit__submit,.editdb-dialog-edit__cancel{padding:.5em 1.5em;background-color:var(--btn-bg);border:thin solid var(--btn-border-color);color:var(--btn-color);text-decoration:none}.btn:hover,.editdb-dialog-edit__submit:hover,.editdb-dialog-edit__cancel:hover{background-color:var(--btn-bg-hover);color:var(--btn-hover-text)}.button-row{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;place-content:end;place-items:stretch;gap:1rem}.editdb-dialog-edit{padding:1rem;text-align:right;display:grid}.editdb-dialog-edit form{display:grid;grid-template-columns:1fr;gap:1rem 0}.editdb-dialog-edit__heading{margin-top:0;text-align:left}.editdb-dialog-edit__input-list{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;text-align:left}.editdb-dialog-edit__input-item{list-style:none;display:grid;grid-column:1/-1;grid-template-columns:subgrid}.editdb-dialog-edit__input-item>label{grid-column:1/2}.editdb-dialog-edit__input-item>input{grid-column:2/3}.editdb-dialog-edit__input-item input[type=checkbox]{margin-left:auto;display:block}.editdb-dialog-edit__submit{position:relative}.editdb-dialog-edit__submit:before{content:"";position:absolute;width:.6em;height:.6em;top:50%;left:.5em;margin-top:-.3em;opacity:0;border:.125em solid var(--btn-loading-border-right);border-radius:50%}.editdb-dialog-edit__submit--loading:before{opacity:1;border-color:var(--btn-loading-border);border-right-color:var(--btn-loading-border-right);animation:button-spin .75s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.editdb-dialog-edit{width:90vw;max-width:none;padding:.75rem;margin:1rem}.editdb-dialog-edit__input-list{grid-template-columns:1fr}.editdb-dialog-edit__input-item{grid-template-columns:1fr;gap:.25rem}.editdb-dialog-edit__input-item>label{grid-column:1;font-weight:500}.editdb-dialog-edit__input-item>input,.editdb-dialog-edit__input-item>select{grid-column:1;width:100%;box-sizing:border-box}.button-row{grid-auto-flow:row;grid-auto-columns:1fr;gap:.5rem}}@media screen and (max-width:480px){.editdb-dialog-edit{width:calc(100vw - 2rem);padding:.5rem;margin:.5rem}.editdb-dialog-edit__heading{font-size:1rem}.editdb-dialog-edit form{gap:.75rem 0}.btn,.editdb-dialog-edit__submit,.editdb-dialog-edit__cancel{padding:.75em 1em;font-size:.9rem}}.editdb-frame-layout{display:grid;grid-template-columns:minmax(150px,min-content) 1fr;align-items:start;min-height:100vh}.editdb-frame-layout-header{grid-column:1/-1;position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid #eee}.editdb-frame-layout-nav{border-right:thin solid black;overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}.editdb-frame-layout-body{display:grid;justify-items:center;align-items:stretch;overflow-x:auto;padding:10px}.plain-link{text-decoration:none;color:#000}.editdb-header{display:flex;flex-flow:row wrap;align-items:center;gap:5px}.editdb-header>*{margin:10px}.editdb-header input[type=search]{min-width:120px;flex:1;max-width:300px}.editdb-header select{min-width:100px}.editdb-header button{padding:6px 12px;cursor:pointer}.editdb-message{padding:20px;text-align:center;color:#666}@media screen and (max-width:768px){.editdb-frame-layout{grid-template-columns:1fr}.editdb-frame-layout-nav{border-right:none;border-bottom:thin solid black;max-height:200px;position:static;overflow-x:auto}.editdb-frame-layout-body{padding:5px}.editdb-header{flex-wrap:wrap;justify-content:center}.editdb-header>*{margin:5px}.editdb-header h3{width:100%;text-align:center;margin:10px 0}}@media screen and (max-width:480px){.editdb-header input[type=search]{width:100%;max-width:none}.editdb-header select{width:100%}.editdb-header button{flex:1;min-width:60px}.editdb-frame-layout-nav{max-height:150px}.editdb-error-boundary__content{padding:15px;margin:10px}}.editdb-error-boundary{display:flex;align-items:center;justify-content:center;padding:20px;min-height:100px}.editdb-error-boundary__content{text-align:center;padding:20px;border:1px solid #dc3545;border-radius:8px;background-color:#fff5f5;max-width:400px}.editdb-error-boundary__title{color:#dc3545;margin:0 0 10px;font-size:1.1rem}.editdb-error-boundary__message{color:#666;margin:0 0 15px;font-size:.9rem}.editdb-error-boundary__retry{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.editdb-error-boundary__retry:hover{background-color:#c82333}
|
package/dist/editor.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GraphQLFetcher } from './common/fetcher';
|
|
2
|
+
interface EditorProps {
|
|
3
|
+
uri?: string;
|
|
4
|
+
uiPath?: string;
|
|
5
|
+
fetcher?: GraphQLFetcher;
|
|
6
|
+
onLocate?: (location: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function Editor({ uri, fetcher, uiPath, onLocate, }: EditorProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|