@social-mail/social-mail-client 1.1.2 → 1.1.4

package/package.json

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

package/src/common/controls/collection-editor/CollectionEditor.tsx

@@ -45,8 +45,6 @@ export default function CollectionEditor<T>({
 
     const onAddItem = async () => {
         const es = repeater.app.resolve(EntityService);
-        const clone = es.cloner(model).copy;
-        const copy = (clone[collection] ??= [] as any) as any;
         let newItem;
         if (addPage) {
             const result = await PageNavigator.pushPageForResult(addPage, addItemDefaults ?? {});
@@ -61,8 +59,10 @@ export default function CollectionEditor<T>({
         if (newItem?.then) {
             newItem = await newItem;
         }
-        copy.push(newItem);
-        await es.save(clone as any);
+        const draft = { model, [collection]: [newItem] };
+        const clone = es.cloner(draft);
+        clone.include(`(x) => x.${collection}` as any);
+        await es.save(clone.copy as any);
         repeater.items.add(newItem);
     };
 

package/src/services/websites/WebSiteService.ts

@@ -11,10 +11,12 @@ export default class WebSiteService {
     private entityService: EntityService;
 
     async get(id) {
-        return this.entityService.query(WebSiteFolder)
+        const site = await this.entityService.query(WebSiteFolder)
             .where({ id}, (p) => (x) => x.folderID === p.id)
             .include((x) => [x.folder, x.hosts, x.versions])
             .firstOrDefault();
+        site.versions?.sort((a, b) => b.snapshotFolderID - a.snapshotFolderID);
+        return site;
     }
 
     async list() {

package/src/site-editor/styler/properties/layout/layout.ts

@@ -116,10 +116,18 @@ export const stylerLayout = StylerProperty.create( "styler-layout", {
                     }
 
                     &:checked ~ nav {
-                        display: block;
+                        display: flex;
+                        gap: var(--size-default);
+                        flex-direction: column;
                         position: absolute;
                         right: 10px;
-                        top: 50px;
+                        top: 40px;
+                        background-color: canvas;
+                        padding: var(--size-default);
+                        border-radius: var(--size-default);
+                        box-shadow: 0 0 8px 2px gray;
+                        min-width: 200px;
+                        min-height: 300px;                    
                     }
                 }
             }