smart-webcomponents-react 14.2.83 → 14.3.0

package/filterpanel/filterpanel.umd.js

@@ -2,399 +2,364 @@
 require('../source/modules/smart.filterpanel');
 
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-    (factory((global.filterpanel = {}),global.React));
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
+	(factory((global.filterpanel = {}),global.React));
 }(this, (function (exports,React) { 'use strict';
 
-    React = React && React.hasOwnProperty('default') ? React['default'] : React;
+	React = React && React.hasOwnProperty('default') ? React['default'] : 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;
+	/**
+	 The filter panel allows you to customize and display the applied filter expressions.
+	*/
+	class FilterPanel extends React.Component {
+	    constructor(props) {
+	        super(props);
+	        this.componentRef = React.createRef();
+	    }
+	    // Gets the id of the React component.
+	    get id() {
+	        if (!this._id) {
+	            this._id = 'FilterPanel' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+	        }
+	        return this._id;
+	    }
+	    /** Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
+	    *	Property type: Animation | string
+	    */
+	    get animation() {
+	        return this.nativeElement ? this.nativeElement.animation : undefined;
+	    }
+	    set animation(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.animation = value;
+	        }
+	    }
+	    /** Defines which operation buttons will be shown in the filter panel
+	    *	Property type: string[]
+	    */
+	    get buttons() {
+	        return this.nativeElement ? this.nativeElement.buttons : undefined;
+	    }
+	    set buttons(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.buttons = value;
+	        }
+	    }
+	    /** Array in mode: 'excel', determines the data to extract unique filter values from. The expected format of the data is an array of objects with key-value pairs (JSON array)
+	    *	Property type: number[]
+	    */
+	    get data() {
+	        return this.nativeElement ? this.nativeElement.data : undefined;
+	    }
+	    set data(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.data = value;
+	        }
+	    }
+	    /** Describes filtered data field.
+	    *	Property type: string
+	    */
+	    get dataField() {
+	        return this.nativeElement ? this.nativeElement.dataField : undefined;
+	    }
+	    set dataField(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.dataField = value;
+	        }
+	    }
+	    /** If set to an array, determines a custom collection of filter values to be displayed. If set to a callback function, the user can add custom filter values dynamically to the default filter values (in this case, the evaluateFilterExpression function must also be implemented) .dataSource  is only available in mode: 'excel'.
+	    *	Property type: any
+	    */
+	    get dataSource() {
+	        return this.nativeElement ? this.nativeElement.dataSource : undefined;
+	    }
+	    set dataSource(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.dataSource = value;
+	        }
+	    }
+	    /** Enables or disables filter panel.
+	    *	Property type: boolean
+	    */
+	    get disabled() {
+	        return this.nativeElement ? this.nativeElement.disabled : undefined;
+	    }
+	    set disabled(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.disabled = value;
+	        }
+	    }
+	    /** Callback function, used for custom evaluations in filter panel.
+	    *	Property type: any
+	    */
+	    get evaluateFilterExpression() {
+	        return this.nativeElement ? this.nativeElement.evaluateFilterExpression : undefined;
+	    }
+	    set evaluateFilterExpression(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.evaluateFilterExpression = value;
+	        }
+	    }
+	    /** Defines which filter type is used.
+	    *	Property type: FilterPanelFilterType | string
+	    */
+	    get filterType() {
+	        return this.nativeElement ? this.nativeElement.filterType : undefined;
+	    }
+	    set filterType(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.filterType = value;
+	        }
+	    }
+	    /** Format string used in filterType 'Date'.
+	    *	Property type: string
+	    */
+	    get formatString() {
+	        return this.nativeElement ? this.nativeElement.formatString : undefined;
+	    }
+	    set formatString(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.formatString = value;
+	        }
+	    }
+	    /** Sets or gets the language. Used in conjunction with the property messages.
+	    *	Property type: string
+	    */
+	    get locale() {
+	        return this.nativeElement ? this.nativeElement.locale : undefined;
+	    }
+	    set locale(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.locale = value;
+	        }
+	    }
+	    /** Defines field names of the filtered element.
+	    *	Property type: any
+	    */
+	    get messages() {
+	        return this.nativeElement ? this.nativeElement.messages : undefined;
+	    }
+	    set messages(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.messages = value;
+	        }
+	    }
+	    /** Desfines filter panel's  mode
+	    *	Property type: FilterPanelMode | string
+	    */
+	    get mode() {
+	        return this.nativeElement ? this.nativeElement.mode : undefined;
+	    }
+	    set mode(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.mode = value;
+	        }
+	    }
+	    /** If the element is readonly, users cannot interact with it.
+	    *	Property type: boolean
+	    */
+	    get readonly() {
+	        return this.nativeElement ? this.nativeElement.readonly : undefined;
+	    }
+	    set readonly(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.readonly = value;
+	        }
+	    }
+	    /** Determines the theme. Theme defines the look of the element
+	    *	Property type: string
+	    */
+	    get theme() {
+	        return this.nativeElement ? this.nativeElement.theme : undefined;
+	    }
+	    set theme(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.theme = value;
+	        }
+	    }
+	    /** If is set to true, the element cannot be focused.
+	    *	Property type: boolean
+	    */
+	    get unfocusable() {
+	        return this.nativeElement ? this.nativeElement.unfocusable : undefined;
+	    }
+	    set unfocusable(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.unfocusable = value;
+	        }
+	    }
+	    // Gets the properties of the React component.
+	    get properties() {
+	        return ["animation", "buttons", "data", "dataField", "dataSource", "disabled", "evaluateFilterExpression", "filterType", "formatString", "locale", "messages", "mode", "readonly", "theme", "unfocusable"];
+	    }
+	    // Gets the events of the React component.
+	    get eventListeners() {
+	        return ["onCancel", "onClear", "onFilter", "onCreate", "onReady"];
+	    }
+	    /** Discards current filtering.
+	    */
+	    cancel() {
+	        if (this.nativeElement.isRendered) {
+	            this.nativeElement.cancel();
+	        }
+	        else {
+	            this.nativeElement.whenRendered(() => {
+	                this.nativeElement.cancel();
+	            });
+	        }
+	    }
+	    /** Clears current filtering.
+	    */
+	    clear() {
+	        if (this.nativeElement.isRendered) {
+	            this.nativeElement.clear();
+	        }
+	        else {
+	            this.nativeElement.whenRendered(() => {
+	                this.nativeElement.clear();
+	            });
+	        }
+	    }
+	    /** Evaluates a filter.
+	    * @param {any} value. The evalueated element in filter panel.
+	    */
+	    evaluate(value) {
+	        if (this.nativeElement.isRendered) {
+	            this.nativeElement.evaluate(value);
+	        }
+	        else {
+	            this.nativeElement.whenRendered(() => {
+	                this.nativeElement.evaluate(value);
+	            });
+	        }
+	    }
+	    /** Applies current filtering.
+	    */
+	    filter() {
+	        if (this.nativeElement.isRendered) {
+	            this.nativeElement.filter();
+	        }
+	        else {
+	            this.nativeElement.whenRendered(() => {
+	                this.nativeElement.filter();
+	            });
+	        }
+	    }
+	    /** Gets the current filter state.
+	    * @returns {any}
+	  */
+	    getState() {
+	        const result = this.nativeElement.getState();
+	        return result;
+	    }
+	    /** Loads a previously saved filter state.
+	    * @param {any} state. An object returned by the method getState.
+	    */
+	    loadState(state) {
+	        if (this.nativeElement.isRendered) {
+	            this.nativeElement.loadState(state);
+	        }
+	        else {
+	            this.nativeElement.whenRendered(() => {
+	                this.nativeElement.loadState(state);
+	            });
+	        }
+	    }
+	    componentDidRender(initialize) {
+	        const that = this;
+	        const props = {};
+	        const events = {};
+	        let styles = null;
+	        for (let prop in that.props) {
+	            if (prop === 'children') {
+	                continue;
+	            }
+	            if (prop === 'style') {
+	                styles = that.props[prop];
+	                continue;
+	            }
+	            if (prop.startsWith('on') && that.properties.indexOf(prop) === -1) {
+	                events[prop] = that.props[prop];
+	                continue;
+	            }
+	            props[prop] = that.props[prop];
+	        }
+	        if (initialize) {
+	            that.nativeElement = this.componentRef.current;
+	        }
+	        for (let prop in props) {
+	            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] !== "") {
+	                        that.nativeElement.classList.add(classNames[className]);
+	                    }
+	                }
+	                continue;
+	            }
+	            if (props[prop] !== that.nativeElement[prop]) {
+	                const normalizeProp = (str) => {
+	                    return str.replace(/-([a-z])/g, function (g) {
+	                        return g[1].toUpperCase();
+	                    });
+	                };
+	                if (prop === 'hover' || prop === 'active' || prop === 'focus' || prop === 'selected') {
+	                    that.nativeElement.setAttribute(prop, '');
+	                }
+	                const normalizedProp = normalizeProp(prop);
+	                that.nativeElement[normalizedProp] = props[prop];
+	            }
+	        }
+	        for (let eventName in events) {
+	            that[eventName] = events[eventName];
+	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
+	        }
+	        if (initialize) {
+	            Smart.Render();
+	            if (that.onCreate) {
+	                that.onCreate();
+	            }
+	            that.nativeElement.whenRendered(() => {
+	                if (that.onReady) {
+	                    that.onReady();
+	                }
+	            });
+	        }
+	        // setup styles.
+	        if (styles) {
+	            for (let styleName in styles) {
+	                that.nativeElement.style[styleName] = styles[styleName];
+	            }
+	        }
+	    }
+	    componentDidMount() {
+	        this.componentDidRender(true);
+	    }
+	    componentDidUpdate() {
+	        this.componentDidRender(false);
+	    }
+	    componentWillUnmount() {
+	        const that = this;
+	        if (!that.nativeElement) {
+	            return;
+	        }
+	        that.nativeElement.whenRenderedCallbacks = [];
+	        for (let i = 0; i < that.eventListeners.length; i++) {
+	            const eventName = that.eventListeners[i];
+	            that.nativeElement.removeEventListener(eventName.substring(2).toLowerCase(), that[eventName]);
+	        }
+	    }
+	    render() {
+	        return (React.createElement("smart-filter-panel", { ref: this.componentRef }, this.props.children));
+	    }
+	}
 
