diff --git a/component-definition.json b/component-definition.json index 87ba0af1..0d60eca7 100644 --- a/component-definition.json +++ b/component-definition.json @@ -31,6 +31,10 @@ { "name": "imageAlt", "selector": "img[alt]" + }, + { + "name": "image", + "selector": "img[src]" } ] } @@ -250,6 +254,49 @@ } } }, + { + "title": "Quick Content", + "id": "quick-content", + "model": "quick-content", + "filter": "quick-content", + "plugins": { + "da": { + "name": "quick-content", + "rows": 7, + "columns": 1, + "fields": [ + { + "name": "image", + "selector": "div:nth-child(1)>div>picture>img[src]" + }, + { + "name": "altText", + "selector": "div:nth-child(2)>div>p" + }, + { + "name": "headline", + "selector": "div:nth-child(3)>div>p" + }, + { + "name": "description", + "selector": "div:nth-child(4)>div" + }, + { + "name": "ctaText", + "selector": "div:nth-child(5)>div>p" + }, + { + "name": "ctaUrl", + "selector": "div:nth-child(6)>div>p" + }, + { + "name": "ctaType", + "selector": "div:nth-child(7)>div>p" + } + ] + } + } + }, { "title": "Quote", "id": "quote", diff --git a/component-filters.json b/component-filters.json index c826b8ba..d8526c25 100644 --- a/component-filters.json +++ b/component-filters.json @@ -23,7 +23,8 @@ "table", "text", "video", - "product-recommendations" + "product-recommendations", + "quick-content" ] }, { @@ -61,6 +62,31 @@ "image" ] }, + { + "id": "quick-content", + "rte": { + "toolbar": { + "format": [ + "bold", + "italic" + ], + "blocks": [ + "paragraph", + "h3" + ], + "list": [ + "bullet_list", + "ordered_list" + ], + "editor": [ + "removeformat" + ] + } + }, + "components": [ + "richtext" + ] + }, { "id": "table", "rte": { diff --git a/component-models.json b/component-models.json index 37910d4e..29b97efb 100644 --- a/component-models.json +++ b/component-models.json @@ -32,7 +32,8 @@ "component": "reference", "name": "image", "label": "Image", - "multi": false + "multi": false, + "valueType": "string" }, { "component": "text", @@ -64,14 +65,14 @@ "component": "richtext", "valueType": "string", "name": "summary", - "value": "", + "value": "summary", "label": "Summary", "required": true }, { - "component": "richtext", + "component": "text", "name": "text", - "value": "", + "value": "text", "label": "Text", "valueType": "string", "required": true @@ -141,6 +142,43 @@ "numberMin": 1, "numberMax": 6 } + }, + { + "component": "multiselect", + "name": "classes", + "value": [], + "label": "Block options", + "valueType": "array", + "options": [ + { + "name": "Stacked", + "value": "stack" + }, + { + "name": "Size medium (540px)", + "value": "size-md" + }, + { + "name": "Size small (420px)", + "value": "size-sm" + }, + { + "name": "Gap small", + "value": "gap-sm" + }, + { + "name": "Gap medium", + "value": "gap-md" + }, + { + "name": "Gap large", + "value": "gap-lg" + }, + { + "name": "Overlap", + "value": "overlap" + } + ] } ] }, @@ -186,6 +224,85 @@ } ] }, + { + "id": "quick-content", + "fields": [ + { + "component": "reference", + "name": "image", + "label": "Image", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "altText", + "label": "Image Alt Text", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "headline", + "label": "Headline", + "valueType": "string", + "required": true + }, + { + "component": "richtext", + "name": "description", + "label": "Main Text", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "ctaText", + "label": "Button Text", + "valueType": "string" + }, + { + "component": "text", + "name": "ctaUrl", + "label": "Button Link (URL)", + "valueType": "string" + }, + { + "component": "select", + "valueType": "string", + "name": "ctaType", + "label": "Button Type", + "value": "primary", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "select", + "valueType": "string", + "name": "classes", + "label": "Layout alignment", + "value": "", + "options": [ + { + "name": "Left", + "value": "" + }, + { + "name": "Right", + "value": "media-right" + } + ] + } + ] + }, { "id": "quote", "fields": [ diff --git a/ue/models/blocks/accordion.json b/ue/models/blocks/accordion.json index 59f51bd2..93854909 100644 --- a/ue/models/blocks/accordion.json +++ b/ue/models/blocks/accordion.json @@ -39,14 +39,14 @@ "component": "richtext", "valueType": "string", "name": "summary", - "value": "", + "value": "summary", "label": "Summary", "required": true }, { - "component": "richtext", + "component": "text", "name": "text", - "value": "", + "value": "text", "label": "Text", "valueType": "string", "required": true diff --git a/ue/models/blocks/columns.json b/ue/models/blocks/columns.json index bc708c7e..92f12d2c 100644 --- a/ue/models/blocks/columns.json +++ b/ue/models/blocks/columns.json @@ -53,6 +53,43 @@ "numberMin": 1, "numberMax": 6 } + }, + { + "component": "multiselect", + "name": "classes", + "value": [], + "label": "Block options", + "valueType": "array", + "options": [ + { + "name": "Stacked", + "value": "stack" + }, + { + "name": "Size medium (540px)", + "value": "size-md" + }, + { + "name": "Size small (420px)", + "value": "size-sm" + }, + { + "name": "Gap small", + "value": "gap-sm" + }, + { + "name": "Gap medium", + "value": "gap-md" + }, + { + "name": "Gap large", + "value": "gap-lg" + }, + { + "name": "Overlap", + "value": "overlap" + } + ] } ] } diff --git a/ue/models/blocks/quick-content.json b/ue/models/blocks/quick-content.json new file mode 100644 index 00000000..2295b4a5 --- /dev/null +++ b/ue/models/blocks/quick-content.json @@ -0,0 +1,155 @@ +{ + "definitions": [ + { + "title": "Quick Content", + "id": "quick-content", + "model": "quick-content", + "filter": "quick-content", + "plugins": { + "da": { + "name": "quick-content", + "rows": 7, + "columns": 1, + "fields": [ + { + "name": "image", + "selector": "div:nth-child(1)>div>picture>img[src]" + }, + { + "name": "altText", + "selector": "div:nth-child(2)>div>p" + }, + { + "name": "headline", + "selector": "div:nth-child(3)>div>p" + }, + { + "name": "description", + "selector": "div:nth-child(4)>div" + }, + { + "name": "ctaText", + "selector": "div:nth-child(5)>div>p" + }, + { + "name": "ctaUrl", + "selector": "div:nth-child(6)>div>p" + }, + { + "name": "ctaType", + "selector": "div:nth-child(7)>div>p" + } + ] + } + } + } + ], + "models": [ + { + "id": "quick-content", + "fields": [ + { + "component": "reference", + "name": "image", + "label": "Image", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "altText", + "label": "Image Alt Text", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "headline", + "label": "Headline", + "valueType": "string", + "required": true + }, + { + "component": "richtext", + "name": "description", + "label": "Main Text", + "valueType": "string", + "required": true + }, + { + "component": "text", + "name": "ctaText", + "label": "Button Text", + "valueType": "string" + }, + { + "component": "text", + "name": "ctaUrl", + "label": "Button Link (URL)", + "valueType": "string" + }, + { + "component": "select", + "valueType": "string", + "name": "ctaType", + "label": "Button Type", + "value": "primary", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "select", + "valueType": "string", + "name": "classes", + "label": "Layout alignment", + "value": "", + "options": [ + { + "name": "Left", + "value": "" + }, + { + "name": "Right", + "value": "media-right" + } + ] + } + ] + } + ], + "filters": [ + { + "id": "quick-content", + "rte": { + "toolbar": { + "format": [ + "bold", + "italic" + ], + "blocks": [ + "paragraph", + "h3" + ], + "list": [ + "bullet_list", + "ordered_list" + ], + "editor": [ + "removeformat" + ] + } + }, + "components": [ + "richtext" + ] + } + ] +} \ No newline at end of file diff --git a/ue/models/image.json b/ue/models/image.json index 47dfa935..7a943426 100644 --- a/ue/models/image.json +++ b/ue/models/image.json @@ -16,6 +16,10 @@ { "name": "imageAlt", "selector": "img[alt]" + }, + { + "name": "image", + "selector": "img[src]" } ] } @@ -30,7 +34,8 @@ "component": "reference", "name": "image", "label": "Image", - "multi": false + "multi": false, + "valueType": "string" }, { "component": "text", diff --git a/ue/models/section.json b/ue/models/section.json index 96246a60..5539bead 100644 --- a/ue/models/section.json +++ b/ue/models/section.json @@ -49,7 +49,8 @@ "table", "text", "video", - "product-recommendations" + "product-recommendations", + "quick-content" ] } ]