dattatable 1.4.9 → 1.5.3

package/build/common/installRequired.js

@@ -81,6 +81,8 @@ var InstallationRequired = /** @class */ (function () {
     InstallationRequired.showDialog = function (props) {
         var _this = this;
         if (props === void 0) { props = {}; }
+        // Clear the modal
+        modal_1.Modal.clear();
         // Set the header
         modal_1.Modal.setHeader("Installation Required");
         // Set the body

package/build/dashboard/index.js

@@ -58,16 +58,14 @@ var Dashboard = /** @class */ (function () {
         this._props.el.appendChild(elTemplate);
         // Set/Default the visibility flags
         var headerIsVisible = this._props.hideHeader != null && !this._props.hideHeader;
-        var navIsVisible = false;
-        var subNavIsVisible = false;
+        var navIsVisible = this._props.hideNavigation ? false : true;
+        var subNavIsVisible = (this._props.hideSubNavigation == null || this._props.hideSubNavigation == true) && this._props.subNavigation == null ? false : true;
         // See if we are hiding the navigation
-        if (this._props.hideNavigation) {
+        if (!navIsVisible) {
             // Hide the element
             this._props.el.querySelector("#navigation").classList.add("d-none");
         }
         else {
-            // Set the flag
-            navIsVisible = true;
             // Render the navigation
             var navProps_1 = this._props.navigation || {};
             new navigation_1.Navigation({
@@ -100,14 +98,41 @@ var Dashboard = /** @class */ (function () {
                 },
             });
         }
+        // See if we are hiding the header
+        if (!headerIsVisible) {
+            // Hide the element
+            this._props.el.querySelector("#header").classList.add("d-none");
+        }
+        else {
+            var elHeader = this._props.el.querySelector("#header");
+            // Render the header
+            var header = this._props.header || {};
+            new header_1.Header({
+                el: elHeader,
+                onRendering: this._props.header ? this._props.header.onRendering : null,
+                onRendered: this._props.header ? this._props.header.onRendered : null,
+                title: header.title
+            });
+            // See if the sub-nav is not visible
+            if (!navIsVisible && !subNavIsVisible) {
+                // Set the class name
+                elHeader.classList.add("rounded");
+            }
+            else if (navIsVisible && !subNavIsVisible) {
+                // Set the class name
+                elHeader.classList.add("rounded-bottom");
+            }
+            else if (!navIsVisible && subNavIsVisible) {
+                // Set the class name
+                elHeader.classList.add("rounded-top");
+            }
+        }
         // See if we are hiding the sub-navigation
-        if ((this._props.hideSubNavigation == null || this._props.hideSubNavigation == true) && this._props.subNavigation == null) {
+        if (!subNavIsVisible) {
             // Hide the element
             this._props.el.querySelector("#sub-navigation").classList.add("d-none");
         }
         else {
-            // Set the flag
-            subNavIsVisible = true;
             // Render the navigation
             var navProps_2 = this._props.subNavigation || {};
             new navigation_1.Navigation({
@@ -138,35 +163,6 @@ var Dashboard = /** @class */ (function () {
                 },
             });
         }
-        // See if we are hiding the header
-        if (!headerIsVisible) {
-            // Hide the element
-            this._props.el.querySelector("#header").classList.add("d-none");
-        }
-        else {
-            var elHeader = this._props.el.querySelector("#header");
-            // Render the header
-            var header = this._props.header || {};
-            new header_1.Header({
-                el: elHeader,
-                onRendering: this._props.header ? this._props.header.onRendering : null,
-                onRendered: this._props.header ? this._props.header.onRendered : null,
-                title: header.title
-            });
-            // See if the sub-nav is not visible
-            if (!navIsVisible && !subNavIsVisible) {
-                // Set the class name
-                elHeader.classList.add("rounded");
-            }
-            else if (navIsVisible && !subNavIsVisible) {
-                // Set the class name
-                elHeader.classList.add("rounded-bottom");
-            }
-            else if (!navIsVisible && subNavIsVisible) {
-                // Set the class name
-                elHeader.classList.add("rounded-top");
-            }
-        }
         // Render the data table
         this._dt = new table_1.DataTable({
             columns: this._props.table ? this._props.table.columns : null,

package/build/documents.d.ts

@@ -21,6 +21,7 @@ export interface IDocumentsProps {
     enableSearch?: boolean;
     listName: string;
     query?: Types.IODataQuery;
+    onActionsRendered?: (el: HTMLElement, col: Components.ITableColumn, file: Types.SP.Attachment | Types.SP.File) => void;
     onFilterRendered?: (el: HTMLElement) => void;
     onItemFormEditing?: {
         onCreateEditForm?: (props: Components.IListFormEditProps) => Components.IListFormEditProps;
@@ -44,8 +45,8 @@ export interface IDocumentsProps {
     onNavigationRendering?: (props: Components.INavbarProps) => void;
     onNavigationRendered?: (nav: Components.INavbar) => void;
     onRefresh?: () => void;
-    onRendered?: () => void;
-    onSearchRendered?: (el: HTMLElement) => void;
+    onRendered?: (el?: HTMLElement) => void;
+    onSearchRendered?: (el?: HTMLElement) => void;
     onShowFilter?: Function;
     table?: {
         columns?: Components.ITableColumn[];

package/build/documents.js

@@ -393,8 +393,8 @@ var Documents = /** @class */ (function () {
                     // Render the file
                     _this.renderFileIcon(el, _this.getFileName(file));
                     // Set the filter/sort value
-                    el.setAttribute("data-filter", _this.getFileName(file));
-                    el.setAttribute("data-sort", _this.getFileName(file));
+                    el.setAttribute("data-filter", (0, methods_1.getFileExt)(_this.getFileName(file)));
+                    el.setAttribute("data-sort", (0, methods_1.getFileExt)(_this.getFileName(file)));
                     // Call the custom event
                     customEvent ? customEvent(el, col, file) : null;
                 };
@@ -443,6 +443,7 @@ var Documents = /** @class */ (function () {
                     _this.renderActionButtons(el, file);
                     // Call the custom event
                     customEvent ? customEvent(el, col, file) : null;
+                    _this._props.onActionsRendered ? _this._props.onActionsRendered(el, col, file) : null;
                 };
             }
             else {
@@ -559,7 +560,7 @@ var Documents = /** @class */ (function () {
                 // Render the table
                 _this.renderTable();
                 // Call the render event
-                _this._props.onRendered ? _this._props.onRendered() : null;
+                _this._props.onRendered ? _this._props.onRendered(_this._el) : null;
                 // Resolve the promise
                 resolve();
             }, reject);
@@ -598,7 +599,7 @@ var Documents = /** @class */ (function () {
                     content: "Delete",
                     btnProps: {
                         // Render the icon button
-                        className: "p-1",
+                        className: "p-1 btn-actions-delete",
                         iconType: x_1.x,
                         iconSize: 24,
                         isDisabled: !this.CanDelete,
@@ -634,7 +635,7 @@ var Documents = /** @class */ (function () {
                     content: "Download",
                     btnProps: {
                         // Render the icon button
-                        className: "p-1",
+                        className: "p-1 btn-actions-download",
                         iconType: fileEarmarkArrowDown_1.fileEarmarkArrowDown,
                         iconSize: 24,
                         isDisabled: !this.CanView,
@@ -651,7 +652,7 @@ var Documents = /** @class */ (function () {
                     content: "Edit",
                     btnProps: {
                         // Render the icon button
-                        className: "p-1",
+                        className: "p-1 btn-actions-edit",
                         iconType: inputCursorText_1.inputCursorText,
                         iconSize: 24,
                         isDisabled: (!isWopi || !this.CanEdit),
@@ -669,7 +670,7 @@ var Documents = /** @class */ (function () {
                     content: "Properties",
                     btnProps: {
                         // Render the icon button
-                        className: "p-1",
+                        className: "p-1 btn-actions-properties",
                         iconType: layoutTextSidebar_1.layoutTextSidebar,
                         iconSize: 24,
                         isDisabled: !this.CanEdit && !this.CanView,
@@ -762,7 +763,7 @@ var Documents = /** @class */ (function () {
                     content: "View",
                     btnProps: {
                         // Render the icon button
-                        className: "img-flip-x p-1",
+                        className: "img-flip-x p-1 btn-actions-view",
                         iconType: front_1.front,
                         iconSize: 24,
                         isDisabled: !this.CanView,
@@ -803,6 +804,7 @@ var Documents = /** @class */ (function () {
                 span.title = "Binary File";
                 break;
             // Code
+            case "app":
             case "asp":
             case "aspx":
             case "css":
@@ -814,6 +816,8 @@ var Documents = /** @class */ (function () {
             case "mht":
             case "mhtml":
             case "scss":
+            case "sppkg":
+            case "wsp":
             case "xml":
             case "yaml":
                 span.appendChild((0, fileEarmarkCode_1.fileEarmarkCode)(size));