smart-webcomponents-react 14.2.83 → 14.3.0

package/source/typescript/smart.editor.d.ts

@@ -577,7 +577,7 @@ export interface Editor extends BaseElement, EditorProperties {
   onDialogClosing?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when the uploading of an image/video is successful.
-	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status, serverResponse)
    *  target - The file upload element that is the target of the operation.
    *  item - The toolbar item that is the target of the operation.
    *  filename - The name of the uploaded file.
@@ -585,11 +585,12 @@ export interface Editor extends BaseElement, EditorProperties {
    *  size - The size of the uploaded file.
    *  index - The index of the uploaded file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onImageUploadSuccess?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when the uploading of an image/video is unsuccessful.
-	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status, serverResponse)
    *  target - The file upload element that is the target of the operation.
    *  item - The toolbar item that is the target of the operation.
    *  filename - The name of the canceled file.
@@ -597,6 +598,7 @@ export interface Editor extends BaseElement, EditorProperties {
    *  size - The size of the canceled file.
    *  index - The index of the canceled file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onImageUploadFailed?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**

package/source/typescript/smart.elements.d.ts

@@ -9123,7 +9123,7 @@ export interface Editor extends BaseElement, EditorProperties {
   onDialogClosing?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when the uploading of an image/video is successful.
-	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status, serverResponse)
    *  target - The file upload element that is the target of the operation.
    *  item - The toolbar item that is the target of the operation.
    *  filename - The name of the uploaded file.
@@ -9131,11 +9131,12 @@ export interface Editor extends BaseElement, EditorProperties {
    *  size - The size of the uploaded file.
    *  index - The index of the uploaded file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onImageUploadSuccess?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when the uploading of an image/video is unsuccessful.
-	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, filename, type, size, index, status, serverResponse)
    *  target - The file upload element that is the target of the operation.
    *  item - The toolbar item that is the target of the operation.
    *  filename - The name of the canceled file.
@@ -9143,6 +9144,7 @@ export interface Editor extends BaseElement, EditorProperties {
    *  size - The size of the canceled file.
    *  index - The index of the canceled file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onImageUploadFailed?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -9865,12 +9867,13 @@ export interface FileUpload extends BaseElement, FileUploadProperties {
   onUploadCanceled?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a file upload operation is completed.
-	* @param event. The custom event. Custom data event was created with: ev.detail(filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(filename, type, size, index, status, serverResponse)
    *  filename - The name of the canceled file.
    *  type - The type of the canceled file.
    *  size - The size of the canceled file.
    *  index - The index of the canceled file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onUploadCompleted?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -13956,6 +13959,11 @@ export interface GridProperties {
    * Default value: []
    */
   users?: any[];
+  /**
+   * Sets the grid's image upload settings for the image columns.
+   * Default value: [object Object]
+   */
+  uploadSettings?: GridUploadSettings;
   /**
    * Describes the paging settings.
    * Default value: [object Object]
@@ -16567,6 +16575,35 @@ export interface GridGroupingSummaryRow {
   visible?: boolean;
 }
 
+/**Sets the grid's image upload settings for the image columns. */
+export interface GridUploadSettings {
+  /**
+   * Sets or image upload url.
+   * Default value: ""
+   */
+  url?: string;
+  /**
+   * Sets or gets the upload field name. In the backend, you can use this name to access the images data. For example in expressJS, you can use something like that: const images = req['files']['userfile[]'];
+   * Default value: "userfile[]"
+   */
+  name?: string;
+  /**
+   * Additional data to pass to the server. The format should be a JSON string.
+   * Default value: ""
+   */
+  data?: string;
+  /**
+   * Function called when the upload is completed. JSON object with 'files', 'status', 'fileURL' and 'serverResponse' are passed as parameters when the function is called by the Grid.
+   * Default value: 
+   */
+  onUploadCompleted?: any;
+  /**
+   * Function called when the upload has failed. JSON object with 'files' and 'status'are passed as parameters when the function is called by the Grid.
+   * Default value: 
+   */
+  onUploadError?: any;
+}
+
 /**Describes the paging settings. */
 export interface GridPaging {
   /**
@@ -24051,6 +24088,11 @@ export interface QueryBuilderProperties {
    * Default value: change
    */
   applyMode?: QueryBuilderApplyMode | string;
+  /**
+   * When 'applyMode' is set to 'immediately', the default value is applied to the editor's value and the QueryBuilder's value is updated automatically.
+   * Default value: false
+   */
+  autoApplyValue?: boolean;
   /**
    * Determines whether QueryBuilder will automatically prompt the user to enter a condition value when a new condition is created. When 'applyMode' is set to 'immediately', the operation field is automatically populated if empty when the selected condition operator is changed. The input field prompts the user when the operation or operator of the condition is changed.
    * Default value: false

package/source/typescript/smart.fileupload.d.ts

@@ -171,12 +171,13 @@ export interface FileUpload extends BaseElement, FileUploadProperties {
   onUploadCanceled?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a file upload operation is completed.
-	* @param event. The custom event. Custom data event was created with: ev.detail(filename, type, size, index, status)
+	* @param event. The custom event. Custom data event was created with: ev.detail(filename, type, size, index, status, serverResponse)
    *  filename - The name of the canceled file.
    *  type - The type of the canceled file.
    *  size - The size of the canceled file.
    *  index - The index of the canceled file.
    *  status - The status of the uploaded file. Whether there was an error or success.
+   *  serverResponse - The response of the remote server.
    */
   onUploadCompleted?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**

package/source/typescript/smart.grid.d.ts

@@ -248,6 +248,11 @@ export interface GridProperties {
    * Default value: []
    */
   users?: any[];
+  /**
+   * Sets the grid's image upload settings for the image columns.
+   * Default value: [object Object]
+   */
+  uploadSettings?: GridUploadSettings;
   /**
    * Describes the paging settings.
    * Default value: [object Object]
@@ -2859,6 +2864,35 @@ export interface GridGroupingSummaryRow {
   visible?: boolean;
 }
 
+/**Sets the grid's image upload settings for the image columns. */
+export interface GridUploadSettings {
+  /**
+   * Sets or image upload url.
+   * Default value: ""
+   */
+  url?: string;
+  /**
+   * Sets or gets the upload field name. In the backend, you can use this name to access the images data. For example in expressJS, you can use something like that: const images = req['files']['userfile[]'];
+   * Default value: "userfile[]"
+   */
+  name?: string;
+  /**
+   * Additional data to pass to the server. The format should be a JSON string.
+   * Default value: ""
+   */
+  data?: string;
+  /**
+   * Function called when the upload is completed. JSON object with 'files', 'status', 'fileURL' and 'serverResponse' are passed as parameters when the function is called by the Grid.
+   * Default value: 
+   */
+  onUploadCompleted?: any;
+  /**
+   * Function called when the upload has failed. JSON object with 'files' and 'status'are passed as parameters when the function is called by the Grid.
+   * Default value: 
+   */
+  onUploadError?: any;
+}
+
 /**Describes the paging settings. */
 export interface GridPaging {
   /**

package/source/typescript/smart.querybuilder.d.ts

@@ -16,6 +16,11 @@ export interface QueryBuilderProperties {
    * Default value: change
    */
   applyMode?: QueryBuilderApplyMode | string;
+  /**
+   * When 'applyMode' is set to 'immediately', the default value is applied to the editor's value and the QueryBuilder's value is updated automatically.
+   * Default value: false
+   */
+  autoApplyValue?: boolean;
   /**
    * Determines whether QueryBuilder will automatically prompt the user to enter a condition value when a new condition is created. When 'applyMode' is set to 'immediately', the operation field is automatically populated if empty when the selected condition operator is changed. The input field prompts the user when the operation or operator of the condition is changed.
    * Default value: false

package/splitter/splitter.d.ts

@@ -148,7 +148,7 @@ export declare class Splitter extends React.Component<React.HTMLAttributes<Eleme
     * @param {number} splitterBar. A JQX.SplitterBar instance.
     * @returns {number}
   */
-    hideBar(splitterBar: number): Promise<any>;
+    hideBar(splitterBar: number): any;
     /** Insert a new Splitter item at a given position.
     * @param {number} index. The index at which a new item will be inserted.
     * @param {any} details. An Object or string used as content if the splitter item.
@@ -159,7 +159,7 @@ export declare class Splitter extends React.Component<React.HTMLAttributes<Eleme
     * @param {Node | null} referenceNode?. The "jqx-splitter-item" node before which newNode is inserted.
     * @returns {Node}
   */
-    insertBefore(newNode: Node, referenceNode?: Node | null): Promise<any>;
+    insertBefore(newNode: Node, referenceNode?: Node | null): any;
     /** Locks a splitter item so it's size can't change.
     * @param {number} index. The index of a Splitter Bar or it's instance.
     */
@@ -179,7 +179,7 @@ export declare class Splitter extends React.Component<React.HTMLAttributes<Eleme
     * @param {Node} node. The "jqx-splitter-item" node to remove.
     * @returns {Node}
   */
-    removeChild(node: Node): Promise<any>;
+    removeChild(node: Node): any;
     /** Refreshes the Splitter
     */
     refresh(): void;

package/splitter/splitter.esm.js

@@ -9,31 +9,6 @@ import '../source/modules/smart.splitter';
 
 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;
 /**
  Splitter Item is a Panel in a Splitter component.
@@ -689,18 +664,8 @@ class Splitter extends React.Component {
     * @returns {number}
   */
     hideBar(splitterBar) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.hideBar(splitterBar);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.hideBar(splitterBar);
+        return result;
     }
     /** Insert a new Splitter item at a given position.
     * @param {number} index. The index at which a new item will be inserted.
@@ -722,18 +687,8 @@ class Splitter extends React.Component {
     * @returns {Node}
   */
     insertBefore(newNode, referenceNode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.insertBefore(newNode, referenceNode);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.insertBefore(newNode, referenceNode);
+        return result;
     }
     /** Locks a splitter item so it's size can't change.
     * @param {number} index. The index of a Splitter Bar or it's instance.
@@ -791,18 +746,8 @@ class Splitter extends React.Component {
     * @returns {Node}
   */
     removeChild(node) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.removeChild(node);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.removeChild(node);
+        return result;
     }
     /** Refreshes the Splitter
     */