smart-webcomponents-react 11.0.55 → 12.0.0

package/index.d.ts

@@ -17169,6 +17169,11 @@ export interface KanbanProperties {
    * Default value: false
    */
   allowColumnRemove?: boolean;
+  /**
+   * Enables or disables column hiding. When this property is set to true, users will be able to dynamically hide a column through the column actions menu. the 'columnActions' property should be true.
+   * Default value: false
+   */
+  allowColumnHide?: boolean;
   /**
    * Toggles the visibility of the column buttons for adding tasks. A particular button can be disabled by setting addNewButton in the column's definition to false.
    * Default value: false
@@ -17600,6 +17605,11 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * @param {number | string} column. The index or dataField of the column to collapse
    */
   collapse(column: number | string): void;
+  /**
+   * Hides a Kanban column.
+   * @param {number | string} column. The index or dataField of the column to hide
+   */
+  hide(column: number | string): void;
   /**
    * Creates a copy of a task in the same column.
    * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
@@ -17689,6 +17699,15 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * Saves the Kanban's state to the browser's localStorage.
    */
   saveState(): void;
+  /**
+   * Shows a Kanban column.
+   * @param {number | string} column. The index or dataField of the column to show
+   */
+  show(column: number | string): void;
+  /**
+   * Shows all Kanban columns.
+   */
+  showAllColumns(): void;
   /**
    * Updates a task.
    * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
@@ -17744,6 +17763,11 @@ export interface KanbanColumn {
    * Default value: true
    */
   editable?: boolean;
+  /**
+   * Sets or gets whether a column is visible.
+   * Default value: true
+   */
+  visible?: boolean;
   /**
    * Sets or gets whether a column can be reordered.
    * Default value: true
@@ -17792,6 +17816,16 @@ export interface KanbanDataSource {
    * Default value: null
    */
   dueDate?: Date;
+  /**
+   * Callback function which can be used for customizing the tasks rendering. The Kanban calls it with 2 arguments - task html element and task data.
+   * Default value: null
+   */
+  onTaskRender?: any;
+  /**
+   * Callback function which can be used for customizing the column header rendering. The Kanban calls it with 2 arguments - column header html element and column data.
+   * Default value: null
+   */
+  onColumnHeaderRender?: any;
   /**
    * The task's priority.
    * Default value: normal

package/kanban/kanban.d.ts

@@ -52,6 +52,11 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     */
     get allowColumnRemove(): boolean;
     set allowColumnRemove(value: boolean);
+    /** Enables or disables column hiding. When this property is set to true, users will be able to dynamically hide a column through the column actions menu. the 'columnActions' property should be true.
+    *	Property type: boolean
+    */
+    get allowColumnHide(): boolean;
+    set allowColumnHide(value: boolean);
     /** Toggles the visibility of the column buttons for adding tasks. A particular button can be disabled by setting addNewButton in the column's definition to false.
     *	Property type: boolean
     */
@@ -493,6 +498,10 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     * @param {number | string} column. The index or dataField of the column to collapse
     */
     collapse(column: number | string): void;
+    /** Hides a Kanban column.
+    * @param {number | string} column. The index or dataField of the column to hide
+    */
+    hide(column: number | string): void;
     /** Creates a copy of a task in the same column.
     * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
     */
@@ -592,6 +601,13 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     /** Saves the Kanban's state to the browser's localStorage.
     */
     saveState(): void;
+    /** Shows a Kanban column.
+    * @param {number | string} column. The index or dataField of the column to show
+    */
+    show(column: number | string): void;
+    /** Shows all Kanban columns.
+    */
+    showAllColumns(): void;
     /** Updates a task.
     * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
     * @param {{}} newData. The new data to visualize in the task.

package/kanban/kanban.esm.js

@@ -77,6 +77,17 @@ class Kanban extends React.Component {
             this.nativeElement.allowColumnRemove = value;
         }
     }
+    /** Enables or disables column hiding. When this property is set to true, users will be able to dynamically hide a column through the column actions menu. the 'columnActions' property should be true.
+    *	Property type: boolean
+    */
+    get allowColumnHide() {
+        return this.nativeElement ? this.nativeElement.allowColumnHide : undefined;
+    }
+    set allowColumnHide(value) {
+        if (this.nativeElement) {
+            this.nativeElement.allowColumnHide = value;
+        }
+    }
     /** Toggles the visibility of the column buttons for adding tasks. A particular button can be disabled by setting addNewButton in the column's definition to false.
     *	Property type: boolean
     */
@@ -640,7 +651,7 @@ class Kanban extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["allowColumnReorder", "allowColumnEdit", "allowColumnRemove", "addNewButton", "addNewButtonDisplayMode", "addNewColumn", "allowDrag", "allowDrop", "autoLoadState", "autoSaveState", "collapsible", "columnColors", "columns", "columnActions", "columnSummary", "columnHeaderTemplate", "columnEditMode", "currentUser", "dataSource", "dataSourceMap", "dragOffset", "editable", "formatStringDate", "formatStringTime", "headerPosition", "hierarchy", "locale", "messages", "selectionMode", "storeHistory", "storeHistoryItems", "rightToLeft", "swimlanes", "swimlanesFrom", "swimlanesTo", "tags", "taskActions", "taskComments", "taskDue", "taskPosition", "taskPriority", "taskProgress", "taskCustomFields", "taskColorEntireSurface", "taskSubTasksInput", "taskSubTasks", "taskTags", "taskUserIcon", "textTemplate", "theme", "priorityList", "priority", "userList", "users"];
+        return ["allowColumnReorder", "allowColumnEdit", "allowColumnRemove", "allowColumnHide", "addNewButton", "addNewButtonDisplayMode", "addNewColumn", "allowDrag", "allowDrop", "autoLoadState", "autoSaveState", "collapsible", "columnColors", "columns", "columnActions", "columnSummary", "columnHeaderTemplate", "columnEditMode", "currentUser", "dataSource", "dataSourceMap", "dragOffset", "editable", "formatStringDate", "formatStringTime", "headerPosition", "hierarchy", "locale", "messages", "selectionMode", "storeHistory", "storeHistoryItems", "rightToLeft", "swimlanes", "swimlanesFrom", "swimlanesTo", "tags", "taskActions", "taskComments", "taskDue", "taskPosition", "taskPriority", "taskProgress", "taskCustomFields", "taskColorEntireSurface", "taskSubTasksInput", "taskSubTasks", "taskTags", "taskUserIcon", "textTemplate", "theme", "priorityList", "priority", "userList", "users"];
     }
     // Gets the events of the React component.
     get eventListeners() {
@@ -750,6 +761,19 @@ class Kanban extends React.Component {
             });
         }
     }
