x4js 1.4.50 → 1.4.51

package/lib/component.d.ts

@@ -136,7 +136,7 @@ export interface CProps<T extends CEventMap = CEventMap> extends BaseComponentPr
 /**
  *
  */
-export declare class Component<P extends CProps<BaseComponentEventMap> = CProps<BaseComponentEventMap>, E extends BaseComponentEventMap = BaseComponentEventMap> extends BaseComponent<P, E> {
+export declare class Component<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends BaseComponent<P, E> {
     private m_dom;
     private m_iprops;
     private static __sb_width;
@@ -166,25 +166,6 @@ export declare class Component<P extends CProps<BaseComponentEventMap> = CProps<
      *
      */
     setTag(tag: string, namespace?: string): void;
-    /**
-     * get the Component value
-     * @param name name to get
-     * /
-
-    getProp(name: string): any {
-        return this.m_props[name];
-    }
-
-    / **
-     * change a Component value
-     * @param name name to set
-     * @param value new value
-     * /
-
-    setProp(name: string, value?: any) {
-        (this.m_props as any)[name] = value;
-    }
-    */
     /**
      * get the Component data value
      * @param name name to get
@@ -617,3 +598,10 @@ export declare class Container<P extends ContainerProps = ContainerProps, E exte
     private _handleKeydown;
 }
 export declare type ComponentConstructor<T> = new (props: CProps) => T;
+/**
+ *
+ */
+export declare class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P, E> {
+    render(props: P): void;
+    renderTSX(props: P): Component | Component[];
+}

package/lib/component.js

@@ -28,7 +28,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = exports.SizerOverlay = exports.EvOverlayResize = exports.Separator = exports.EvSize = exports.Space = exports.Flex = exports.flyWrap = exports.Component = exports.EvFocus = exports.EvDblClick = exports._x4_unitless = exports.html = exports.isHtmlString = exports.HtmlString = void 0;
+exports.TSXComponent = exports.Container = exports.SizerOverlay = exports.EvOverlayResize = exports.Separator = exports.EvSize = exports.Space = exports.Flex = exports.flyWrap = exports.Component = exports.EvFocus = exports.EvDblClick = exports._x4_unitless = exports.html = exports.isHtmlString = exports.HtmlString = void 0;
 /**
  * @todo
  *		create Container class
@@ -165,25 +165,6 @@ class Component extends base_component_1.BaseComponent {
             this.m_props.ns = namespace;
         }
     }
-    /**
-     * get the Component value
-     * @param name name to get
-     * /
-
-    getProp(name: string): any {
-        return this.m_props[name];
-    }
-
-    / **
-     * change a Component value
-     * @param name name to set
-     * @param value new value
-     * /
-
-    setProp(name: string, value?: any) {
-        (this.m_props as any)[name] = value;
-    }
-    */
     /**
      * get the Component data value
      * @param name name to get
@@ -549,9 +530,6 @@ class Component extends base_component_1.BaseComponent {
         return this.m_dom;
     }
     render(props) {
-        if (this.m_props.tag == 'footer') {
-            debugger;
-        }
     }
     _createDOM() {
         if (this.m_dom) {
@@ -1745,3 +1723,18 @@ class Container extends Component {
     }
 }
 exports.Container = Container;
+/**
+ *
+ */
+class TSXComponent extends Component {
+    render(props) {
+        const tsx = this.renderTSX(props);
+        if (tsx) {
+            this.setContent(tsx);
+        }
+    }
+    renderTSX(props) {
+        return undefined;
+    }
+}
+exports.TSXComponent = TSXComponent;

package/lib/index.d.ts

@@ -79,4 +79,5 @@ export * from "./tools";
 export * from "./tooltips";
 export * from "./treeview";
 export * from "./x4events";
+export * from "./x4react";
 export * from "./version";

package/lib/index.js

@@ -98,4 +98,5 @@ __exportStar(require("./tools"), exports);
 __exportStar(require("./tooltips"), exports);
 __exportStar(require("./treeview"), exports);
 __exportStar(require("./x4events"), exports);
+__exportStar(require("./x4react"), exports);
 __exportStar(require("./version"), exports);

package/lib/property_editor.d.ts

@@ -64,7 +64,7 @@ export declare class PropertyEditor extends Component<PropertyEditorProps, Prope
     private _updateProperties;
     private _cellChange;
     _renderCell(text: any, rec: any): any;
-    _editCell(props: any, row: number, col: number): Component<CProps<import("./base_component").BaseComponentEventMap>, import("./base_component").BaseComponentEventMap>;
+    _editCell(props: any, row: number, col: number): Component<CProps<CEventMap>, CEventMap>;
     private _choicesFromArray;
     private _choicesFromStore;
 }

package/lib/smartedit.js

@@ -301,7 +301,7 @@ class PopupTable extends popup_1.Popup {
     }
     /** @ignore */
     render() {
-        this.setProp('tag', 'table');
+        this.setTag( 'table');
         if (this.m_minw) {
             this.setStyleValue('minWidth', this.m_minw);
         }

package/lib/tabbar.d.ts

@@ -53,6 +53,6 @@ export declare class TabBar extends Container<TabBarProps, TabBarEventMap> {
     render(): void;
     select(id: string | null, notify?: boolean): boolean;
     private _select;
-    get selection(): Component<CProps<import("./base_component").BaseComponentEventMap>, import("./base_component").BaseComponentEventMap>;
+    get selection(): Component<CProps<import("./component").CEventMap>, import("./component").CEventMap>;
 }
 export {};

package/lib/x4react.d.ts

@@ -0,0 +1,6 @@
+import { ComponentContent } from './component';
+export declare let React: {
+    createElement: (clsOrTag: any, attrs: any, ...children: any[]) => ComponentContent;
+    createFragment: () => ComponentContent;
+    Fragment: symbol;
+};

package/lib/x4react.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.React = void 0;
+const component_1 = require("./component");
+const createElement = (clsOrTag, attrs, ...children) => {
+    let comp;
+    // fragment
+    if (clsOrTag == createFragment || clsOrTag == Fragment) {
+        return children;
+    }
+    // class constructor, yes : dirty
+    else if (clsOrTag instanceof Function) {
+        comp = new clsOrTag(attrs);
+    }
+    // basic tag
+    else {
+        comp = new component_1.Component({
+            tag: clsOrTag,
+            ...attrs,
+        });
+    }
+    if (children && children.length) {
+        comp.setContent(children);
+    }
+    return comp;
+};
+const Fragment = Symbol("fragment");
+const createFragment = () => {
+    return null;
+};
+exports.React = {
+    createElement,
+    createFragment,
+    Fragment,
+};

package/license.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 R-Libre ingénierie
+
+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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "1.4.50",
+	"version": "1.4.51",
 	"description": "X4js core files",
 	"main": "lib/index.js",
 	"types": "lib/index.d.ts",

package/src/base_component.ts

@@ -148,4 +148,5 @@ export class BaseComponent< P extends BaseComponentProps<BaseComponentEventMap>,
 			}
 		})
 	}
-}
+}
+