smart-webcomponents-react 14.2.39 → 14.2.83

package/qrcode/qrcode.umd.js

@@ -324,7 +324,7 @@ require('../source/modules/smart.qrcode');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/querybuilder/querybuilder.d.ts

@@ -13,6 +13,7 @@ export interface QueryBuilderProps extends QueryBuilderProperties {
     onDragStart?: ((event?: Event) => void) | undefined;
     onItemClick?: ((event?: Event) => void) | undefined;
     onPropertySelected?: ((event?: Event) => void) | undefined;
+    onValidationChange?: ((event?: Event) => void) | undefined;
     onCreate?: ((event?: Event) => void) | undefined;
     onReady?: ((event?: Event) => void) | undefined;
 }
@@ -208,6 +209,12 @@ export declare class QueryBuilder extends React.Component<React.HTMLAttributes<E
     *   value - The value of the selected property.
     */
     onPropertySelected?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the component validates the input values. This happens when you input a new value and focus another component.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	oldValue, 	newValue)
+    *   oldValue - Old validation status.
+    *   newValue - New validation status.
+    */
+    onValidationChange?: ((event?: Event) => void) | undefined;
     /**  This event occurs, when the React component is created.
     *  @param event. The custom event. 	*/
     onCreate?: ((event?: Event) => void) | undefined;

package/querybuilder/querybuilder.esm.js

@@ -364,7 +364,7 @@ class QueryBuilder extends React.Component {
     }
     // Gets the events of the React component.
     get eventListeners() {
-        return ["onChange", "onDragEnd", "onDragging", "onDragStart", "onItemClick", "onPropertySelected", "onCreate", "onReady"];
+        return ["onChange", "onDragEnd", "onDragging", "onDragStart", "onItemClick", "onPropertySelected", "onValidationChange", "onCreate", "onReady"];
     }
     /** Converts the current value of the element to DynamicLINQ expression.
     * @returns {string}
@@ -406,7 +406,7 @@ class QueryBuilder extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/querybuilder/querybuilder.umd.js

@@ -364,7 +364,7 @@ require('../source/modules/smart.querybuilder');
         }
         // Gets the events of the React component.
         get eventListeners() {
-            return ["onChange", "onDragEnd", "onDragging", "onDragStart", "onItemClick", "onPropertySelected", "onCreate", "onReady"];
+            return ["onChange", "onDragEnd", "onDragging", "onDragStart", "onItemClick", "onPropertySelected", "onValidationChange", "onCreate", "onReady"];
         }
         /** Converts the current value of the element to DynamicLINQ expression.
         * @returns {string}
@@ -406,7 +406,7 @@ require('../source/modules/smart.querybuilder');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/radiobutton/radiobutton.esm.js

@@ -232,7 +232,7 @@ class RadioButton extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/radiobutton/radiobutton.umd.js

@@ -232,7 +232,7 @@ require('../source/modules/smart.button');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/rating/rating.esm.js

@@ -232,7 +232,7 @@ class Rating extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/rating/rating.umd.js

@@ -232,7 +232,7 @@ require('../source/modules/smart.rating');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/scheduler/scheduler.esm.js

@@ -1915,7 +1915,7 @@ class Scheduler extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/scheduler/scheduler.umd.js

@@ -1915,7 +1915,7 @@ window.rrule = { RRule:  pkg.default };
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/scrollbar/scrollbar.esm.js

@@ -255,7 +255,7 @@ class ScrollBar extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/scrollbar/scrollbar.umd.js

@@ -255,7 +255,7 @@ require('../source/modules/smart.scrollbar');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/slider/slider.esm.js

@@ -623,7 +623,7 @@ class Slider extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/slider/slider.umd.js

@@ -623,7 +623,7 @@ require('../source/modules/smart.slider');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/sortable/sortable.esm.js

@@ -203,7 +203,7 @@ class Sortable extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/sortable/sortable.umd.js

@@ -203,7 +203,7 @@ require('../source/modules/smart.sortable');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/sortpanel/sortpanel.esm.js

@@ -155,7 +155,7 @@ class SortPanel extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/sortpanel/sortpanel.umd.js

@@ -155,7 +155,7 @@ require('../source/modules/smart.gridpanel');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/source/modules/smart.accordion.js

@@ -106,7 +106,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_accordion_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1471);
 /* harmony import */ var _smart_accordion_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_smart_accordion_js__WEBPACK_IMPORTED_MODULE_3__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.array.js

@@ -187,7 +187,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_array_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2973);
 /* harmony import */ var _smart_array_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_smart_array_js__WEBPACK_IMPORTED_MODULE_12__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.barcode.js

@@ -88,7 +88,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_barcode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2895);
 /* harmony import */ var _smart_barcode_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_smart_barcode_js__WEBPACK_IMPORTED_MODULE_1__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.breadcrumb.js

@@ -106,7 +106,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_breadcrumb_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1731);
 /* harmony import */ var _smart_breadcrumb_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_smart_breadcrumb_js__WEBPACK_IMPORTED_MODULE_3__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.button.js

@@ -142,7 +142,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_led_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9894);
 /* harmony import */ var _smart_led_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_smart_led_js__WEBPACK_IMPORTED_MODULE_7__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.buttongroup.js

@@ -88,7 +88,7 @@ var __webpack_exports__ = {};
 /* harmony import */ var _smart_buttongroup_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6867);
 /* harmony import */ var _smart_buttongroup_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_smart_buttongroup_js__WEBPACK_IMPORTED_MODULE_1__);
 
-/* Smart UI v14.2.39 (2022-08-04) 
+/* Smart UI v14.2.83 (2022-09-09) 
 Copyright (c) 2011-2022 jQWidgets. 
 License: https://htmlelements.com/license/ */ //