+    /** Hides a Kanban column.
+    * @param {number | string} column. The index or dataField of the column to hide
+    */
+    hide(column) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.hide(column);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.hide(column);
+            });
+        }
+    }
     /** Creates a copy of a task in the same column.
     * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
     */
@@ -999,6 +1023,31 @@ class Kanban extends React.Component {
             });
         }
     }
+    /** Shows a Kanban column.
+    * @param {number | string} column. The index or dataField of the column to show
+    */
+    show(column) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.show(column);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.show(column);
+            });
+        }
+    }
+    /** Shows all Kanban columns.
+    */
+    showAllColumns() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.showAllColumns();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.showAllColumns();
+            });
+        }
+    }
     /** Updates a task.
     * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
     * @param {{}} newData. The new data to visualize in the task.

package/kanban/kanban.umd.js

@@ -83,6 +83,17 @@ require('../source/modules/smart.kanban');
                 this.nativeElement.allowColumnRemove = value;
             }
         }
+        /** Enables or disables column hiding. When this property is set to true, users will be able to dynamically hide a column through the column actions menu. the 'columnActions' property should be true.
+        *	Property type: boolean
+        */
+        get allowColumnHide() {
+            return this.nativeElement ? this.nativeElement.allowColumnHide : undefined;
+        }
+        set allowColumnHide(value) {
+            if (this.nativeElement) {
+                this.nativeElement.allowColumnHide = value;
+            }
+        }
         /** Toggles the visibility of the column buttons for adding tasks. A particular button can be disabled by setting addNewButton in the column's definition to false.
         *	Property type: boolean
         */
