Tried to make types/editors registration more easier

Author: tsv2013

sources/widgets/editor.scss sources/core/editor.scsssources/widgets/editor.scss renamed to sources/core/editor.scss

@@ -5,21 +5,23 @@ import "./editor.scss";
 
 export class Editor extends Base {
     public static inputTypes = {
-        number: "number",
-        currency: "number",
-        indicator: "number",
-        progress: "number",
-        date: "date",
-        datetime: "datetime-local",
     };
-    public static getInputType(type: string) {
-      return Editor.inputTypes[type];
+    public static setInputType(typeName: string, inputType: string) {
+        return Editor.inputTypes[typeName] = inputType;
+    }
+    public static getInputType(typeName: string) {
+      return Editor.inputTypes[typeName];
     }
     public static editors = {
         default: "table4js-default-editor",
-        bool: "table4js-checkbox-editor",
     };
-
+    public static setComponent(typeName: string, componentName: string) {
+        return Editor.editors[typeName] = componentName;
+    }
+    public static getComponent(typeName: string) {
+        return Editor.editors[typeName] || Editor.editors.default;
+    }
+    
     constructor(private _data: any, private name: string) {
         super();
         this.value = _data[this.name];

sources/widgets/editor.ts sources/core/editor.tssources/widgets/editor.ts renamed to sources/core/editor.ts

@@ -1,5 +1,7 @@
 import { IFieldType } from "../domain";
 import { Localization } from "../../localization";
+import { Editor } from "../editor";
+
 
 export class BoolField implements IFieldType {
     name: string = "bool";
@@ -12,6 +14,8 @@ export class BoolField implements IFieldType {
     }
 }
 
+Editor.setComponent("bool", "table4js-checkbox-editor");
+
 // export const boolConverter = {
 //     from: (val: any): boolean => val === true || val === "t" || val === "true",
 //     to: (val: boolean): any => val === true ? true : false

sources/core/field-types/bool.ts

@@ -1,3 +1,4 @@
+import { Editor } from "../editor";
 import { IFieldType } from "../domain";
 
 export class CurrencyField implements IFieldType {
@@ -18,3 +19,5 @@ export class CurrencyField implements IFieldType {
         return result;
     }
 }
+
+Editor.setInputType("currency", "number");

sources/core/field-types/currency.ts

@@ -1,5 +1,6 @@
 import { IFieldType } from "../domain";
 import { Localization } from "../../localization";
+import { Editor } from "../editor";
 
 export class DateField implements IFieldType {
     name: string = "date";
@@ -13,3 +14,5 @@ export class DateField implements IFieldType {
         return result;
     }
 }
+
+Editor.setInputType("date", "date");

sources/core/field-types/date.ts

@@ -1,5 +1,6 @@
 import { IFieldType } from "../domain";
 import { Localization } from "../../localization";
+import { Editor } from "../editor";
 
 export class DateTimeField implements IFieldType {
     name: string = "datetime";
@@ -13,3 +14,5 @@ export class DateTimeField implements IFieldType {
         return result;
     }
 }
+
+Editor.setInputType("datetime", "datetime-local");

sources/core/field-types/datetime.ts

@@ -1,6 +1,9 @@
+import { Editor } from "../editor";
 import { IFieldType } from "../domain";
 
 export class NumberField implements IFieldType {
     name: string = "number";
     css: string = "table4js-cell--right"
 }
+
+Editor.setInputType("number", "number");

sources/core/field-types/number.ts

@@ -8,6 +8,7 @@ export * from "./core/field-types/date";
 export * from "./core/field-types/datetime";
 export * from "./core/field-types/number";
 export * from "./core/find";
+export * from "./core/editor";
 
 export * from "./table";
 export * from "./table/row";
@@ -28,7 +29,6 @@ export * from "./table/cell-types/indicator";
 export * from "./table/cell-types/number";
 export * from "./table/cell-types/progress";
 
-export * from "./widgets/editor";
 export * from "./widgets/property";
 export * from "./widgets/form";
 

sources/index.ts

@@ -1,6 +1,6 @@
 import * as ko from "knockout";
 import { TableCell } from "../../table/cell";
-import { Editor } from "../../widgets/editor";
+import { Editor } from "../../core/editor";
 
 export var cellEditorTemplate = require("./cell-editor.html").default;
 
@@ -13,7 +13,7 @@ ko.components.register("table4js-cell-editor", {
                 ...params,
                 editor,
                 inputType: Editor.getInputType(params.cell.type),
-                component: Editor.editors[params.cell.type] || Editor.editors.default,
+                component: Editor.getComponent(params.cell.type),
                 containerCss: ko.computed(() => TableCell.getContainerCss(params.cell, isMergedCell())),
                 contentCss: ko.computed(() => TableCell.getContentCss(params.cell, isMergedCell())),
                 isMergedCell

sources/knockout/table/cell-editor.ts

@@ -1,6 +1,6 @@
 import * as ko from "knockout";
 import { TableCell } from "../../table/cell";
-import { Editor } from "../../widgets/editor";
+import { Editor } from "../../core/editor";
 
 export var rowEditorTemplate = require("./row-editor.html").default;