-    const Smart = window.Smart;
-    /**
-     The filter panel allows you to customize and display the applied filter expressions.
-    */
-    class FilterPanel extends React.Component {
-        constructor(props) {
-            super(props);
-            this.componentRef = React.createRef();
-        }
-        // Gets the id of the React component.
-        get id() {
-            if (!this._id) {
-                this._id = 'FilterPanel' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
-            }
-            return this._id;
-        }
-        /** Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
-        *	Property type: Animation | string
-        */
-        get animation() {
-            return this.nativeElement ? this.nativeElement.animation : undefined;
-        }
-        set animation(value) {
-            if (this.nativeElement) {
-                this.nativeElement.animation = value;
-            }
-        }
-        /** Defines which operation buttons will be shown in the filter panel
-        *	Property type: string[]
-        */
-        get buttons() {
-            return this.nativeElement ? this.nativeElement.buttons : undefined;
-        }
-        set buttons(value) {
-            if (this.nativeElement) {
-                this.nativeElement.buttons = value;
-            }
-        }
-        /** Array in mode: 'excel', determines the data to extract unique filter values from. The expected format of the data is an array of objects with key-value pairs (JSON array)
-        *	Property type: number[]
-        */
-        get data() {
-            return this.nativeElement ? this.nativeElement.data : undefined;
-        }
-        set data(value) {
-            if (this.nativeElement) {
-                this.nativeElement.data = value;
-            }
-        }
-        /** Describes filtered data field.
-        *	Property type: string
-        */
-        get dataField() {
-            return this.nativeElement ? this.nativeElement.dataField : undefined;
-        }
-        set dataField(value) {
-            if (this.nativeElement) {
-                this.nativeElement.dataField = value;
-            }
-        }
-        /** If set to an array, determines a custom collection of filter values to be displayed. If set to a callback function, the user can add custom filter values dynamically to the default filter values (in this case, the evaluateFilterExpression function must also be implemented) .dataSource  is only available in mode: 'excel'.
-        *	Property type: any
-        */
-        get dataSource() {
-            return this.nativeElement ? this.nativeElement.dataSource : undefined;
-        }
-        set dataSource(value) {
-            if (this.nativeElement) {
-                this.nativeElement.dataSource = value;
-            }
-        }
-        /** Enables or disables filter panel.
-        *	Property type: boolean
-        */
-        get disabled() {
-            return this.nativeElement ? this.nativeElement.disabled : undefined;
-        }
-        set disabled(value) {
-            if (this.nativeElement) {
-                this.nativeElement.disabled = value;
-            }
-        }
-        /** Callback function, used for custom evaluations in filter panel.
-        *	Property type: any
-        */
-        get evaluateFilterExpression() {
-            return this.nativeElement ? this.nativeElement.evaluateFilterExpression : undefined;
-        }
-        set evaluateFilterExpression(value) {
-            if (this.nativeElement) {
-                this.nativeElement.evaluateFilterExpression = value;
-            }
-        }
-        /** Defines which filter type is used.
-        *	Property type: FilterPanelFilterType | string
-        */
-        get filterType() {
-            return this.nativeElement ? this.nativeElement.filterType : undefined;
-        }
-        set filterType(value) {
-            if (this.nativeElement) {
-                this.nativeElement.filterType = value;
-            }
-        }
-        /** Format string used in filterType 'Date'.
-        *	Property type: string
-        */
-        get formatString() {
-            return this.nativeElement ? this.nativeElement.formatString : undefined;
-        }
-        set formatString(value) {
-            if (this.nativeElement) {
-                this.nativeElement.formatString = value;
-            }
-        }
-        /** Sets or gets the language. Used in conjunction with the property messages.
-        *	Property type: string
-        */
-        get locale() {
-            return this.nativeElement ? this.nativeElement.locale : undefined;
-        }
-        set locale(value) {
-            if (this.nativeElement) {
-                this.nativeElement.locale = value;
-            }
-        }
-        /** Defines field names of the filtered element.
-        *	Property type: any
-        */
-        get messages() {
-            return this.nativeElement ? this.nativeElement.messages : undefined;
-        }
-        set messages(value) {
-            if (this.nativeElement) {
-                this.nativeElement.messages = value;
-            }
-        }
-        /** Desfines filter panel's  mode
-        *	Property type: FilterPanelMode | string
-        */
-        get mode() {
-            return this.nativeElement ? this.nativeElement.mode : undefined;
-        }
-        set mode(value) {
-            if (this.nativeElement) {
-                this.nativeElement.mode = value;
-            }
-        }
-        /** If the element is readonly, users cannot interact with it.
-        *	Property type: boolean
-        */
-        get readonly() {
-            return this.nativeElement ? this.nativeElement.readonly : undefined;
-        }
-        set readonly(value) {
-            if (this.nativeElement) {
-                this.nativeElement.readonly = value;
-            }
-        }
-        /** Determines the theme. Theme defines the look of the element
-        *	Property type: string
-        */
-        get theme() {
-            return this.nativeElement ? this.nativeElement.theme : undefined;
-        }
-        set theme(value) {
-            if (this.nativeElement) {
-                this.nativeElement.theme = value;
-            }
-        }
-        /** If is set to true, the element cannot be focused.
-        *	Property type: boolean
-        */
-        get unfocusable() {
-            return this.nativeElement ? this.nativeElement.unfocusable : undefined;
-        }
-        set unfocusable(value) {
-            if (this.nativeElement) {
-                this.nativeElement.unfocusable = value;
-            }
-        }
-        // Gets the properties of the React component.
-        get properties() {
-            return ["animation", "buttons", "data", "dataField", "dataSource", "disabled", "evaluateFilterExpression", "filterType", "formatString", "locale", "messages", "mode", "readonly", "theme", "unfocusable"];
-        }
-        // Gets the events of the React component.
-        get eventListeners() {
-            return ["onCancel", "onClear", "onFilter", "onCreate", "onReady"];
-        }
-        /** Discards current filtering.
-        */
-        cancel() {
-            if (this.nativeElement.isRendered) {
-                this.nativeElement.cancel();
-            }
-            else {
-                this.nativeElement.whenRendered(() => {
-                    this.nativeElement.cancel();
-                });
-            }
-        }
-        /** Clears current filtering.
-        */
-        clear() {
-            if (this.nativeElement.isRendered) {
-                this.nativeElement.clear();
-            }
-            else {
-                this.nativeElement.whenRendered(() => {
-                    this.nativeElement.clear();
-                });
-            }
-        }
-        /** Evaluates a filter.
-        * @param {any} value. The evalueated element in filter panel.
-        */
-        evaluate(value) {
-            if (this.nativeElement.isRendered) {
-                this.nativeElement.evaluate(value);
-            }
-            else {
-                this.nativeElement.whenRendered(() => {
-                    this.nativeElement.evaluate(value);
-                });
-            }
-        }
-        /** Applies current filtering.
-        */
-        filter() {
-            if (this.nativeElement.isRendered) {
-                this.nativeElement.filter();
-            }
-            else {
-                this.nativeElement.whenRendered(() => {
-                    this.nativeElement.filter();
-                });
-            }
-        }
-        /** Gets the current filter state.
-        * @returns {any}
-      */
-        getState() {
-            return __awaiter(this, void 0, void 0, function* () {
-                const getResultOnRender = () => {
-                    return new Promise(resolve => {
-                        this.nativeElement.whenRendered(() => {
-                            const result = this.nativeElement.getState();
-                            resolve(result);
-                        });
-                    });
-                };
-                const result = yield getResultOnRender();
-                return result;
-            });
-        }
-        /** Loads a previously saved filter state.
-        * @param {any} state. An object returned by the method getState.
-        */
-        loadState(state) {
-            if (this.nativeElement.isRendered) {
-                this.nativeElement.loadState(state);
-            }
-            else {
-                this.nativeElement.whenRendered(() => {
-                    this.nativeElement.loadState(state);
-                });
-            }
-        }
-        componentDidRender(initialize) {
-            const that = this;
-            const props = {};
-            const events = {};
-            let styles = null;
-            for (let prop in that.props) {
-                if (prop === 'children') {
-                    continue;
-                }
-                if (prop === 'style') {
-                    styles = that.props[prop];
-                    continue;
-                }
-                if (prop.startsWith('on') && that.properties.indexOf(prop) === -1) {
-                    events[prop] = that.props[prop];
-                    continue;
-                }
-                props[prop] = that.props[prop];
-            }
-            if (initialize) {
-                that.nativeElement = this.componentRef.current;
-            }
-            for (let prop in props) {
-                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] !== "") {
-                            that.nativeElement.classList.add(classNames[className]);
-                        }
-                    }
-                    continue;
-                }
-                if (props[prop] !== that.nativeElement[prop]) {
-                    const normalizeProp = (str) => {
-                        return str.replace(/-([a-z])/g, function (g) {
-                            return g[1].toUpperCase();
-                        });
-                    };
-                    if (prop === 'hover' || prop === 'active' || prop === 'focus' || prop === 'selected') {
-                        that.nativeElement.setAttribute(prop, '');
-                    }
-                    const normalizedProp = normalizeProp(prop);
-                    that.nativeElement[normalizedProp] = props[prop];
-                }
-            }
-            for (let eventName in events) {
-                that[eventName] = events[eventName];
-                that.nativeElement[eventName.toLowerCase()] = events[eventName];
-            }
-            if (initialize) {
-                Smart.Render();
-                if (that.onCreate) {
-                    that.onCreate();
-                }
-                that.nativeElement.whenRendered(() => {
-                    if (that.onReady) {
-                        that.onReady();
-                    }
-                });
-            }
-            // setup styles.
-            if (styles) {
-                for (let styleName in styles) {
-                    that.nativeElement.style[styleName] = styles[styleName];
-                }
-            }
-        }
-        componentDidMount() {
-            this.componentDidRender(true);
-        }
-        componentDidUpdate() {
-            this.componentDidRender(false);
-        }
-        componentWillUnmount() {
-            const that = this;
-            if (!that.nativeElement) {
-                return;
-            }
-            that.nativeElement.whenRenderedCallbacks = [];
-            for (let i = 0; i < that.eventListeners.length; i++) {
-                const eventName = that.eventListeners[i];
-                that.nativeElement.removeEventListener(eventName.substring(2).toLowerCase(), that[eventName]);
-            }
-        }
-        render() {
-            return (React.createElement("smart-filter-panel", { ref: this.componentRef }, this.props.children));
-        }
-    }
+	exports.Smart = Smart;
+	exports.FilterPanel = FilterPanel;
+	exports.default = FilterPanel;
 
-    exports.Smart = Smart;
-    exports.FilterPanel = FilterPanel;
-    exports.default = FilterPanel;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
+	Object.defineProperty(exports, '__esModule', { value: true });
 
 })));