dbm 1.2.0 → 1.2.2

package/react/admin/editorsgroup/EditFieldTranslation.js

@@ -0,0 +1,27 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class EditFieldTranslation extends Dbm.react.BaseObject {
+    _constructAfterProps() {
+        super._constructAfterProps();
+
+        let item = this.context.item;
+        let itemEditor = this.context.itemEditor;
+        let language = this.getPropValue("language");
+        let fieldName = this.getPropValue("fieldName");
+        let initialDataPath = this.getPropValueWithDefault("initialDataPath", "fields/translations." + fieldName + "." + language);
+        let initialData = Dbm.objectPath(item, initialDataPath);
+
+        let editor = itemEditor.addFieldTranslationEditor(fieldName, language, initialData);
+        this.item.setValue("editor", editor.item);
+    }
+
+    _renderMainElement() {
+
+        let children = this.getPropValue("children")
+
+        return React.createElement("div", {},
+            React.createElement(Dbm.react.context.AddContextVariables, {"values": {"valueEditor": this.item.editor}}, children)
+        );
+    }
+}

package/react/admin/editorsgroup/EditIdentifer.js

@@ -1,9 +1,9 @@
 import React from "react";
 import Dbm from "../../../index.js";
 
-export default class EditVisibility extends Dbm.react.BaseObject {
-    _construct() {
-        super._construct();
+export default class EditIdentifier extends Dbm.react.BaseObject {
+    _constructAfterProps() {
+        super._constructAfterProps();
 
         let item = this.context.item;
         let itemEditor = this.context.itemEditor;

package/react/admin/editorsgroup/EditItem.js

@@ -22,7 +22,7 @@ export default class EditItem extends Dbm.react.BaseObject {
                     {"type": "includeDraft"},
                     {"type": "idSelection", "ids": [item.id]},
                 ],
-                ["admin_fields", "relations", "visibility"]
+                ["admin_fields", "admin_fieldTranslations", "relations", "visibility"]
             );
             allLoaded.addCheck(request.properties.status);
         }

package/react/admin/editorsgroup/EditRelation.js

@@ -2,8 +2,8 @@ import React from "react";
 import Dbm from "../../../index.js";
 
 export default class EditRelation extends Dbm.react.BaseObject {
-    _construct() {
-        super._construct();
+    _constructAfterProps() {
+        super._constructAfterProps();
 
         let item = this.context.item;
         let itemEditor = this.context.itemEditor;

package/react/admin/editorsgroup/EditVisibility.js

@@ -2,8 +2,8 @@ import React from "react";
 import Dbm from "../../../index.js";
 
 export default class EditVisibility extends Dbm.react.BaseObject {
-    _construct() {
-        super._construct();
+    _constructAfterProps() {
+        super._constructAfterProps();
 
         let item = this.context.item;
         let itemEditor = this.context.itemEditor;

package/react/admin/editorsgroup/index.js

@@ -2,4 +2,5 @@ export {default as EditField} from "./EditField.js";
 export {default as EditItem} from "./EditItem.js";
 export {default as EditRelation} from "./EditRelation.js";
 export {default as EditVisibility} from "./EditVisibility.js";
-export {default as EditIdentifer} from "./EditIdentifer.js";
+export {default as EditIdentifer} from "./EditIdentifer.js";
+export {default as EditFieldTranslation} from "./EditFieldTranslation.js";

package/react/admin/index.js

@@ -3,6 +3,9 @@ export {default as EditPage} from "./EditPage.js";
 export {default as SelectImageFromLibrary} from "./SelectImageFromLibrary.js";
 export {default as SelectedImage} from "./SelectedImage.js";
 export {default as EditObjectById} from "./EditObjectById.js";
+export {default as EditorGroup} from "./EditorGroup.js";
+export {default as SaveAllButton} from "./SaveAllButton.js";
+export {default as EditObject} from "./EditObject.js";
 
 export * as editor from "./editor/index.js";
 export * as pages from "./pages/index.js";

package/react/admin/objects/EditObject.js

@@ -33,15 +33,20 @@ export default class EditObject extends Dbm.react.BaseObject {
 
         let id = this.getPropValue("id");
         let item = Dbm.getInstance().repository.getItem(id);
-        let itemEditor = this.context.editorGroup.getItemEditor(id);
 
         return React.createElement("div", {},
             
             React.createElement(Dbm.react.area.HasData, {check: this.item.properties.loaded},
-                React.createElement(Dbm.react.context.AddContextVariables, {"values": {"item": item, "itemEditor": itemEditor}},
-                    React.createElement(Dbm.react.area.List, {items: Dbm.react.source.contextVariable("item.objectTypes"), "as": "objectType", "keyField": "(root)"},
-                        React.createElement(Dbm.react.admin.objects.InjectObjectTypeEditor, {type: Dbm.react.source.contextVariable("objectType")})
+                React.createElement(Dbm.react.context.AddContextVariables, {"values": {"item": item}},
+                    React.createElement(Dbm.react.admin.editorsgroup.EditItem, {}, 
+                        React.createElement(Dbm.react.area.List, {items: Dbm.react.source.contextVariable("item.objectTypes"), "as": "objectType", "keyField": "(root)"},
+                            Dbm.react.text.text(Dbm.react.source.contextVariable("objectType"))
+                        ),
+                        React.createElement(Dbm.react.area.List, {items: Dbm.react.source.contextVariable("item.objectTypes"), "as": "objectType", "keyField": "(root)"},
+                            React.createElement(Dbm.react.admin.objects.InjectObjectTypeEditor, {type: Dbm.react.source.contextVariable("objectType")})
+                        )
                     )
+                    
                 )
             )
             

package/react/admin/objects/itemeditors/Name.js

@@ -4,43 +4,45 @@ import Dbm from "../../../../index.js";
 export default class Name extends Dbm.react.BaseObject {
     _construct() {
         super._construct();
-
-        let graphApi = Dbm.getInstance().repository.getItem("graphApi").controller;
-
-        let id = this.context.item.id;
-
-        let allLoaded = Dbm.flow.updatefunctions.logic.allAtValue(Dbm.loading.LoadingStatus.LOADED);
-        this.item.requireProperty("loaded", false);
-
-        {
-            let request = graphApi.requestRange(
-                [
-                    {"type": "includePrivate"},
-                    {"type": "includeDraft"},
-                    {"type": "idSelection", "ids": [id]},
-                ],
-                ["name"]
-            );
-            allLoaded.addCheck(request.properties.status);
-        }
-
-        this.item.properties.loaded.connectInput(allLoaded.output.properties.value);
     }
 
     _renderMainElement() {
 
-        let id = this.context.item.id;
+        /*
+                    React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "sv"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                    ),
+                    React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "en"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                    ),
+                    React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "fi"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                    )
+                    
+        */
+
+        let label = "Name";
+        let fieldName = "name";
+
+        let fieldNameSource = Dbm.react.source.contextVariable("fieldName");
+        let editorValueSource = Dbm.react.source.contextVariable("valueEditor.editValue.value");
 
         return React.createElement("div", {},
-            
-            React.createElement(Dbm.react.area.HasData, {check: this.item.properties.loaded},
-                React.createElement(Dbm.react.form.LabelledArea, {label: "Name"}, 
-                    React.createElement(Dbm.react.admin.editorsgroup.EditField, {"fieldName": "name", "initialDataPath": "name"},
-                        React.createElement(Dbm.react.form.FormField, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), className: "standard-field standard-field-padding full-width"})
+            React.createElement("label", {className: "standard-field-label"}, label),
+            React.createElement(Dbm.react.context.AddContextVariables, {values: {"fieldName": fieldName}},
+                React.createElement(Dbm.react.admin.editorsgroup.EditField, {"fieldName": fieldNameSource},
+                    React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                ),
+                React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "sv"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                    ),
+                    React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "en"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
+                    ),
+                    React.createElement(Dbm.react.admin.editorsgroup.EditFieldTranslation, {"fieldName": fieldNameSource, "language": "fi"},
+                        React.createElement(Dbm.react.form.FormField, {value: editorValueSource, className: "standard-field standard-field-padding full-width"})
                     )
-                )
             )
-            
         )
     }
 }

package/react/admin/pageeditors/LinkPreviews.js

@@ -0,0 +1,98 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class LinkPreview extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let item = this.context.item;
+        let itemEditor = this.context.itemEditor;
+
+        {
+            let direction = "in";
+            let relationType = "for";
+            let objectType = "linkPreview";
+            let relations = Dbm.utils.ArrayFunctions.filterByField(Dbm.objectPath(item, "relations/" + direction + "." + relationType + ".objects"), "objectTypes", objectType, "arrayContains");
+            let editor = itemEditor.addMultipleIncomingRelationsEditor(relationType, objectType, Dbm.utils.ArrayFunctions.mapField(relations, "id"), ["relations"]);
+            console.log(relations, editor);
+        }
+    }
+
+    _addArrayRow(aArrayEditor) {
+        console.log("_addArrayRow");
+
+        let changes = [
+            {"type": "addOutgoingRelation", "data": {"value": this.context.item.id, "type": "for"}}
+        ];
+
+        //METODO: set update date
+
+        let request = Dbm.getInstance().repository.getItem("graphApi").controller.createItem(["linkPreview"], "public", changes, ["id"]);
+
+        Dbm.flow.addUpdateCommandWhenMatched(request.properties.status, 1, Dbm.commands.callFunction(this._created.bind(this), [request, aArrayEditor]));
+    }
+
+    _created(aRequest, aArrayEditor) {
+        console.log("_created");
+        console.log(aRequest);
+
+        aArrayEditor.push(aRequest.item.id);
+    }
+
+    _removeArrayRow(aArrayEditor, aItem) {
+        aArrayEditor.removeItem(aItem);
+    }
+
+    _renderMainElement() {
+
+        let direction = "in";
+        let relationType = "for";
+        let objectType = "linkPreview";
+
+        return React.createElement("div", {},
+            React.createElement("h2", {}, "Preview in list"),
+                        
+                React.createElement(Dbm.react.form.EditArray, {"value": Dbm.react.source.contextVariable("itemEditor.item.editor_multipleRelations_" + direction + "_" + relationType + "_" + objectType + ".item.editValue.item.properties.value")},
+                    React.createElement("div", {},
+                        React.createElement(Dbm.react.admin.EditObjectById, {id: Dbm.react.source.contextVariable("item.value")},
+                                React.createElement("div", {},
+                                    React.createElement(Dbm.react.form.LabelledArea, {label: "Image (if different from page main image)"}), 
+                                    React.createElement(Dbm.react.admin.editorsgroup.EditRelation, {"direction": "in", "relationType": "isMainImageFor", "objectType": "image"},
+                                        React.createElement(Dbm.react.form.GraphApiImage, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), "encoding": "title", nameField: "title", className: "standard-field standard-field-padding full-width"})
+                                    ),
+                                    React.createElement("div", {className: "spacing small"}), 
+                                    React.createElement(Dbm.react.form.LabelledArea, {label: "Title (if different from page title)"}), 
+                                    React.createElement(Dbm.react.admin.editorsgroup.EditField, {"fieldName": "title"},
+                                        React.createElement(Dbm.react.form.FormField, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), className: "standard-field standard-field-padding full-width", placeholder: "Same as page title"})
+                                    ),
+                                    React.createElement("div", {className: "spacing small"}), 
+                                    React.createElement(Dbm.react.form.LabelledArea, {label: "Excerpt"}), 
+                                    React.createElement(Dbm.react.admin.editorsgroup.EditField, {"fieldName": "description"},
+                                        React.createElement(Dbm.react.form.TextArea, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), className: "standard-field standard-field-padding full-width"})
+                                    ),
+                                    React.createElement("div", {className: "spacing small"}), 
+                                    React.createElement(Dbm.react.form.LabelledArea, {label: "Link text (optional)"}), 
+                                    React.createElement(Dbm.react.admin.editorsgroup.EditField, {"fieldName": "linkText"},
+                                        React.createElement(Dbm.react.form.FormField, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), className: "standard-field standard-field-padding full-width", placeholder: "Read more"})
+                                    )
+                                ),
+                            ),
+                    ),
+                    /*
+                    React.createElement("div", {"data-slot": "after"},
+                        React.createElement("div", {"className": "spacing standard"}),
+                        React.createElement(Dbm.react.interaction.CommandButton, {command: Dbm.commands.callFunction(this._addArrayRow.bind(this), [Dbm.react.source.contextVariable("arrayEditor")])},
+                            React.createElement("div", {"className": "flex-row"},
+                                React.createElement("div", {"className": "flex-row-item"},
+                                    React.createElement("div", {"className": "action-button action-button-padding"}, "Add")
+                                )
+                            ),
+                            
+                        )
+                    )
+                        */
+                ),
+        );
+    }
+}
+

