@dineug/erd-editor 3.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 SeungHwan-Lee <dineug2@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,337 @@
+# erd-editor
+
+> Entity-Relationship Diagram Editor
+
+![vuerd](https://github.com/dineug/erd-editor/blob/main/img/erd-editor-vscode.png?raw=true)
+
+## Install
+
+```shell
+npm install @dineug/erd-editor
+```
+
+## Usage
+
+### javascript
+
+```js
+import '@dineug/erd-editor';
+
+const editor = document.createElement('erd-editor');
+```
+
+### html
+
+```html
+<erd-editor readonly system-dark-mode enable-theme-builder></erd-editor>
+```
+
+## ErdEditorElement
+
+```ts
+interface ErdEditorElement extends HTMLElement {
+  readonly: boolean;
+  systemDarkMode: boolean;
+  enableThemeBuilder: boolean;
+  value: string;
+  focus: () => void;
+  blur: () => void;
+  clear: () => void;
+  setInitialValue: (value: string) => void;
+  setPresetTheme: (themeOptions: Partial<ThemeOptions>) => void;
+  setTheme: (theme: Partial<Theme>) => void;
+  setKeyBindingMap: (keyBindingMap: Partial<KeyBindingMap>) => void;
+  setSchemaSQL: (value: string) => void;
+  getSchemaSQL: (databaseVendor?: DatabaseVendor) => string;
+}
+```
+
+### value getter, setter
+
+```js
+const data = editor.value; // get editor data
+editor.value = 'json...'; // Write to History
+```
+
+### setInitialValue
+
+Do not create history
+
+```js
+editor.setInitialValue('json...');
+```
+
+### setKeyBindingMap
+
+```ts
+type ShortcutOption = {
+  shortcut: string;
+  preventDefault?: boolean;
+  stopPropagation?: boolean;
+};
+
+const defaultKeyBindingMap: KeyBindingMap = {
+  addTable: [{ shortcut: 'Alt+KeyN' }];
+  addColumn: [{ shortcut: 'Alt+Enter' }];
+  addMemo: [{ shortcut: 'Alt+KeyM' }];
+  removeTable: [{ shortcut: '$mod+Backspace' }, { shortcut: '$mod+Delete' }];
+  removeColumn: [{ shortcut: 'Alt+Backspace' }, { shortcut: 'Alt+Delete' }];
+  primaryKey: [{ shortcut: 'Alt+KeyK' }];
+  selectAllTable: [{ shortcut: '$mod+Alt+KeyA' }];
+  selectAllColumn: [{ shortcut: 'Alt+KeyA' }];
+  relationshipZeroOne: [{ shortcut: '$mod+Alt+Digit1' }];
+  relationshipZeroN: [{ shortcut: '$mod+Alt+Digit2' }];
+  relationshipOneOnly: [{ shortcut: '$mod+Alt+Digit3' }];
+  relationshipOneN: [{ shortcut: '$mod+Alt+Digit4' }];
+  tableProperties: [{ shortcut: 'Alt+Space' }];
+};
+
+// example
+editor.setKeyBindingMap({
+  addTable: [{ shortcut: '$mod+KeyN', preventDefault: true }];
+});
+```
+
+### $mod
+
+- Mac: $mod = Meta (⌘)
+- Windows/Linux: $mod = Control
+
+[Shortcut Table](https://github.com/jamiebuilds/tinykeys?tab=readme-ov-file#commonly-used-keys-and-codes)
+
+| Windows       | macOS           | `key`         | `code`                         |
+| ------------- | --------------- | ------------- | ------------------------------ |
+| N/A           | `Command` / `⌘` | `Meta`        | `MetaLeft` / `MetaRight`       |
+| `Alt`         | `Option` / `⌥`  | `Alt`         | `AltLeft` / `AltRight`         |
+| `Control`     | `Control` / `^` | `Control`     | `ControlLeft` / `ControlRight` |
+| `Shift`       | `Shift`         | `Shift`       | `ShiftLeft` / `ShiftRight`     |
+| `Space`       | `Space`         | N/A           | `Space`                        |
+| `Enter`       | `Return`        | `Enter`       | `Enter`                        |
+| `Esc`         | `Esc`           | `Escape`      | `Escape`                       |
+| `1`, `2`, etc | `1`, `2`, etc   | `1`, `2`, etc | `Digit1`, `Digit2`, etc        |
+| `a`, `b`, etc | `a`, `b`, etc   | `a`, `b`, etc | `KeyA`, `KeyB`, etc            |
+| `-`           | `-`             | `-`           | `Minus`                        |
+| `=`           | `=`             | `=`           | `Equal`                        |
+| `+`           | `+`             | `+`           | `Equal`\*                      |
+
+## Events
+
+### change
+
+```js
+editor.addEventListener('change', event => {
+  const data = event.target.value;
+});
+```
+
+### changePresetTheme
+
+enableThemeBuilder: true will cause an event.
+
+```js
+editor.addEventListener('changePresetTheme', event => {
+  const themeOptions = event.detail;
+});
+```
+
+## Theme
+
+### setPresetTheme
+
+Basic theme
+
+```ts
+type ThemeOptions = {
+  appearance: 'dark' | 'light';
+  grayColor: 'gray' | 'mauve' | 'slate' | 'sage' | 'olive' | 'sand';
+  accentColor:
+    | 'gray'
+    | 'gold'
+    | 'bronze'
+    | 'brown'
+    | 'yellow'
+    | 'amber'
+    | 'orange'
+    | 'tomato'
+    | 'red'
+    | 'ruby'
+    | 'crimson'
+    | 'pink'
+    | 'plum'
+    | 'purple'
+    | 'violet'
+    | 'iris'
+    | 'indigo'
+    | 'blue'
+    | 'cyan'
+    | 'teal'
+    | 'jade'
+    | 'green'
+    | 'grass'
+    | 'lime'
+    | 'mint'
+    | 'sky';
+};
+
+// example
+editor.setPresetTheme({ appearance: 'light' });
+```
+
+### setTheme
+
+Theme Tokens
+
+#### javascript
+
+```ts
+type Theme = {
+  grayColor1: string;
+  grayColor2: string;
+  grayColor3: string;
+  grayColor4: string;
+  grayColor5: string;
+  grayColor6: string;
+  grayColor7: string;
+  grayColor8: string;
+  grayColor9: string;
+  grayColor10: string;
+  grayColor11: string;
+  grayColor12: string;
+
+  accentColor1: string;
+  accentColor2: string;
+  accentColor3: string;
+  accentColor4: string;
+  accentColor5: string;
+  accentColor6: string;
+  accentColor7: string;
+  accentColor8: string;
+  accentColor9: string;
+  accentColor10: string;
+  accentColor11: string;
+  accentColor12: string;
+
+  canvasBackground: string;
+  canvasBoundaryBackground: string;
+
+  tableBackground: string;
+  tableSelect: string;
+  tableBorder: string;
+
+  memoBackground: string;
+  memoSelect: string;
+  memoBorder: string;
+
+  columnSelect: string;
+  columnHover: string;
+
+  relationshipHover: string;
+
+  toolbarBackground: string;
+
+  contextMenuBackground: string;
+  contextMenuSelect: string;
+  contextMenuHover: string;
+  contextMenuBorder: string;
+
+  minimapBorder: string;
+  minimapShadow: string;
+  minimapViewportBorder: string;
+  minimapViewportBorderHover: string;
+
+  toastBackground: string;
+  toastBorder: string;
+
+  dargSelectBackground: string;
+  dargSelectBorder: string;
+
+  scrollbarTrack: string;
+  scrollbarThumb: string;
+  scrollbarThumbHover: string;
+
+  foreground: string;
+  active: string;
+  placeholder: string;
+
+  focus: string;
+  inputActive: string;
+
+  keyPK: string;
+  keyFK: string;
+  keyPFK: string;
+};
+
+// example
+editor.setTheme({...});
+```
+
+#### css
+
+```css
+:root {
+  --erd-editor-gray-color-1: #111113;
+  --erd-editor-gray-color-2: #18191b;
+  --erd-editor-gray-color-3: #212225;
+  --erd-editor-gray-color-4: #272a2d;
+  --erd-editor-gray-color-5: #2e3135;
+  --erd-editor-gray-color-6: #363a3f;
+  --erd-editor-gray-color-7: #43484e;
+  --erd-editor-gray-color-8: #5a6169;
+  --erd-editor-gray-color-9: #696e77;
+  --erd-editor-gray-color-10: #777b84;
+  --erd-editor-gray-color-11: #b0b4ba;
+  --erd-editor-gray-color-12: #edeef0;
+  --erd-editor-accent-color-1: #11131f;
+  --erd-editor-accent-color-2: #141726;
+  --erd-editor-accent-color-3: #182449;
+  --erd-editor-accent-color-4: #1d2e62;
+  --erd-editor-accent-color-5: #253974;
+  --erd-editor-accent-color-6: #304384;
+  --erd-editor-accent-color-7: #3a4f97;
+  --erd-editor-accent-color-8: #435db1;
+  --erd-editor-accent-color-9: #3e63dd;
+  --erd-editor-accent-color-10: #5472e4;
+  --erd-editor-accent-color-11: #9eb1ff;
+  --erd-editor-accent-color-12: #d6e1ff;
+  --erd-editor-canvas-background: #212225;
+  --erd-editor-canvas-boundary-background: #111113;
+  --erd-editor-table-background: #18191b;
+  --erd-editor-table-select: #435db1;
+  --erd-editor-table-border: #363a3f;
+  --erd-editor-memo-background: #18191b;
+  --erd-editor-memo-select: #435db1;
+  --erd-editor-memo-border: #363a3f;
+  --erd-editor-column-select: #2e3135;
+  --erd-editor-column-hover: #272a2d;
+  --erd-editor-relationship-hover: #435db1;
+  --erd-editor-toolbar-background: #111113;
+  --erd-editor-context-menu-background: #18191b;
+  --erd-editor-context-menu-select: #272a2d;
+  --erd-editor-context-menu-hover: #3a4f97;
+  --erd-editor-context-menu-border: #363a3f;
+  --erd-editor-minimap-border: black;
+  --erd-editor-minimap-shadow: black;
+  --erd-editor-minimap-viewport-border: #3a4f97;
+  --erd-editor-minimap-viewport-border-hover: #435db1;
+  --erd-editor-toast-background: #18191b;
+  --erd-editor-toast-border: #363a3f;
+  --erd-editor-darg-select-background: #253974;
+  --erd-editor-darg-select-border: #435db1;
+  --erd-editor-scrollbar-track: #ddeaf814;
+  --erd-editor-scrollbar-thumb: #696e77;
+  --erd-editor-scrollbar-thumb-hover: #777b84;
+  --erd-editor-foreground: #b0b4ba;
+  --erd-editor-active: #edeef0;
+  --erd-editor-placeholder: #e5edfd7b;
+  --erd-editor-focus: #435db1;
+  --erd-editor-input-active: #5472e4;
+  --erd-editor-key-pk: #ffc53d;
+  --erd-editor-key-fk: #e54666;
+  --erd-editor-key-pfk: #00a2c7;
+}
+```
+
+## Document
+
+- [Import Schema SQL Support Syntax](https://github.com/dineug/erd-editor/blob/main/packages/schema-sql-parser/src/schema_sql_test_case.md)
+- [vscode extension](https://marketplace.visualstudio.com/items?itemName=dineug.vuerd-vscode)

package/dist/components/appContext.d.ts

@@ -0,0 +1,22 @@
+import { Subject } from 'rxjs';
+import { Actions } from "../engine/actions";
+import { EngineContext, InjectEngineContext } from "../engine/context";
+import { RxStore } from "../engine/rx-store";
+import { Ctx } from "../internal-types";
+import { Emitter } from "../utils/emitter";
+import { KeyBindingMap, KeyBindingName } from "../utils/keyboard-shortcut";
+export type AppContext = EngineContext & {
+    actions: Actions;
+    store: RxStore;
+    keyBindingMap: KeyBindingMap;
+    shortcut$: Subject<{
+        type: KeyBindingName;
+        event: KeyboardEvent;
+    }>;
+    keydown$: Subject<KeyboardEvent>;
+    emitter: Emitter;
+};
+export type InjectAppContext = InjectEngineContext;
+export declare function createAppContext(ctx: InjectAppContext, getReadonly?: () => boolean): AppContext;
+export declare const appContext: import("@dineug/r-html").Context<AppContext>;
+export declare const useAppContext: (ctx: Ctx, fallback?: AppContext) => import("@dineug/r-html").Ref<AppContext>;

package/dist/components/customElementRegistry.d.ts

@@ -0,0 +1 @@
+import "./erd-editor/ErdEditor";

package/dist/components/erd/Erd.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '@dineug/r-html';
+export type ErdProps = {
+    isDarkMode: boolean;
+};
+declare const Erd: FC<ErdProps>;
+export default Erd;

package/dist/components/erd/Erd.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/automatic-table-placement/AutomaticTablePlacement.d.ts

@@ -0,0 +1,14 @@
+import { FC, Ref } from '@dineug/r-html';
+import { AppContext } from "../../appContext";
+export type AutomaticTablePlacementProps = {
+    app: Ref<AppContext>;
+    root: Ref<HTMLDivElement>;
+    onChange: (tables: TablePoint[]) => void;
+};
+export type TablePoint = {
+    id: string;
+    x: number;
+    y: number;
+};
+declare const AutomaticTablePlacement: FC<AutomaticTablePlacementProps>;
+export default AutomaticTablePlacement;

package/dist/components/erd/automatic-table-placement/AutomaticTablePlacement.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const container: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/automatic-table-placement/createAutomaticTablePlacement.d.ts

@@ -0,0 +1,11 @@
+import { RootState } from "../../../engine/state";
+import { Table } from "../../../internal-types";
+type Node = {
+    id: string;
+    r: number;
+    x: number;
+    y: number;
+    ref: Table;
+};
+export declare function createAutomaticTablePlacement(state: RootState): import("d3").Simulation<Node, undefined>;
+export {};

package/dist/components/erd/canvas/Canvas.d.ts

@@ -0,0 +1,7 @@
+import { FC, Ref } from '@dineug/r-html';
+export type CanvasProps = {
+    root: Ref<HTMLDivElement>;
+    canvas: Ref<HTMLDivElement>;
+};
+declare const Canvas: FC<CanvasProps>;
+export default Canvas;

package/dist/components/erd/canvas/Canvas.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/canvas-svg/CanvasSvg.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+export type CanvasSvgProps = {
+    strokeWidth?: number;
+    class?: any;
+};
+declare const CanvasSvg: FC<CanvasSvgProps>;
+export default CanvasSvg;

package/dist/components/erd/canvas/canvas-svg/CanvasSvg.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/canvas-svg/relationship/Relationship.d.ts

@@ -0,0 +1,8 @@
+import { FC } from '@dineug/r-html';
+import { Relationship as RelationshipType } from "../../../../../internal-types";
+export type RelationshipProps = {
+    relationship: RelationshipType;
+    strokeWidth: number;
+};
+declare const Relationship: FC<RelationshipProps>;
+export default Relationship;

package/dist/components/erd/canvas/canvas-svg/relationship/Relationship.template.d.ts

@@ -0,0 +1,3 @@
+import { DOMTemplateLiterals } from '@dineug/r-html';
+import { RelationshipPath } from "../../../../../utils/draw-relationship";
+export declare function relationshipShape(relationshipType: number, relationshipPath: RelationshipPath): DOMTemplateLiterals | null;

package/dist/components/erd/canvas/draw-relationship/DrawRelationship.d.ts

@@ -0,0 +1,8 @@
+import { FC, Ref } from '@dineug/r-html';
+import { DrawRelationship as DrawRelationshipType } from "../../../../engine/modules/editor/state";
+export type DrawRelationshipProps = {
+    root: Ref<HTMLDivElement>;
+    draw: DrawRelationshipType;
+};
+declare const DrawRelationship: FC<DrawRelationshipProps>;
+export default DrawRelationship;

package/dist/components/erd/canvas/draw-relationship/DrawRelationship.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/high-level-table/HighLevelTable.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Table } from "../../../../internal-types";
+export type HighLevelTableProps = {
+    table: Table;
+};
+declare const HighLevelTable: FC<HighLevelTableProps>;
+export default HighLevelTable;

package/dist/components/erd/canvas/high-level-table/HighLevelTable.styles.d.ts

@@ -0,0 +1 @@
+export declare const name: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/memo/Memo.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Memo } from "../../../../internal-types";
+export type MemoProps = {
+    memo: Memo;
+};
+declare const Memo: FC<MemoProps>;
+export default Memo;

package/dist/components/erd/canvas/memo/Memo.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const container: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const header: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const headerColor: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const headerButtonWrap: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const textarea: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/memo/memo-sash/MemoSash.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@dineug/r-html';
+import { Memo } from "../../../../../internal-types";
+export type MemoSashProps = {
+    memo: Memo;
+    top: number;
+    left: number;
+};
+declare const MemoSash: FC<MemoSashProps>;
+export default MemoSash;

package/dist/components/erd/canvas/table/Table.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Table } from "../../../../internal-types";
+export type TableProps = {
+    table: Table;
+};
+declare const Table: FC<TableProps>;
+export default Table;

package/dist/components/erd/canvas/table/Table.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const header: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const headerColor: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const headerButtonWrap: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const headerInputWrap: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/Column.d.ts

@@ -0,0 +1,29 @@
+import { FC, Ref } from '@dineug/r-html';
+import { AppContext } from "../../../../appContext";
+import { Column } from "../../../../../internal-types";
+export type ColumnProps = {
+    app: Ref<AppContext>;
+    column: Column;
+    selected: boolean;
+    widthName: number;
+    widthDataType: number;
+    widthDefault: number;
+    widthComment: number;
+    focusName: boolean;
+    focusDataType: boolean;
+    focusNotNull: boolean;
+    focusDefault: boolean;
+    focusComment: boolean;
+    focusUnique: boolean;
+    focusAutoIncrement: boolean;
+    editName: boolean;
+    editDataType: boolean;
+    editDefault: boolean;
+    editComment: boolean;
+    draggable?: boolean;
+    ghost?: boolean;
+    onDragstart?: (event: DragEvent) => void;
+    onDragend?: (event: DragEvent) => void;
+};
+declare const Column: FC<ColumnProps>;
+export default Column;

package/dist/components/erd/canvas/table/column/Column.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const iconButton: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/column-data-type/ColumnDataType.d.ts

@@ -0,0 +1,16 @@
+import { FC, Ref } from '@dineug/r-html';
+import { AppContext } from "../../../../../appContext";
+export type ColumnDataTypeProps = {
+    app: Ref<AppContext>;
+    tableId: string;
+    columnId: string;
+    edit: boolean;
+    focus: boolean;
+    width: number;
+    value: string;
+    onInput?: (event: InputEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onEditEnd?: () => void;
+};
+declare const ColumnDataType: FC<ColumnDataTypeProps>;
+export default ColumnDataType;

package/dist/components/erd/canvas/table/column/column-data-type/ColumnDataType.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const hint: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const hintItem: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/column-key/ColumnKey.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '@dineug/r-html';
+export type ColumnKeyProps = {
+    keys: number;
+};
+declare const ColumnKey: FC<ColumnKeyProps>;
+export default ColumnKey;

package/dist/components/erd/canvas/table/column/column-key/ColumnKey.styles.d.ts

@@ -0,0 +1 @@
+export declare const key: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/column-not-null/ColumnNotNull.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+export type ColumnNotNullProps = {
+    focus: boolean;
+    options: number;
+};
+declare const ColumnNotNull: FC<ColumnNotNullProps>;
+export default ColumnNotNull;

package/dist/components/erd/canvas/table/column/column-not-null/ColumnNotNull.styles.d.ts

@@ -0,0 +1 @@
+export declare const notNull: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/column-option/ColumnOption.d.ts

@@ -0,0 +1,11 @@
+import { FC } from '@dineug/r-html';
+export type ColumnOptionProps = {
+    class?: any;
+    focus: boolean;
+    width: number;
+    checked: boolean;
+    text: string;
+    title?: string;
+};
+declare const ColumnOption: FC<ColumnOptionProps>;
+export default ColumnOption;

package/dist/components/erd/canvas/table/column/column-option/ColumnOption.styles.d.ts

@@ -0,0 +1 @@
+export declare const option: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/canvas/table/useFocusTable.d.ts

@@ -0,0 +1,7 @@
+import { FocusType } from "../../../../engine/modules/editor/state";
+import { Ctx } from "../../../../internal-types";
+export declare function useFocusTable(ctx: Ctx, tableId: string): {
+    hasFocus: (focusType: FocusType, columnId?: string) => boolean;
+    hasEdit: (focusType: FocusType, columnId?: string) => boolean;
+    hasSelectColumn: (columnId: string) => boolean;
+};

package/dist/components/erd/canvas/table/useMoveTable.d.ts

@@ -0,0 +1,6 @@
+import { Ctx, Table } from "../../../../internal-types";
+export declare function useMoveTable(ctx: Ctx, props: {
+    table: Table;
+}): {
+    onMoveStart: (event: MouseEvent | TouchEvent) => void;
+};

package/dist/components/erd/drag-select/DragSelect.d.ts

@@ -0,0 +1,9 @@
+import { FC, Ref } from '@dineug/r-html';
+export type DragSelectProps = {
+    x: number;
+    y: number;
+    root: Ref<HTMLDivElement>;
+    onDragSelectEnd: () => void;
+};
+declare const DragSelect: FC<DragSelectProps>;
+export default DragSelect;

package/dist/components/erd/drag-select/DragSelect.styles.d.ts

@@ -0,0 +1 @@
+export declare const dragSelect: import("@dineug/r-html").CSSTemplateLiterals;