x4js 1.5.27 → 1.5.31

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.27";
+export const x4js_version = "1.5.31";

package/lib/src/x4.less

@@ -665,11 +665,9 @@ textarea {
 		padding-right: 2px;
 	}
 
-	&.x-error {
-		input {
-			border-bottom: none;
-			border-left: 4px solid var( --x4-error-color );
-		}
+	input.x-error {
+		border-bottom: none;
+		border-left: 4px solid var( --x4-error-color );
 	}
 }
 

package/lib/styles/x4.css

@@ -552,8 +552,8 @@ textarea::selection {
   content: '*';
   padding-right: 2px;
 }
-.x-text-edit.x-error input,
-.x-combo-box.x-error input {
+.x-text-edit input.x-error,
+.x-combo-box input.x-error {
   border-bottom: none;
   border-left: 4px solid var(--x4-error-color);
 }

package/lib/styles/x4.less

@@ -665,11 +665,9 @@ textarea {
 		padding-right: 2px;
 	}
 
-	&.x-error {
-		input {
-			border-bottom: none;
-			border-left: 4px solid var( --x4-error-color );
-		}
+	input.x-error {
+		border-bottom: none;
+		border-left: 4px solid var( --x4-error-color );
 	}
 }
 

package/lib/types/autocomplete.d.ts

@@ -26,6 +26,7 @@
 * 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 { RenderListItem } from "./listview";
 import { TextEdit, TextEditProps } from './textedit';
 /**
  *
@@ -33,6 +34,7 @@ import { TextEdit, TextEditProps } from './textedit';
 interface AutoCompleteProps extends TextEditProps {
     enumValues: (filter: string) => string[] | Promise<string[]>;
     selectValue?: (text: string) => string;
+    renderItem?: RenderListItem;
 }
 /**
  *
@@ -46,14 +48,16 @@ export declare class AutoComplete extends TextEdit<AutoCompleteProps> {
     _onKey(e: KeyboardEvent): void;
     private _onChange;
     componentDisposed(): void;
+    showPopup(show?: boolean): void;
     /**
      * display the popup
      */
-    showPopup(items: string[]): void;
+    private _showPopup;
     protected _validate(value: string): boolean;
     validate(): boolean;
     private _checkFocus;
     private _hidePopup;
     private _onFocus;
+    isPopupVisible(): boolean;
 }
 export {};

package/lib/types/combobox.d.ts

@@ -26,9 +26,6 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-/**
- * TODO: replace custom combo list by listview or gridview
- */
 import { Component, CProps, ContainerEventMap } from './component';
 import { EvChange, EvSelectionChange, EventCallback } from './x4events';
 import { Input } from './input';