package/react/admin/pageeditors/index.js

@@ -1 +1,2 @@
 export {default as HelpSections} from "./HelpSections.js";
+export {default as LinkPreviews} from "./LinkPreviews.js";

package/react/area/FixedWidthInfiniteSlideshow.js

@@ -0,0 +1,50 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class FixedWidthInfiniteSlideshow extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+		
+		
+	}
+
+    _renderMainElement() {
+        //console.log("FixedWidthInfiniteSlideshow::render");
+        //console.log(this);
+
+        let viewWidth = this.getPropValueWithDefault("viewWidth", 1000);
+        let prepLength = this.getPropValueWithDefault("prepareLength", 20);
+        let elementWidth = this.getPropValueWithDefault("elementWidth", 200);
+        let spacing = this.getPropValueWithDefault("spacing", 0);
+
+        let index = this.getPropValue("index");
+
+        let elements = this.getPropValue("children");;
+
+		let numberOfElements = elements.length;
+
+        let stepLength = elementWidth+spacing;
+        let movedLength = index*stepLength;
+        
+        let startPosition = movedLength-prepLength;
+        let startIndex = Math.floor(startPosition/stepLength);
+
+        let endPosition = (startPosition + viewWidth + 2*prepLength);
+        let endIndex = Math.floor(endPosition/stepLength);
+
+        let children = [];
+        for(let i = startIndex; i <= endIndex; i++) {
+            let currentPosition = i*stepLength-movedLength;
+            let elementIndex = Dbm.utils.NumberFunctions.floatMod(i, numberOfElements);
+
+            //METODO: send in styles instead of forcing full size
+            let style = {"transform": "translateX(" + currentPosition + "px)", position: "absolute", left: 0, top: 0};
+            let child = React.createElement("div", {"key": i, "className": "full-size", "style": style}, elements[elementIndex])
+            children.push(child);
+        }
+        
+		return this._createMainElement("div", {},
+			children
+		);
+    }
+}