@@ -646,7 +657,7 @@ require('../source/modules/smart.kanban');
         }
         // Gets the properties of the React component.
         get properties() {
-            return ["allowColumnReorder", "allowColumnEdit", "allowColumnRemove", "addNewButton", "addNewButtonDisplayMode", "addNewColumn", "allowDrag", "allowDrop", "autoLoadState", "autoSaveState", "collapsible", "columnColors", "columns", "columnActions", "columnSummary", "columnHeaderTemplate", "columnEditMode", "currentUser", "dataSource", "dataSourceMap", "dragOffset", "editable", "formatStringDate", "formatStringTime", "headerPosition", "hierarchy", "locale", "messages", "selectionMode", "storeHistory", "storeHistoryItems", "rightToLeft", "swimlanes", "swimlanesFrom", "swimlanesTo", "tags", "taskActions", "taskComments", "taskDue", "taskPosition", "taskPriority", "taskProgress", "taskCustomFields", "taskColorEntireSurface", "taskSubTasksInput", "taskSubTasks", "taskTags", "taskUserIcon", "textTemplate", "theme", "priorityList", "priority", "userList", "users"];
+            return ["allowColumnReorder", "allowColumnEdit", "allowColumnRemove", "allowColumnHide", "addNewButton", "addNewButtonDisplayMode", "addNewColumn", "allowDrag", "allowDrop", "autoLoadState", "autoSaveState", "collapsible", "columnColors", "columns", "columnActions", "columnSummary", "columnHeaderTemplate", "columnEditMode", "currentUser", "dataSource", "dataSourceMap", "dragOffset", "editable", "formatStringDate", "formatStringTime", "headerPosition", "hierarchy", "locale", "messages", "selectionMode", "storeHistory", "storeHistoryItems", "rightToLeft", "swimlanes", "swimlanesFrom", "swimlanesTo", "tags", "taskActions", "taskComments", "taskDue", "taskPosition", "taskPriority", "taskProgress", "taskCustomFields", "taskColorEntireSurface", "taskSubTasksInput", "taskSubTasks", "taskTags", "taskUserIcon", "textTemplate", "theme", "priorityList", "priority", "userList", "users"];
         }
         // Gets the events of the React component.
         get eventListeners() {
@@ -756,6 +767,19 @@ require('../source/modules/smart.kanban');
                 });
             }
         }
+        /** Hides a Kanban column.
+        * @param {number | string} column. The index or dataField of the column to hide
+        */
+        hide(column) {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.hide(column);
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.hide(column);
+                });
+            }
+        }
         /** Creates a copy of a task in the same column.
         * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
         */
@@ -1005,6 +1029,31 @@ require('../source/modules/smart.kanban');
                 });
             }
         }
+        /** Shows a Kanban column.
+        * @param {number | string} column. The index or dataField of the column to show
+        */
+        show(column) {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.show(column);
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.show(column);
+                });
+            }
+        }
+        /** Shows all Kanban columns.
+        */
+        showAllColumns() {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.showAllColumns();
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.showAllColumns();
+                });
+            }
+        }
         /** Updates a task.
         * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
         * @param {{}} newData. The new data to visualize in the task.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smart-webcomponents-react",
-  "version": "11.0.55",
+  "version": "12.0.0",
    "preferGlobal": true,
   "keywords": [
     "ReactJS",

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 v11.0.54 (2022-01-09) 
+/* Smart UI v12.0.0 (2022-01-16) 
 Copyright (c) 2011-2021 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 v11.0.54 (2022-01-09) 
+/* Smart UI v12.0.0 (2022-01-16) 
 Copyright (c) 2011-2021 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 v11.0.54 (2022-01-09) 
+/* Smart UI v12.0.0 (2022-01-16) 
 Copyright (c) 2011-2021 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 v11.0.54 (2022-01-09) 
+/* Smart UI v12.0.0 (2022-01-16) 
 Copyright (c) 2011-2021 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 v11.0.54 (2022-01-09) 
+/* Smart UI v12.0.0 (2022-01-16) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //