rc-dock - npm Package Compare versions

Comparing version 0.0.1 to 0.1.0

package.json

 {
   "name": "rc-dock",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "ticlo dock panels",
@@ -15,15 +15,18 @@ "repository": {
   "dependencies": {
-    "rc-tabs": "^9.6.1",
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3"
+    "classnames": "^2.2.6",
+    "rc-tabs": "^9.6.3",
+    "react": "^16.8.5",
+    "react-dom": "^16.8.5"
   },
   "devDependencies": {
+    "@babel/core": "^7.4.0",
+    "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/preset-env": "^7.4.2",
     "@types/chai": "^4.1.7",
+    "@types/classnames": "^2.2.7",
     "@types/karma": "^3.0.2",
     "@types/mocha": "^5.2.5",
-    "@types/node": "^11.10.4",
-    "@types/react": "^16.8.6",
-    "@types/react-dom": "^16.8.2",
-    "babel-core": "^6.26.3",
-    "babel-preset-env": "^1.7.0",
+    "@types/node": "^11.11.6",
+    "@types/react": "^16.8.8",
+    "@types/react-dom": "^16.8.3",
     "chai": "^4.2.0",
@@ -39,13 +42,15 @@ "coveralls": "^3.0.3",
     "nyc": "^13.1.0",
-    "parcel-bundler": "^1.10.3",
+    "parcel-bundler": "^1.12.3",
     "simulate-event": "git+https://github.com/ticlo/simulate-event.git",
     "ts-node": "^8.0.2",
-    "tslint": "^5.13.1",
+    "tslint": "^5.14.0",
     "tslint-react": "^3.6.0",
-    "typescript": "^3.3.3333"
+    "typedoc": "^0.14.2",
+    "typescript": "^3.3.4000"
   },
   "scripts": {
-    "example": "parcel example/*.html --open --out-dir temp --no-source-maps",
-    "build-dock-less": "lessc --js style/index.less dist/rc-dock.css"
+    "example": "parcel example/*.html --open --out-dir temp --no-source-maps --no-hmr",
+    "build-dock-less": "lessc --js style/index.less dist/rc-dock.css",
+    "build-doc": "typedoc --options ./typedocconfig.js"
   }
 }

src/DockData.ts

 import React from 'react';
 
-interface MinSize {
+interface DockDataBase {
   minWidth?: number;
@@ -8,13 +8,15 @@ minHeight?: number;
 
-export interface Box extends MinSize {
-  key: string;
-  size: number;
-  children: (Box | Panel)[];
+export type DockMode = 'horizontal' | 'vertical' | 'float';
+
+export interface BoxData extends DockDataBase {
+  id?: string | number;
+  parent?: BoxData;
+  size?: number;
+  mode?: DockMode;
+  children: (BoxData | PanelData)[];
 }
 
 
-interface TabFeature extends MinSize {
-  group?: string;
+export interface TabGroup {
   floatable?: boolean;
-  closable?: boolean;
   multiTabs?: boolean;
@@ -24,14 +26,68 @@ // when tabs are locked, you can only drag the whole panel
   panelClass?: string;
+  animated?: boolean;
 }
 
-export interface Tab extends TabFeature {
-  key: string;
-  render: React.ReactNode | (() => React.ReactNode);
+export interface TabData extends DockDataBase {
+  id?: string;
+  parent?: PanelData;
+  title: string;
+  content: React.ReactElement | (() => React.ReactElement);
+  closable?: boolean;
+  cached?: boolean;
+  group: TabGroup;
 }
 
-export interface Panel {
-  key: string;
-  size: number;
-  tabs: Tab[];
-  default?: TabFeature;
+export interface PanelData extends DockDataBase {
+  id?: string | number;
+  parent?: BoxData;
+  activeId?: string;
+  tabs: TabData[];
+  group: TabGroup;
+
+  // docked only
+  size?: number;
+  panelLocked?: boolean; // panel won't disappear even when all children are gone
+
+  // float mode only
+  x?: number;
+  y?: number;
+  z?: number;
+  w?: number;
+  h?: number;
 }
+
+export interface LayoutData {
+  dockbox?: BoxData;
+  floatbox?: BoxData;
+}
+
+export type DropDirection =
+  'left' | 'right' | 'bottom' | 'top' | 'middle' | 'remove' | 'before-tab' | 'after-tab' | 'float';
+
+export interface DockContext {
+  /** @ignore */
+  setDropRect(element: HTMLElement, direction?: DropDirection, source?: any, event?: MouseEvent): void;
+
+  dockMove(source: TabData | PanelData, target: TabData | PanelData | BoxData, direction: DropDirection): void;
+
+  /** @ignore */
+  nextFloatZIndex(current: number): number;
+}
+
+/** @ignore */
+let _idCount = 0;
+
+/** @ignore */
+export function nextId() {
+  ++_idCount;
+  // if (_idCount >= Number.MAX_SAFE_INTEGER) {
+  // }
+  return `+${_idCount}`;
+}
+
+/** @ignore */
+export const DockContextType = React.createContext<DockContext>(null);
+/** @ignore */
+export const DockContextProvider = DockContextType.Provider;
+/** @ignore */
+export const DockContextConsumer = DockContextType.Consumer;

src/DragStore.ts

@@ -5,8 +5,17 @@ let _scope: any;
 
+let _dragEndListened = false;
+
 export class DragStore {
-  static dragStart(scope: any, element: HTMLElement, data: {[key: string]: any}) {
+  static dragStart(scope: any, data: {[key: string]: any}, element?: any) {
     _scope = scope;
     _data = data;
-    element.classList.add('dragging');
-    document.addEventListener('dragend', DragStore.dragEnd);
+    if (element instanceof HTMLElement) {
+      element.classList.add('dragging');
+      _draggingElement = element;
+    }
+
+    if (!_dragEndListened) {
+      document.addEventListener('dragend', DragStore.dragEnd);
+      _dragEndListened = true;
+    }
   }
@@ -24,4 +33,7 @@
     _data = null;
-    _draggingElement.classList.remove('dragging');
+    if (_draggingElement) {
+      _draggingElement.classList.remove('dragging');
+      _draggingElement = null;
+    }
   }
 }

tsconfig.json

@@ -12,16 +12,15 @@ {
     ],
-    "typeRoots": [
-      "./typings",
-      "./node_modules/@types"
-    ],
     "alwaysStrict": true,
     "noImplicitAny": true,
-    "sourceMap": true
+    "sourceMap": true,
+    "declaration": true,
+    "newLine": "lf",
+    "outDir": "./lib"
   },
   "compileOnSave": true,
+  "files": [
+    "typings/rc-tabs.d.ts"
+  ],
   "include": [
-    "src/**/*",
-    "tool/**/*",
-    "example/**/*",
-    "playground/**/*"
+    "src/**/*"
   ],
@@ -28,0 +27,0 @@ "exclude": [

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Copyleft License

License

(Experimental) Copyleft license information was found.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Non-permissive License

License

(Experimental) A license not known to be considered permissive was found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

506078

26.12%

Number of package files

76

230.43%

Number of low license alerts

0

-100%

License quality

100

42.86%

Lines of code

4500

261.74%

Number of medium quality alerts

0

-100%

Number of lines in readme file

1

Infinity%

Worsened metrics

Dependency count

4

33.33%

Dev dependency count

27

12.5%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  classnames@^2.2.6

• Updated

  rc-tabs@^9.6.3

• Updated

  react@^16.8.5

• Updated

  react-dom@^16.8.5