dattatable 2.10.1 → 2.10.3

package/build/dashboard/accordion.d.ts

@@ -14,6 +14,7 @@ export interface IAccordionProps {
     onItemClick?: (el?: HTMLElement, item?: any) => void;
     onItemHeaderRender?: (el?: HTMLElement, item?: any) => void;
     onItemRender?: (el?: HTMLElement, item?: any) => void;
+    onPaginationClick?: (pageNumber?: number) => void;
     onPaginationRender?: (el?: HTMLElement) => void;
     paginationLimit?: number;
     showPagination?: boolean;

package/build/dashboard/accordion.js

@@ -292,6 +292,8 @@ var Accordion = /** @class */ (function () {
                     // Set the last item class
                     var lastIdx = startIdx + paginationLimit - 1;
                     elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add("last-item");
+                    // Call the event
+                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;
                 }
             });
             // Call the event

package/build/dashboard/index.d.ts

@@ -19,6 +19,7 @@ export interface IDashboardProps {
         onItemClick?: (el?: HTMLElement, item?: any) => void;
         onItemHeaderRender?: (el?: HTMLElement, item?: any) => void;
         onItemRender?: (el?: HTMLElement, item?: any) => void;
+        onPaginationClick?: (pageNumber?: number) => void;
         onPaginationRender?: (el?: HTMLElement) => void;
         paginationLimit?: number;
         showPagination?: boolean;
@@ -89,6 +90,7 @@ export interface IDashboardProps {
         onColumnRendered?: (el?: HTMLElement, item?: any) => void;
         onFooterRendered?: (el?: HTMLElement, item?: any) => void;
         onHeaderRendered?: (el?: HTMLElement, item?: any) => void;
+        onPaginationClick?: (pageNumber?: number) => void;
         onPaginationRendered?: (el?: HTMLElement) => void;
         onSubTitleRendered?: (el?: HTMLElement, item?: any) => void;
         onTitleRendered?: (el?: HTMLElement, item?: any) => void;

package/build/dashboard/tiles.d.ts

@@ -17,6 +17,7 @@ export interface ITilesProps {
     onColumnRendered?: (el?: HTMLElement, item?: any) => void;
     onFooterRendered?: (el?: HTMLElement, item?: any) => void;
     onHeaderRendered?: (el?: HTMLElement, item?: any) => void;
+    onPaginationClick?: (pageNumber?: number) => void;
     onPaginationRendered?: (el?: HTMLElement) => void;
     onSubTitleRendered?: (el?: HTMLElement, item?: any) => void;
     onTitleRendered?: (el?: HTMLElement, item?: any) => void;

package/build/dashboard/tiles.js

@@ -187,6 +187,7 @@ var Tiles = /** @class */ (function () {
     };
     // Updates the visibility of the tiles
     Tiles.prototype.updateTiles = function () {
+        var _this = this;
         var paginationLimit = this._props.paginationLimit || 10;
         // Get the pagination element
         var elPagination = this._props.el.querySelector(".tiles-pagination");
@@ -285,6 +286,8 @@ var Tiles = /** @class */ (function () {
                         // Show the item
                         elItem.parentElement.classList.remove("d-none");
                     }
+                    // Call the event
+                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;
                 }
             });
             // Call the event

package/build/lib.d.ts

@@ -1,6 +1,7 @@
 export * from "./common";
 export * from "./auditLog";
 export * from "./dashboard";
+export * from "./propertyPane";
 import * as Common from "./common";
 import * as AuditLog from "./auditLog";
 import * as Dashboard from "./dashboard";

package/build/lib.js

@@ -30,6 +30,7 @@ exports.DattaTable = void 0;
 __exportStar(require("./common"), exports);
 __exportStar(require("./auditLog"), exports);
 __exportStar(require("./dashboard"), exports);
+__exportStar(require("./propertyPane"), exports);
 // Export the library constant
 var Common = require("./common");
 var AuditLog = require("./auditLog");

package/build/propertyPane/base.d.ts

@@ -0,0 +1,19 @@
+import { IBasePropertyPane, IBasePropertyPaneProperties, IBasePropertyPaneProps } from "./types";
+/**
+ * Base Property Pane
+ */
+export declare class BasePropertyPane<IProps = IBasePropertyPaneProps> implements IBasePropertyPane {
+    private _config;
+    get config(): IProps;
+    properties: IBasePropertyPaneProperties;
+    targetProperty: string;
+    type: number;
+    constructor(targetProperty: string, config: IProps, context?: any);
+    protected applyTooltip(el: HTMLElement): void;
+    get currentValue(): string | undefined;
+    currentValueAsObject<T>(): T | undefined;
+    protected onDispose(el: HTMLElement, context: any): void;
+    private dispose;
+    protected onRender(el: HTMLElement, context: any, onChange: (targetProperty: string, newValue?: string | number | boolean | undefined) => void): void;
+    private render;
+}

package/build/propertyPane/base.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasePropertyPane = void 0;
+var gd_sprest_bs_1 = require("gd-sprest-bs");
+/**
+ * Base Property Pane
+ */
+var BasePropertyPane = /** @class */ (function () {
+    // Constructor
+    function BasePropertyPane(targetProperty, config, context) {
+        var _this = this;
+        // Set the type (Custom = 1)
+        this.type = 1;
+        // Save the configuration
+        this._config = config;
+        // Save the key
+        this.targetProperty = targetProperty;
+        // Set the properties
+        this.properties = {
+            key: this.targetProperty,
+            context: context,
+            onDispose: function (el, context) {
+                // Call the events
+                _this.dispose(el, context);
+                _this.onDispose ? _this.onDispose(el, context) : null;
+            },
+            onRender: function (el, context, onChange) {
+                _this.render(el, context, onChange);
+                _this.onRender ? _this.onRender(el, context, onChange) : null;
+            }
+        };
+    }
+    Object.defineProperty(BasePropertyPane.prototype, "config", {
+        get: function () { return this._config; },
+        enumerable: false,
+        configurable: true
+    });
+    // Applies the tooltip to an element
+    BasePropertyPane.prototype.applyTooltip = function (el) {
+        // Apply the tooltip
+        var content = this._config.tooltip;
+        if (content) {
+            gd_sprest_bs_1.Components.Tooltip({
+                target: el,
+                content: content
+            });
+        }
+    };
+    Object.defineProperty(BasePropertyPane.prototype, "currentValue", {
+        // Returns the current value as a string
+        get: function () {
+            var properties = this._config.properties;
+            return properties ? properties[this.targetProperty] : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // Returns the current value as an object
+    BasePropertyPane.prototype.currentValueAsObject = function () {
+        // Ensure a value exists
+        if (this.currentValue) {
+            try {
+                return JSON.parse(this.currentValue);
+            }
+            catch (_a) { }
+        }
+        // Return nothing
+        return undefined;
+    };
+    // Dispose of the component
+    BasePropertyPane.prototype.onDispose = function (el, context) { };
+    BasePropertyPane.prototype.dispose = function (el, context) {
+        // Clear the element
+        while (el.firstChild) {
+            el.removeChild(el.firstChild);
+        }
+    };
+    // Renders the component
+    BasePropertyPane.prototype.onRender = function (el, context, onChange) { };
+    BasePropertyPane.prototype.render = function (el, context, onChange) {
+        // Clear the component
+        this.dispose(el, context);
+    };
+    return BasePropertyPane;
+}());
+exports.BasePropertyPane = BasePropertyPane;

package/build/propertyPane/index.d.ts

@@ -0,0 +1,3 @@
+export { MultiDropdown } from "./multiDropdown";
+export { MultiDropdownButton } from "./multiDropdownButton";
+export { MultiDropdownCheckbox } from "./multiDropdownCheckbox";

package/build/propertyPane/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiDropdownCheckbox = exports.MultiDropdownButton = exports.MultiDropdown = void 0;
+var multiDropdown_1 = require("./multiDropdown");
+Object.defineProperty(exports, "MultiDropdown", { enumerable: true, get: function () { return multiDropdown_1.MultiDropdown; } });
+var multiDropdownButton_1 = require("./multiDropdownButton");
+Object.defineProperty(exports, "MultiDropdownButton", { enumerable: true, get: function () { return multiDropdownButton_1.MultiDropdownButton; } });
+var multiDropdownCheckbox_1 = require("./multiDropdownCheckbox");
+Object.defineProperty(exports, "MultiDropdownCheckbox", { enumerable: true, get: function () { return multiDropdownCheckbox_1.MultiDropdownCheckbox; } });

package/build/propertyPane/multiDropdown.d.ts

@@ -0,0 +1,11 @@
+import { Components } from "gd-sprest-bs";
+import { BasePropertyPane } from "./base";
+import { IMultiDropdown } from "./types";
+/**
+ * Multi-Dropdown
+ */
+export declare class _MultiDropdown<T = IMultiDropdown> extends BasePropertyPane<T> {
+    protected onRendering(props: Components.IFormControlPropsMultiDropdown): Components.IFormControlPropsMultiDropdown;
+    onRender(el: HTMLElement, context: any, onChange: (targetProperty: string, newValue?: string | number | boolean | undefined) => void): void;
+}
+export declare const MultiDropdown: (targetProperty: string, config: IMultiDropdown, context?: any) => _MultiDropdown<IMultiDropdown>;

package/build/propertyPane/multiDropdown.js

@@ -0,0 +1,85 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiDropdown = exports._MultiDropdown = void 0;
+var gd_sprest_bs_1 = require("gd-sprest-bs");
+var base_1 = require("./base");
+/**
+ * Multi-Dropdown
+ */
+var _MultiDropdown = /** @class */ (function (_super) {
+    __extends(_MultiDropdown, _super);
+    function _MultiDropdown() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // Internal rendering event
+    _MultiDropdown.prototype.onRendering = function (props) { return props; };
+    // Override the render event
+    _MultiDropdown.prototype.onRender = function (el, context, onChange) {
+        var _this = this;
+        var currentValue = this.currentValueAsObject();
+        if (currentValue) {
+            var values = [];
+            // Parse the values
+            for (var i = 0; i < currentValue.length; i++) {
+                values.push(currentValue[i]["value"] || currentValue[i]["text"]);
+            }
+            // Update the current value
+            currentValue = values;
+        }
+        // Set the properties
+        var config = this.config;
+        var props = {
+            description: config.description,
+            items: config.items,
+            label: config.label,
+            name: this.targetProperty,
+            type: gd_sprest_bs_1.Components.FormControlTypes.MultiDropdown,
+            value: currentValue,
+            onChange: function (items) {
+                // Convert the object as a string
+                var value = undefined;
+                try {
+                    value = JSON.stringify(items);
+                }
+                catch (_a) { }
+                // Call the event
+                value = config.onSave ? config.onSave(value) : value;
+                // Update the property
+                onChange(_this.targetProperty, value);
+            }
+        };
+        // Call the rendering events
+        props = this.onRendering(props);
+        props = config.onRendering ? config.onRendering(props) : props;
+        // Render the dropdown
+        gd_sprest_bs_1.Components.Form({
+            el: el,
+            controls: [props],
+            onControlRendered: function (ctrl) {
+                // Call the event
+                config.onRendered ? config.onRendered(ctrl.dropdown, ctrl.props) : null;
+            }
+        });
+    };
+    return _MultiDropdown;
+}(base_1.BasePropertyPane));
+exports._MultiDropdown = _MultiDropdown;
+var MultiDropdown = function (targetProperty, config, context) {
+    return new _MultiDropdown(targetProperty, config, context);
+};
+exports.MultiDropdown = MultiDropdown;

package/build/propertyPane/multiDropdownButton.d.ts

@@ -0,0 +1,11 @@
+import { Components } from "gd-sprest-bs";
+import { _MultiDropdown } from "./multiDropdown";
+import { IMultiDropdownButton } from "./types";
+/**
+ * Multi-Dropdown Button
+ */
+declare class _MultiDropdownButton extends _MultiDropdown<IMultiDropdownButton> {
+    protected onRendering(props: Components.IFormControlPropsMultiDropdownButton): Components.IFormControlPropsMultiDropdownButton;
+}
+export declare const MultiDropdownButton: (targetProperty: string, config: IMultiDropdownButton, context?: any) => _MultiDropdownButton;
+export {};

package/build/propertyPane/multiDropdownButton.js

@@ -0,0 +1,43 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiDropdownButton = void 0;
+var gd_sprest_bs_1 = require("gd-sprest-bs");
+var multiDropdown_1 = require("./multiDropdown");
+/**
+ * Multi-Dropdown Button
+ */
+var _MultiDropdownButton = /** @class */ (function (_super) {
+    __extends(_MultiDropdownButton, _super);
+    function _MultiDropdownButton() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // Override the rendering method to customize the type
+    _MultiDropdownButton.prototype.onRendering = function (props) {
+        // Set the type and placement
+        props.placeholder = this.config.placeholder;
+        props.placement = this.config.placement || gd_sprest_bs_1.Components.DropdownPlacements.Left;
+        props.type = gd_sprest_bs_1.Components.FormControlTypes.MultiDropdownButton;
+        // Return the props
+        return props;
+    };
+    return _MultiDropdownButton;
+}(multiDropdown_1._MultiDropdown));
+var MultiDropdownButton = function (targetProperty, config, context) {
+    return new _MultiDropdownButton(targetProperty, config, context);
+};
+exports.MultiDropdownButton = MultiDropdownButton;

package/build/propertyPane/multiDropdownCheckbox.d.ts

@@ -0,0 +1,11 @@
+import { Components } from "gd-sprest-bs";
+import { _MultiDropdown } from "./multiDropdown";
+import { IMultiDropdownCheckbox } from "./types";
+/**
+ * Multi-Dropdown Checkbox
+ */
+declare class _MultiDropdownCheckbox extends _MultiDropdown<IMultiDropdownCheckbox> {
+    protected onRendering(props: Components.IFormControlPropsMultiDropdownCheckbox): Components.IFormControlPropsMultiDropdownCheckbox;
+}
+export declare const MultiDropdownCheckbox: (targetProperty: string, config: IMultiDropdownCheckbox, context?: any) => _MultiDropdownCheckbox;
+export {};

package/build/propertyPane/multiDropdownCheckbox.js

@@ -0,0 +1,43 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiDropdownCheckbox = void 0;
+var gd_sprest_bs_1 = require("gd-sprest-bs");
+var multiDropdown_1 = require("./multiDropdown");
+/**
+ * Multi-Dropdown Checkbox
+ */
+var _MultiDropdownCheckbox = /** @class */ (function (_super) {
+    __extends(_MultiDropdownCheckbox, _super);
+    function _MultiDropdownCheckbox() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // Override the rendering method to customize the type
+    _MultiDropdownCheckbox.prototype.onRendering = function (props) {
+        // Set the type and placement
+        props.placeholder = this.config.placeholder;
+        props.placement = this.config.placement || gd_sprest_bs_1.Components.DropdownPlacements.Left;
+        props.type = gd_sprest_bs_1.Components.FormControlTypes.MultiDropdownCheckbox;
+        // Return the props
+        return props;
+    };
+    return _MultiDropdownCheckbox;
+}(multiDropdown_1._MultiDropdown));
+var MultiDropdownCheckbox = function (targetProperty, config, context) {
+    return new _MultiDropdownCheckbox(targetProperty, config, context);
+};
+exports.MultiDropdownCheckbox = MultiDropdownCheckbox;