x4js 1.5.25 → 1.5.27

package/lib/src/application.ts

@@ -33,7 +33,7 @@ import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base
 import { Component, flyWrap } from './component'
 import { Settings } from './settings'
 import { _tr } from './i18n'
-import { Router } from 'x4js'
+import { Router } from './router'
 
 const _x4_touch_time = Symbol( );
 

package/lib/src/autocomplete.ts

@@ -35,7 +35,11 @@ import { TextEdit, TextEditProps } from './textedit';
  */
 
 interface AutoCompleteProps extends TextEditProps {
-	enumValues: ( filter: string ) => string[];
+	// return an array of values to display in the popup list
+	enumValues: ( filter: string ) => string[] | Promise<string[]>;
+
+	// a way to change the real value vs displayed value in the popup list
+	selectValue?: ( text: string ) => string;
 }
 
 /**
@@ -87,8 +91,17 @@ export class AutoComplete extends TextEdit<AutoCompleteProps> {
 		}
 	}
 
-	private _onChange( ) {
-		const items = this.m_props.enumValues( this.value );
+	private async _onChange( ) {
+		let items = this.m_props.enumValues( this.value );
+		if( items instanceof Promise ) {
+			items = await items;
+		}
+		
+		if( items.length==0 ) {
+			this._hidePopup( );
+			return;
+		}
+
 		this.showPopup( items );
 	}
 
@@ -125,7 +138,12 @@ export class AutoComplete extends TextEdit<AutoCompleteProps> {
 					tabindex: 0
 				},
 				selectionChange: (e) => {
-					this.value = (e.selection as ListViewItem).id
+					let value = (e.selection as ListViewItem).id
+					if( this.m_props.selectValue ) {
+						value = this.m_props.selectValue( value );
+					}
+
+					this.value = value;
 					if( !this.m_lockpop ) {
 						this._hidePopup( );
 						this.focus( );

package/lib/src/component.ts

@@ -2206,9 +2206,11 @@ export class Container<P extends ContainerProps = ContainerProps, E extends Cont
 
 	private m_shortcuts: Shortcut[];
 
-	constructor( props: P | ComponentOrString[] ) {
+	constructor( props: P );
+	constructor( items: ComponentOrString[], cls?: string );
+	constructor( props: P | ComponentOrString[], cls?: string ) {
 		if( isArray(props) ) {
-			super( {content: props} as P );
+			super( {content: props,cls} as P );
 		}
 		else {
 			super( props );

package/lib/src/datastore.ts

@@ -38,12 +38,12 @@ export type CalcCallback = () => string;
 export type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
 export type DataIndex = Uint32Array;
 
-interface EvDataChange extends BasicEvent {
+export interface EvDataChange extends BasicEvent {
 	type: string;
 	id: any;
 }
 
-function EvDataChange( type: 'create' | 'update' | 'delete' | 'data' | 'change', id?: any ) {
+export function EvDataChange( type: 'create' | 'update' | 'delete' | 'data' | 'change', id?: any ) {
 	return BasicEvent<EvDataChange>( { type, id } );
 }
 

package/lib/src/input.ts

@@ -84,7 +84,7 @@ export class Input extends Component<InputProps,InputEventMap>
 			placeholder: props.placeHolder,
 			autofocus: props.autoFocus,
 			readonly: props.readOnly,
-			autocomplete: 'new-password',	// chrome ignore 'off' but not something else than 'on'
+			autocomplete: 'off',	// chrome ignore 'off' but not something else than 'on'
 			tabIndex: props.tabIndex,
 			spellcheck: props.spellcheck===false ? 'false' : undefined,
 			min: props.min,

package/lib/src/version.ts

@@ -27,4 +27,4 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 
-export const x4js_version = "1.5.25";
+export const x4js_version = "1.5.27";

package/lib/types/application.d.ts

@@ -30,7 +30,7 @@ import { EvMessage } from './x4events';
 import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
 import { Component } from './component';
 import { Settings } from './settings';
-import { Router } from 'x4js';
+import { Router } from './router';
 interface ApplicationEventMap extends BaseComponentEventMap {
     message: EvMessage;
     global: EvMessage;

package/lib/types/autocomplete.d.ts

@@ -31,7 +31,8 @@ import { TextEdit, TextEditProps } from './textedit';
  *
  */
 interface AutoCompleteProps extends TextEditProps {
-    enumValues: (filter: string) => string[];
+    enumValues: (filter: string) => string[] | Promise<string[]>;
+    selectValue?: (text: string) => string;
 }
 /**
  *

package/lib/types/component.d.ts

@@ -584,7 +584,8 @@ export interface ContainerProps<E extends ContainerEventMap = ContainerEventMap>
  */
 export declare class Container<P extends ContainerProps = ContainerProps, E extends ContainerEventMap = ContainerEventMap> extends Component<P, E> {
     private m_shortcuts;
-    constructor(props: P | ComponentOrString[]);
+    constructor(props: P);
+    constructor(items: ComponentOrString[], cls?: string);
     /**
      * add an application shortcut
      * @param sequence key sequence Shift+Ctrl+Alt+K

package/lib/types/datastore.d.ts

@@ -32,11 +32,11 @@ export type ChangeCallback = (type: string, id?: any) => void;
 export type CalcCallback = () => string;
 export type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
 export type DataIndex = Uint32Array;
-interface EvDataChange extends BasicEvent {
+export interface EvDataChange extends BasicEvent {
     type: string;
     id: any;
 }
-declare function EvDataChange(type: 'create' | 'update' | 'delete' | 'data' | 'change', id?: any): EvDataChange;
+export declare function EvDataChange(type: 'create' | 'update' | 'delete' | 'data' | 'change', id?: any): EvDataChange;
 /**
  * fields definition
  * 	field with index=0 is record id

package/lib/types/version.d.ts

@@ -26,4 +26,4 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare const x4js_version = "1.5.25";
+export declare const x4js_version = "1.5.27";

package/package.json

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