dattatable 2.10.4 → 2.10.6

package/build/common/itemForm.d.ts

@@ -18,6 +18,7 @@ export interface IItemFormTabInfo {
 }
 /** Create Item Properties */
 export interface IItemFormCreateProps {
+    elForm?: HTMLElement;
     info?: Helper.IListFormResult;
     onCreateEditForm?: (props: Components.IListFormEditProps) => Components.IListFormEditProps;
     onFormButtonsRendering?: (buttons: Components.IButtonProps[]) => Components.IButtonProps[];
@@ -34,6 +35,7 @@ export interface IItemFormCreateProps {
 }
 /** Edit Item Properties */
 export interface IItemFormEditProps {
+    elForm?: HTMLElement;
     info?: Helper.IListFormResult;
     itemId: number;
     onCreateEditForm?: (props: Components.IListFormEditProps) => Components.IListFormEditProps;
@@ -51,6 +53,7 @@ export interface IItemFormEditProps {
 }
 /** View Item Properties */
 export interface IItemFormViewProps {
+    elForm?: HTMLElement;
     info?: Helper.IListFormResult;
     itemId: number;
     onCreateViewForm?: (props: Components.IListFormDisplayProps) => Components.IListFormDisplayProps;
@@ -67,6 +70,7 @@ export interface IItemFormViewProps {
  * Item Form
  */
 export declare class ItemForm {
+    private static _elForm;
     private static _onCreateEditForm;
     private static _onCreateViewForm;
     private static _onFormButtonsRendering;

package/build/common/itemForm.js

@@ -101,6 +101,7 @@ var ItemForm = /** @class */ (function () {
         if (props === void 0) { props = {}; }
         // Set the properties
         this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.New;
+        this._elForm = props.elForm;
         this._info = props.info;
         this._onCreateEditForm = props.onCreateEditForm;
         this._onFormButtonsRendering = props.onFormButtonsRendering;
@@ -120,6 +121,7 @@ var ItemForm = /** @class */ (function () {
     ItemForm.edit = function (props) {
         // Set the properties
         this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Edit;
+        this._elForm = props.elForm;
         this._info = props.info;
         this._onCreateEditForm = props.onCreateEditForm;
         this._onFormButtonsRendering = props.onFormButtonsRendering;
@@ -153,6 +155,7 @@ var ItemForm = /** @class */ (function () {
     ItemForm.view = function (props) {
         // Set the properties
         this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Display;
+        this._elForm = props.elForm;
         this._info = props.info;
         this._onCreateViewForm = props.onCreateViewForm;
         this._onFormButtonsRendering = props.onFormButtonsRendering;
@@ -322,31 +325,43 @@ var ItemForm = /** @class */ (function () {
     };
     // Renders the form
     ItemForm.renderForm = function () {
-        // Clear the form
-        (this._useModal ? _1.Modal : _1.CanvasForm).clear();
-        // Set the header
-        (this._useModal ? _1.Modal : _1.CanvasForm).setHeader('<h5 class="m-0">' + (this._info.item ? this._info.item.Title : "Create Item") + '</h5>');
-        // Call the header event
-        this._onSetHeader ? this._onSetHeader(this._useModal ? _1.Modal.HeaderElement : _1.CanvasForm.HeaderElement) : null;
-        // See if we are rendering tabs
-        if (this._tabInfo) {
-            // Render the tabs
-            this.renderTabs();
+        // See if we are not rendering to a custom element
+        if (this._elForm == null) {
+            // Clear the form
+            (this._useModal ? _1.Modal : _1.CanvasForm).clear();
+            // Set the header
+            (this._useModal ? _1.Modal : _1.CanvasForm).setHeader('<h5 class="m-0">' + (this._info.item ? this._info.item.Title : "Create Item") + '</h5>');
+            // Call the header event
+            this._onSetHeader ? this._onSetHeader(this._useModal ? _1.Modal.HeaderElement : _1.CanvasForm.HeaderElement) : null;
+            // See if we are rendering tabs
+            if (this._tabInfo) {
+                // Render the tabs
+                this.renderTabs();
+            }
+            else {
+                // Render the form based on the type
+                var elForm = this.IsDisplay ? this.renderDisplayForm() : this.renderEditForm();
+                // Update the body
+                (this._useModal ? _1.Modal : _1.CanvasForm).setBody(elForm);
+            }
+            // Render the footer
+            this.renderFooter();
+            // Call the event
+            this._onShowForm ? this._onShowForm(this._useModal ? _1.Modal : _1.CanvasForm) : null;
+            // Show the form
+            (this._useModal ? _1.Modal : _1.CanvasForm).show();
         }
         else {
             // Render the form based on the type
             var elForm = this.IsDisplay ? this.renderDisplayForm() : this.renderEditForm();
-            // Update the body
-            (this._useModal ? _1.Modal : _1.CanvasForm).setBody(elForm);
+            // Copy the elements
+            for (var i = 0; i < elForm.children.length; i++) {
+                // Append the element
+                this._elForm.appendChild(elForm.children[i]);
+            }
         }
-        // Render the footer
-        this.renderFooter();
-        // Call the event
-        this._onShowForm ? this._onShowForm(this._useModal ? _1.Modal : _1.CanvasForm) : null;
         // Close the dialog
         _1.LoadingDialog.hide();
-        // Show the form
-        (this._useModal ? _1.Modal : _1.CanvasForm).show();
     };
     // Generates a tab
     ItemForm.renderTabs = function () {
@@ -513,6 +528,7 @@ var ItemForm = /** @class */ (function () {
             }
         });
     };
+    ItemForm._elForm = null;
     ItemForm._onCreateEditForm = null;
     ItemForm._onCreateViewForm = null;
     ItemForm._onFormButtonsRendering = null;

package/build/common/list.js

@@ -192,9 +192,12 @@ var List = /** @class */ (function () {
         configurable: true
     });
     // Clears the modal or canvas
-    List.prototype.clear = function () {
-        // Clear the modal/form
-        _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();
+    List.prototype.clear = function (el) {
+        // Ensure we rendering to a modal/canvas
+        if (el == null) {
+            // Clear the modal/form
+            _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();
+        }
         // Set the list name
         _1.ItemForm.ListName = this.ListName;
         // Call the event
@@ -212,7 +215,7 @@ var List = /** @class */ (function () {
     // Displays the edit form
     List.prototype.editForm = function (props) {
         // Clear the modal/canvas
-        this.clear();
+        this.clear(props.elForm);
         // Display the form
         _1.ItemForm.edit(props).then(null, this._onLoadFormError);
     };
@@ -456,7 +459,7 @@ var List = /** @class */ (function () {
     // Displays the new form
     List.prototype.newForm = function (props) {
         // Clear the modal/canvas
-        this.clear();
+        this.clear(props.elForm);
         // Display the form
         _1.ItemForm.create(props).then(null, this._onLoadFormError);
     };
@@ -524,7 +527,7 @@ var List = /** @class */ (function () {
     // Displays the view form
     List.prototype.viewForm = function (props) {
         // Clear the modal/canvas
-        this.clear();
+        this.clear(props.elForm);
         // Display the form
         _1.ItemForm.view(props).then(null, this._onLoadFormError);
     };