package/react/area/List.js

@@ -43,9 +43,13 @@ export default class List extends Dbm.react.BaseObject {
             if(keyField !== "(root)") {
                 key = Dbm.objectPath(currentItem, keyField);
             }
+            else if(keyField !== "(index)") {
+                key = i;
+            }
 
             let values = {};
             values[as] = currentItem;
+            values[as + "/index"] = i;
             newChildren.push(React.createElement(Dbm.react.context.AddContextVariables, {key: key, values: values}, mainChildren));
         }
 

package/react/area/index.js

@@ -7,6 +7,7 @@ export {default as ScrollActivatedArea} from "./ScrollActivatedArea.js";
 export {default as OpenCloseExpandableArea} from "./OpenCloseExpandableArea.js";
 export {default as ResponsiveLayout} from "./ResponsiveLayout.js";
 export {default as List} from "./List.js";
+export {default as FixedWidthInfiniteSlideshow} from "./FixedWidthInfiniteSlideshow.js";
 
 export const responsiveLayout = function(aDefaultLayout) {
     let newResponsiveLayout = new Dbm.react.area.ResponsiveLayout();

package/react/blocks/admin/objects/RunObjectCommands.js

@@ -5,23 +5,9 @@ export default class Edit extends Dbm.react.BaseObject {
     _construct() {
         super._construct();
 
-        let editorGroup = new Dbm.graphapi.webclient.admin.EditorGroup();
-        this.item.setValue("editorGroup", editorGroup);
-        this.item.requireProperty("changed", false).connectInput(editorGroup.item.properties.changed);
-
         this.item.requireProperty("open", false);
     }
 
-     _save() {
-        console.log("_save");
-
-        let editorGroup = this.item.editorGroup;
-
-        let saveData = editorGroup.getSaveData();
-
-        saveData.save();
-    }
-
     _toggleOpen() {
         console.log("_toggleOpen");
 

package/react/blocks/admin/objects/User.js

@@ -8,6 +8,8 @@ export default class User extends Dbm.react.BaseObject {
         let editorGroup = new Dbm.graphapi.webclient.admin.EditorGroup();
         this.item.setValue("editorGroup", editorGroup);
         this.item.requireProperty("changed", false).connectInput(editorGroup.item.properties.changed);
+
+        this.item.requireProperty("newPassword", "");
     }
 
      _save() {
@@ -20,6 +22,21 @@ export default class User extends Dbm.react.BaseObject {
         saveData.save();
     }
 
+    _updatePassword() {
+        let url = new URL(document.location.href);
+        let id = url.searchParams.get("id");
+        let password = this.item.newPassword;
+
+        if(password) {
+            Dbm.graphapi.webclient.performAction("admin/user/setPassword", {"id": id, "password": password}, this._passwordSet.bind(this));
+        }
+    }
+
+    _passwordSet(aData) {
+        console.log("_passwordSet");
+        console.log(aData);
+    }
+
     _renderMainElement() {
 
         let url = new URL(document.location.href);
@@ -40,7 +57,18 @@ export default class User extends Dbm.react.BaseObject {
                 ),
                 React.createElement("h2", {className: "no-margins"}, "New password"),
                 React.createElement("div", {className: "spacing small"}),
-                "[Insert password field]"
+                React.createElement("div", {className: "flex-row small-item-spacing"},
+                    React.createElement("div", {className: "flex-row-item flex-resize"},
+                        React.createElement(Dbm.react.form.FormField, {"className": "standard-field standard-field-padding full-width", "type": "password", "autoComplete": "new-password", value: this.item.properties.newPassword})
+                    ),
+                    React.createElement("div", {className: "flex-row-item no-flex-resize"},
+                        React.createElement(Dbm.react.interaction.CommandButton, {"command": Dbm.commands.callFunction(this._updatePassword.bind(this))},
+                            React.createElement("div", {className: "standard-button standard-button-padding"},
+                                "Set password"
+                            )
+                        )
+                    )
+                ),
             )
         );
     }

package/react/blocks/content/LinkList.js

@@ -0,0 +1,67 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class LinkList extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let listId = this.context.blockData.list;
+
+        this.item.requireProperty("loaded", false);
+        this.item.requireProperty("items", []);
+
+        let graphApi = Dbm.getInstance().repository.getItem("cachedGraphApi").controller;
+        {
+            let request = graphApi.requestRange(
+                [
+                    {type: "objectRelationQuery", "path": "in:in:linkPreview", "fromIds": [listId]}
+                ],
+                ["linkPreview"]
+            );
+            
+            this.item.requireProperty("loadedStatus", 0);
+            Dbm.flow.addUpdateCommandWhenMatched(this.item.properties.loadedStatus, Dbm.loading.LoadingStatus.LOADED, Dbm.commands.callFunction(this._loaded.bind(this), [request]));
+            this.item.properties.loadedStatus.connectInput(request.properties.status);
+        }
+    }
+
+    _loaded(aRequest) {
+      console.log("LinkList::_loaded");
+      console.log(aRequest);
+
+      let items = aRequest.items;
+
+      let today = (new Date()).toISOString().split("T")[0];
+      items = Dbm.utils.ArrayFunctions.filterByField(items, "page", null, function(aItem) {
+        if(aItem && aItem.publishDate) {
+          if(aItem.publishDate > today) {
+            return false;
+          }
+          return true;
+        }
+        
+        return false;
+      });
+
+      Dbm.utils.ArrayFunctions.sortOnField(items, "page.publishDate");
+      items.reverse();
+
+      this.item.items = items;
+      this.item.loaded = true;
+    }
+
+    _renderMainElement() {
+
+      let element = Dbm.getInstance().repository.getItem("linkListCard").element;
+
+        return React.createElement("div", {"className": "content-narrow"},
+          React.createElement(Dbm.react.area.HasData, {check: this.item.properties.loaded},
+            React.createElement(Dbm.react.area.List, {items: this.item.properties.items},
+              element,
+              React.createElement("div", {"data-slot": "spacing", "className": "spacing small"})
+            )
+          )
+
+        );
+    }
+}

