smart-webcomponents-react 13.1.1 → 13.1.26

package/alertwindow/alertwindow.d.ts

@@ -97,6 +97,16 @@ export declare class AlertWindow extends React.Component<React.HTMLAttributes<El
     */
     get disableSnap(): boolean;
     set disableSnap(value: boolean);
+    /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableEscape(): boolean;
+    set disableEscape(value: boolean);
+    /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableKeyboard(): boolean;
+    set disableKeyboard(value: boolean);
     /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
     *	Property type: WindowDisplayMode
     */

package/alertwindow/alertwindow.esm.js

@@ -176,6 +176,28 @@ class AlertWindow extends React.Component {
             this.nativeElement.disableSnap = value;
         }
     }
+    /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableEscape() {
+        return this.nativeElement ? this.nativeElement.disableEscape : undefined;
+    }
+    set disableEscape(value) {
+        if (this.nativeElement) {
+            this.nativeElement.disableEscape = value;
+        }
+    }
+    /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableKeyboard() {
+        return this.nativeElement ? this.nativeElement.disableKeyboard : undefined;
+    }
+    set disableKeyboard(value) {
+        if (this.nativeElement) {
+            this.nativeElement.disableKeyboard = value;
+        }
+    }
     /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
     *	Property type: WindowDisplayMode
     */
@@ -783,7 +805,7 @@ class AlertWindow extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
+        return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "disableEscape", "disableKeyboard", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
     }
     // Gets the events of the React component.
     get eventListeners() {

package/alertwindow/alertwindow.umd.js

@@ -182,6 +182,28 @@ require('../source/modules/smart.alertwindow');
                 this.nativeElement.disableSnap = value;
             }
         }
+        /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+        *	Property type: boolean
+        */
+        get disableEscape() {
+            return this.nativeElement ? this.nativeElement.disableEscape : undefined;
+        }
+        set disableEscape(value) {
+            if (this.nativeElement) {
+                this.nativeElement.disableEscape = value;
+            }
+        }
+        /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+        *	Property type: boolean
+        */
+        get disableKeyboard() {
+            return this.nativeElement ? this.nativeElement.disableKeyboard : undefined;
+        }
+        set disableKeyboard(value) {
+            if (this.nativeElement) {
+                this.nativeElement.disableKeyboard = value;
+            }
+        }
         /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
         *	Property type: WindowDisplayMode
         */
@@ -789,7 +811,7 @@ require('../source/modules/smart.alertwindow');
         }
         // Gets the properties of the React component.
         get properties() {
-            return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
+            return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "disableEscape", "disableKeyboard", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
         }
         // Gets the events of the React component.
         get eventListeners() {

package/barcode/barcode.d.ts

@@ -91,9 +91,11 @@ export declare class BarCode extends React.Component<React.HTMLAttributes<Elemen
     set value(value: string);
     get properties(): string[];
     /**  This event is triggered when the value of the barcode is invalid.
-    *  @param event. The custom event. 	Custom event was created with: event.detail(	value, 	invalidCharacters)
-    *   value - the invalid value of the barcode.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	invalidCharacters, 	lengthValidity, 	patternValidity, 	value)
     *   invalidCharacters - An array indicating the invalid characters.
+    *   lengthValidity - A boolean indicating the length validity.
+    *   patternValidity - A boolean indicating the pattern validity.
+    *   value - the invalid value of the barcode.
     */
     onInvalid?: ((event?: Event) => void) | undefined;
     /**  This event occurs, when the React component is created.

package/datetimepicker/datetimepicker.d.ts

@@ -351,6 +351,14 @@ export declare class DateTimePicker extends React.Component<React.HTMLAttributes
     /** Selects the text inside the input.
     */
     select(): void;
+    /** Gets a Date object.
+    * @returns {Date}
+  */
+    getDate(): Promise<any>;
+    /** Sets the date of the DateTimePicker.
+    * @param {Date} date. The date object to be set.
+    */
+    setDate(date: Date): void;
     constructor(props: any);
     componentDidRender(initialize: boolean): void;
     componentDidMount(): void;

package/datetimepicker/datetimepicker.esm.js

@@ -3,6 +3,31 @@ import '../source/modules/smart.datetimepicker';
 
 import React from 'react';
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 const Smart = window.Smart;
 /**
  Date & time selection component. It allows to select both date and time with the same control.
@@ -713,6 +738,36 @@ class DateTimePicker extends React.Component {
             });
         }
     }
+    /** Gets a Date object.
+    * @returns {Date}
+  */
+    getDate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const getResultOnRender = () => {
+                return new Promise(resolve => {
+                    this.nativeElement.whenRendered(() => {
+                        const result = this.nativeElement.getDate();
+                        resolve(result);
+                    });
+                });
+            };
+            const result = yield getResultOnRender();
+            return result;
+        });
+    }
+    /** Sets the date of the DateTimePicker.
+    * @param {Date} date. The date object to be set.
+    */
+    setDate(date) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.setDate(date);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.setDate(date);
+            });
+        }
+    }
     componentDidRender(initialize) {
         const that = this;
         const props = {};