@@ -52,6 +49,7 @@ export interface ComboBoxProps extends CProps<ComboBoxEventMap> {
     tabIndex?: number | boolean;
     name?: string;
     readOnly?: boolean;
+    required?: true;
     label?: string;
     labelWidth?: number;
     labelAlign?: 'left' | 'right';
@@ -82,6 +80,12 @@ export declare class ComboBox extends HLayout<ComboBoxProps, ComboBoxEventMap> {
      * display the popup
      */
     showPopup(filter_items?: boolean): ListViewItem[];
+    /**
+     *
+     */
+    validate(): boolean;
+    showError(text: string): void;
+    clearError(): void;
     /** @ignore
       */
     private _selectItem;

package/lib/types/component.d.ts

@@ -163,6 +163,7 @@ export declare class Component<P extends CProps<CEventMap> = CProps<CEventMap>,
      * @param content
      */
     appendChild(content: ComponentContent): void;
+    removeChild(item: Component): void;
     /**
      *
      */

package/lib/types/form.d.ts

@@ -26,21 +26,26 @@
 * 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, Container, CProps, ContainerEventMap, ComponentContent } from './component';
+import { Component, Container, CProps, ContainerEventMap, ComponentContent, EventHandler } from './component';
 import { HLayout, VLayout } from './layout';
 import { Button } from './button';
 import { RequestProps } from './request';
-import { EventCallback } from './x4events';
+import { BasicEvent } from './x4events';
 import { EvBtnClick } from './dialog';
+export interface EvDirty extends BasicEvent {
+    dirty: boolean;
+}
 export type FormBtn = 'ok' | 'cancel' | 'ignore' | 'yes' | 'no' | 'close' | 'save' | 'dontsave';
 export type FormButtons = (FormBtn | Button | Component)[];
 export interface FormEventMap extends ContainerEventMap {
     btnClick?: EvBtnClick;
+    dirty?: EvDirty;
 }
 export interface FormProps extends CProps<FormEventMap> {
     disableSuggestions?: boolean;
     buttons?: FormButtons;
-    btnClick?: EventCallback<EvBtnClick>;
+    btnClick?: EventHandler<EvBtnClick>;
+    dirty?: EventHandler<EvDirty>;
 }
 /**
  *
@@ -107,6 +112,10 @@ export declare class Form<T extends FormProps = FormProps, E extends FormEventMa
      *
      */
     setValues(values: any): void;
+    /**
+     *
+     */
+    clearValues(): void;
     /**
      * values are not escaped
      * checkbox set true when checked

package/lib/types/image.d.ts

@@ -27,11 +27,12 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps } from './component';
-interface ImageProps extends CProps {
+export interface ImageProps extends CProps {
     src: string;
     alt?: string;
     lazy?: boolean;
     alignment?: 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
+    overlays?: Component[];
 }
 /**
  * Standard image class
@@ -39,6 +40,7 @@ interface ImageProps extends CProps {
 export declare class Image extends Component<ImageProps> {
     protected m_created: boolean;
     protected m_lazysrc: string;
+    private m_img;
     constructor(props: ImageProps);
     /** @ignore */
     render(): void;
@@ -52,4 +54,3 @@ export declare class Image extends Component<ImageProps> {
     private static lazy_image_timer;
     private static lazyWatch;
 }
-export {};

package/lib/types/input.d.ts

@@ -55,19 +55,25 @@ export interface InputProps<P extends InputEventMap = InputEventMap> extends CPr
  * CARE derived classes must set this.ui.input
  */
 export declare class Input extends Component<InputProps, InputEventMap> {
+    private m_error_tip;
     constructor(props: InputProps);
+    componentDisposed(): void;
     /** @ignore */
     render(props: InputProps): void;
+    showError(text: string): void;
+    clearError(): void;
     getType(): EditType;
     /**
      * return the current editor value
      */
     get value(): string;
+    getValue(): string;
     /**
      * Change the editor value
      * @param value - new value to set
      */
     set value(value: string);
+    setValue(value: string): void;
     getStoreValue(): any;
     setStoreValue(v: any): void;
     set readOnly(ro: boolean);

package/lib/types/router.d.ts

@@ -61,7 +61,7 @@ export declare class Router extends EventSource<RouterEventMap> {
     get(uri: string | RegExp, handler: RouteHandler): void;
     init(): void;
     private _getLocation;
-    navigate(uri: string, notify?: boolean): void;
+    navigate(uri: string, notify?: boolean, replace?: boolean): void;
     private _find;
 }
 export {};

package/lib/types/textedit.d.ts

@@ -59,10 +59,8 @@ export interface TextEditProps extends InputProps<TextEditEventMap> {
 export declare class TextEdit<T extends TextEditProps = TextEditProps, E extends TextEditEventMap = TextEditEventMap> extends Component<T, E> {
     private m_cal_popup;
     protected m_ui_input: Input;
-    private m_error_tip;
     constructor(props: T);
     componentCreated(): void;
-    componentDisposed(): void;
     focus(): void;
     /** @ignore */
     render(props: TextEditProps): void;
@@ -82,7 +80,12 @@ export declare class TextEdit<T extends TextEditProps = TextEditProps, E extends
     showError(text: string): void;
     clearError(): void;
     get value(): string;
+    getValue(): string;
+    /**
+     *
+     */
     set value(value: string);
+    setValue(value: string): void;
     /**
      * select all the text
      */

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.27";
+export declare const x4js_version = "1.5.31";

package/package.json

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