package/react/blocks/content/LinkListCard.js

@@ -0,0 +1,83 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class LinkListCard extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let mobileLayout = React.createElement(Dbm.react.text.Link, {"href": Dbm.core.source.first(Dbm.react.source.contextVariable("item.link"), Dbm.react.source.contextVariable("item.page.url")), "className": "custom-styled-link"},
+          React.createElement("div", {"className": "standard-card standard-card-padding"},
+            React.createElement(Dbm.react.image.WidthScaledImage, {image: Dbm.core.source.first(Dbm.react.source.contextVariable("item.image"), Dbm.react.source.contextVariable("item.page.image")), targetWidth: 300, className: "card-image-mobile background-cover"}),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement("div", {},
+              React.createElement("h3", {"className": "no-margins"},
+                Dbm.react.text.text(Dbm.core.source.first(Dbm.react.source.contextVariable("item.title"), Dbm.react.source.contextVariable("item.page.title")))
+              ),
+              React.createElement("div", {"className": "body-text"},
+                Dbm.react.text.htmlText(Dbm.react.source.contextVariable("item.description")),
+              ),
+              React.createElement("div", {"className": "flex-row justify-between"},
+                React.createElement("div", {"className": "flex-row-item"}),
+                React.createElement("div", {"className": "flex-row-item standard-card-read-more-link"},
+                  React.createElement("div", {className: "flex-row micro-item-spacing vertically-center-items"},
+                      React.createElement("div", {className: "flex-row-item flex-resize"},
+                        Dbm.react.text.text(Dbm.react.source.blockData("buttonText"))
+                      ),
+                      React.createElement("div", {className: "flex-row-item flex-no-resize"},
+                          React.createElement(Dbm.react.image.Image, {src: "/assets/img/read-more-right-arrow.svg", className: "right-arrow-read-more-link-icon background-contain"})
+                      )
+                  )
+                )
+              )
+            )
+          )
+        );
+
+        let desktopLayout = React.createElement(Dbm.react.text.Link, {"href": Dbm.core.source.first(Dbm.react.source.contextVariable("item.link"), Dbm.react.source.contextVariable("item.page.url")), "className": "custom-styled-link"},
+          React.createElement("div", {"className": "standard-card standard-card-padding"}, 
+          React.createElement("div", {"className": "flex-row small-item-spacing"},
+            React.createElement("div", {"className": "flex-row-item flex-no-resize"},
+              React.createElement(Dbm.react.image.WidthScaledImage, {image: Dbm.core.source.first(Dbm.react.source.contextVariable("item.image"), Dbm.react.source.contextVariable("item.page.image")), targetWidth: 200, className: "card-image-desktop background-cover"})
+            ),
+            React.createElement("div", {"className": "flex-row-item flex-resize"},
+              React.createElement("h3", {"className": "no-margins"},
+                Dbm.react.text.text(Dbm.core.source.first(Dbm.react.source.contextVariable("item.title"), Dbm.react.source.contextVariable("item.page.title")))
+              ),
+              React.createElement("div", {"className": "spacing small"}),
+              React.createElement("div", {"className": "body-text"},
+                Dbm.react.text.htmlText(Dbm.react.source.contextVariable("item.description")),
+              ),
+              
+              React.createElement("div", {"className": "spacing small"}),
+              React.createElement("div", {"className": "flex-row justify-between"},
+                React.createElement("div", {"className": "flex-row-item"}),
+                React.createElement("div", {"className": "flex-row-item standard-card-read-more-link"},
+                  React.createElement("div", {className: "flex-row micro-item-spacing vertically-center-items"},
+                    React.createElement("div", {className: "flex-row-item flex-resize"},
+                      Dbm.react.text.text(Dbm.core.source.firstWithDefault(Dbm.react.source.contextVariable("item.linkText"), "Read more"))
+                    ),
+                    React.createElement("div", {className: "flex-row-item flex-no-resize"},
+                        React.createElement(Dbm.react.image.Image, {src: "/assets/img/read-more-right-arrow.svg", className: "right-arrow-read-more-link-icon background-contain"})
+                    )
+                )
+                )
+              )
+            )
+          )
+          )
+        );
+
+        
+      
+      
+
+        this.responsiveLayout = Dbm.react.area.responsiveLayout(mobileLayout).addLayout(desktopLayout, 600);
+    }
+
+    _renderMainElement() {
+
+        return React.createElement("div", {}, React.createElement("div", {
+            ref: this.createRef("mainElement")
+          }, this.responsiveLayout.mainElement));
+    }
+}

