@social-mail/social-mail-client 1.2.68 → 1.2.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.68",
+  "version": "1.2.70",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/pages/mailboxes/MailboxListPage.tsx

@@ -76,8 +76,10 @@ export default class MailboxListPage extends MasterDetailPage {
         </div>;
 
         this.renderer = <div>
+            <div>
             <AtomRepeater
                 items={this.mailboxes}
+                data-layout="data-grid"
                 { ... InfiniteRepeater.pagedItems((start) =>
                         (c, e, cancelToken) => this.mailboxService.list({
                             start,
@@ -86,34 +88,35 @@ export default class MailboxListPage extends MasterDetailPage {
                             version: this.version,
                             domainID: this.domainID
                         }))}
-                itemRenderer={(item: IMailbox) => <tr>
-                    <td>
+                itemRenderer={(item: IMailbox) => <div>
+                    <div>
                         <Icon.Mailbox mailbox={item}/>
-                    </td>
-                    <td><a
+                    </div>
+                    <div><a
                         href={ item.isChannel
                             ? CommonCommands.openChannel.displayRoute({ id: item.mailboxID})
                             : CommonCommands.openMailbox.displayRoute({ id: item.mailboxID})}
                         target="_blank"
                         data-click-event="route"
-                        >{item.emailAddress.emailAddress}</a></td>
-                    <td>{toFileSize(item.storage)}</td>
-                    <td>{toFileSize(item.maxStorage)}</td>
-                    <td>{item.isChannel
+                        >{item.emailAddress.emailAddress}</a></div>
+                    <div>{toFileSize(item.storage)}</div>
+                    <div>{toFileSize(item.maxStorage)}</div>
+                    <div>{item.isChannel
                         ? <a
                             href={CommonCommands.openSubscribers.displayRoute({ id: item.mailboxID })}
                             target="_blank"
                             data-click-event="route"
                             >Subscribers</a>
-                        : <span/>}</td>
-                    <td><i
+                        : <span/>}</div>
+                    <div><i
                         class="fas fa-gears"
                         data-cursor="pointer"
                         title="Settings"
                         data-click-event="open-settings"
-                    /></td>
-                </tr>}
+                    /></div>
+                </div>}
                 />
+            </div>
         </div>;
     }
 

package/src/common/pages/websites/list/WebSiteListPage.tsx

@@ -30,10 +30,11 @@ export default class WebSiteListPage extends ContentPage {
             <AtomRepeater
                 data-layout="data-grid"
                 items={Bind.oneWayAsync(() => this.websiteService.list(this.search))}
-                itemRenderer={(item) => <div data-layout="row">
+                itemRenderer={(item) => <div>
                     <a data-click-event="route"
-                        href={AppCommands.editWebSite.displayRoute({ id: item.folderID })}
+                        href={AppCommands.manageWebSite.displayRoute({ id: item.folderID })}
                          text={item.folder.name}/>
+                    <br/>
                     <a
                         data-click-event="route"
                         href={CommonCommands.editWebSite.displayRoute({ id: item.folderID})}>

package/src/site-editor/drag-drop/DragDropHelper.ts

@@ -29,7 +29,7 @@ export function InstallDragDropHelper(editor: HtmlPageEditor) {
     });
 
     document.addEventListener("dragover", (e) => {
-        const target = e.target as HTMLElement;
+        const target = dropTarget.getDropTarget( dragged, e.target as HTMLElement);
         e.preventDefault();
         e.dataTransfer.dropEffect = "copy";
 
@@ -71,7 +71,7 @@ export function InstallDragDropHelper(editor: HtmlPageEditor) {
     });
 
     document.addEventListener("drop", (e) => {
-        const target = e.target as HTMLElement;
+        const target = dropTarget.getDropTarget(dragged, e.target as HTMLElement);
         let insert: HTMLElement;
         e.preventDefault();
         if (dragged) {

package/src/site-editor/editor/SelectedElement.tsx

@@ -61,6 +61,22 @@ export class SelectedElement {
         });
     }
 
+    public getDropTarget(dragged: HTMLElement, target: HTMLElement) {
+
+        // check if dragged has root only....
+        if (dragged.tagName === "SECTION") {
+            let start = target;
+            while (start.tagName !== "SECTION") {
+                start = start.parentElement;
+            }
+            if (start?.tagName === "SECTION") {
+                target = start;
+            }
+        }
+
+        return target;
+    }
+
     public style(name) {
         let parent;
         let attributeName = name;