x4js 1.4.51 → 1.4.52

package/lib/component.d.ts

@@ -157,6 +157,7 @@ export declare class Component<P extends CProps<CEventMap> = CProps<CEventMap>,
      * @param content new content or null
      */
     setContent(content: ComponentContent, refreshAll?: boolean): void;
+    getContent(): ComponentContent;
     /**
      * add a new child to the component content
      * @param content
@@ -598,10 +599,3 @@ 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.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;
+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
@@ -129,6 +129,9 @@ class Component extends base_component_1.BaseComponent {
             this._updateContent();
         }
     }
+    getContent() {
+        return this.m_props.content;
+    }
     /**
      * add a new child to the component content
      * @param content
@@ -1723,18 +1726,3 @@ 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/x4.css

@@ -217,6 +217,12 @@ textarea::selection {
   flex: 1;
   flex-basis: 0;
 }
+.x-hlayout > .x-min-content {
+  min-width: min-content;
+}
+.x-vlayout > .x-min-content {
+  min-height: min-content;
+}
 .x-fit {
   position: absolute;
   left: 0;
@@ -329,6 +335,11 @@ textarea::selection {
   margin: 0 4px;
   color: inherit;
 }
+.x-base-button .x-svg-icon {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
 .x-base-button:focus {
   border-color: var(--x4-focus-color);
   background-color: var(--x4-focus-color);

package/lib/x4react.d.ts

@@ -1,6 +1,41 @@
-import { ComponentContent } from './component';
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4react.ts
+* @author Etienne Cochard
+*
+* Copyright (c) 2019-2022 R-libre ingenierie
+*
+* 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.
+**/
+import { Component, ComponentContent, CProps, CEventMap } from './component';
 export declare let React: {
     createElement: (clsOrTag: any, attrs: any, ...children: any[]) => ComponentContent;
     createFragment: () => ComponentContent;
     Fragment: symbol;
 };
+/**
+ *
+ */
+export declare abstract class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P, E> {
+    render(props: P): void;
+    abstract renderTSX(props: P): Component | Component[];
+}

package/lib/x4react.js

@@ -1,6 +1,34 @@
 "use strict";
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4react.ts
+* @author Etienne Cochard
+*
+* Copyright (c) 2019-2022 R-libre ingenierie
+*
+* 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.
+**/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.React = void 0;
+exports.TSXComponent = exports.React = void 0;
 const component_1 = require("./component");
 const createElement = (clsOrTag, attrs, ...children) => {
     let comp;
@@ -33,3 +61,15 @@ exports.React = {
     createFragment,
     Fragment,
 };
+/**
+ *
+ */
+class TSXComponent extends component_1.Component {
+    render(props) {
+        const tsx = this.renderTSX(props);
+        if (tsx) {
+            this.setContent(tsx);
+        }
+    }
+}
+exports.TSXComponent = TSXComponent;

package/package.json

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

package/src/component.ts

@@ -240,6 +240,9 @@ export class Component<P extends CProps<CEventMap> = CProps<CEventMap>, E extend
 		}
 	}
 
+	getContent( ) {
+		return this.m_props.content;
+	}
 
 	/**
 	 * add a new child to the component content
@@ -2324,21 +2327,3 @@ export class Container<P extends ContainerProps = ContainerProps, E extends Cont
 }
 
 export type ComponentConstructor<T> = new (props: CProps) => T;
-
-/**
- * 
- */
-
-export class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P,E> {
-	public render(props: P) {
-		const tsx = this.renderTSX( props );
-		if( tsx ) {
-			this.setContent( tsx );
-		}
-	}
-
-	public renderTSX( props: P ): Component | Component[] {
-		return undefined;
-	}
-}
-

package/src/x4.less

@@ -283,6 +283,14 @@ textarea {
 	flex-basis: 0;
 }
 
+.x-hlayout > .x-min-content {
+	min-width: min-content;
+}
+
+.x-vlayout > .x-min-content {
+	min-height: min-content;
+}
+
 .x-fit {
 	position: absolute;
 	left: 0;
@@ -417,6 +425,12 @@ textarea {
 		color: inherit;
 	}
 
+	.x-svg-icon {
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
 	&:focus {
 		border-color: var( --x4-focus-color );
 		background-color: var( --x4-focus-color );

package/src/x4react.ts

@@ -1,4 +1,33 @@
-import { Component, ComponentContent } from './component';
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|  
+*  /__/ \__\   |_|
+*        
+* @file x4react.ts
+* @author Etienne Cochard 
+*
+* Copyright (c) 2019-2022 R-libre ingenierie
+*
+* 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.
+**/
+
+import { Component, ComponentContent, CProps, CEventMap } from './component';
 
 
 const createElement = ( clsOrTag, attrs, ...children ): ComponentContent => {
@@ -40,3 +69,22 @@ export let React = {
 	Fragment,
 }
 
+
+
+
+
+/**
+ * 
+ */
+
+ export abstract class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P,E> {
+	public render(props: P) {
+		const tsx = this.renderTSX( props );
+		if( tsx ) {
+			this.setContent( tsx );
+		}
+	}
+
+	public abstract renderTSX( props: P ): Component | Component[];
+}
+