package/react/blocks/content/index.js

@@ -1,3 +1,5 @@
 export {default as Card} from "./Card.js";
 export {default as ContentBlock} from "./ContentBlock.js";
-export {default as AnchorPosition} from "./AnchorPosition.js";
+export {default as AnchorPosition} from "./AnchorPosition.js";
+export {default as LinkList} from "./LinkList.js";
+export {default as LinkListCard} from "./LinkListCard.js";

package/react/blocks/faq/AskAQuestion.js

@@ -131,7 +131,7 @@ export default class AskAQuestion extends Dbm.react.BaseObject {
           React.createElement("div", {className: "standard-field overflow-hidden"},
             React.createElement("div", {className: "flex-row small-item-spacing"},
               React.createElement("div", {className: "flex-row-item flex-resize"},
-                React.createElement(Dbm.react.form.FormField, {className: "standard-field-padding-left-side full-width integrated-field", value: this.item.properties.searchText, placeholder: "Ask us anything"})
+                React.createElement(Dbm.react.form.FormField, {className: "standard-field-padding-left-side full-width integrated-field", value: this.item.properties.searchText, placeholder: "Type your question here"})
               ),
               React.createElement("div", {className: "flex-row-item flex-no-resize"},
                 React.createElement("div", {className: "submit-button-field-padding-right-side border-box-sizing full-height"},