@nascentdigital/funnel-ui 4.5.3 → 4.5.6

package/dist/server/blocks/Projects.js

@@ -1,86 +1,26 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Projects = Projects;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
-const refs_1 = require("../../client/refs");
 const entities_1 = require("../entities");
-const fields_1 = require("../fields");
-const schema_1 = require("../schema");
+const Block_1 = require("./Block");
 // component
-function Projects(_a) {
-    var _b, _c, _d, _e;
-    var { className, headlineTag = 'h2', captionTag = 'div', projectProps = {}, projects: projectData } = _a, props = __rest(_a, ["className", "headlineTag", "captionTag", "projectProps", "projects"]);
-    // dont render if missing model
-    const { config, fields } = projectData !== null && projectData !== void 0 ? projectData : {};
-    const items = (_c = (_b = fields === null || fields === void 0 ? void 0 : fields.items) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : [];
-    if (!projectData) {
-        console.warn('[Projects] attempted to render without projects model');
-        return null;
-    }
-    // render
-    const { headline: headlineRaw, caption: captionRaw } = fields;
-    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
-    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
-    const layout = (_e = (_d = config === null || config === void 0 ? void 0 : config.layout) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : 'masonry';
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Projects', Projects.Layout.getClassName(layout), schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Projects-content", children: [(headline || caption) &&
-                    (0, jsx_runtime_1.jsx)("div", { className: "nd-Projects-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Projects-copy", children: [headline &&
-                                    (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-Projects-headline", as: headlineTag, headline: headline }), caption &&
-                                    (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-Projects-caption", as: captionTag, caption: caption })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Projects-projectsWrap", children: renderProjects({ layout, projects: items, projectProps }) })] }) })));
+function Projects(props) {
+    return (0, jsx_runtime_1.jsx)(Projects.Component, Object.assign({}, props));
 }
 // extension
 (function (Projects) {
-    let Layout;
-    (function (Layout) {
-        // enum
-        Layout.Enum = {
-            masonry: { name: 'Masonry', hint: 'A vertical brick-like layout.' }
-        };
-        // schema
-        Layout.schema = funnel_core_1.Schema.Field.enumeration({
-            name: 'Layout',
-            hint: 'Select you project layout',
-            description: 'Determine how your projects will be presented.',
-            options: Layout.Enum,
-            defaultOption: 'masonry'
-        });
-        // helpers
-        function getClassName(layout) {
-            switch (layout) {
-                case 'masonry':
-                    return 'nd-Projects-layout-masonry';
-                default:
-                    console.warn('[Projects] unrecognized layout:', layout);
-                    return 'nd-Projects-layout-masonry';
-            }
-        }
-        Layout.getClassName = getClassName;
-    })(Layout = Projects.Layout || (Projects.Layout = {}));
-    // schema
-    Projects.schema = funnel_core_1.Schema.Block.create({
+    var _a;
+    // factory
+    _a = Block_1.Block.create({
         id: '_nd-projects',
         name: 'Projects',
         version: 1,
-        config: Object.assign(Object.assign({}, schema_1.BlockConfig.Presets.ThemeOnly.schema), { layout: Layout.schema }),
-        fields: {
-            headline: fields_1.Headline.schema.optional(),
-            caption: fields_1.Caption.schema.optional(),
-            items: funnel_core_1.Schema.Field.list({
+        className: 'nd-Projects',
+        message: true,
+        list: {
+            schema: funnel_core_1.Schema.Field.list({
                 name: 'Projects',
                 description: 'Project will be displayed in the order you present them.',
                 itemTypes: {
@@ -91,19 +31,8 @@ function Projects(_a) {
                 },
                 min: 3,
                 max: 300
-            })
+            }),
+            itemRenderer: (item, itemProps) => ((0, jsx_runtime_1.jsx)(entities_1.Project, Object.assign({ as: "div", className: "nd-Projects-project", project: item.value }, itemProps)))
         }
-    });
+    }), Projects.Component = _a.Component, Projects.schema = _a.schema;
 })(Projects || (exports.Projects = Projects = {}));
-function renderProjects(args) {
-    var _a;
-    switch (args.layout) {
-        case 'masonry':
-            return renderMasonryLayout(args);
-        default:
-            return ((0, jsx_runtime_1.jsxs)("div", { children: ["Unsupported Projects layout: ", (_a = args.layout) !== null && _a !== void 0 ? _a : 'undefined'] }));
-    }
-}
-function renderMasonryLayout({ projects, projectProps }) {
-    return ((0, jsx_runtime_1.jsx)(refs_1.MasonryLayout, { className: "nd-Projects-projects", children: projects.map(project => (0, jsx_runtime_1.jsx)(entities_1.Project, Object.assign({}, projectProps, { as: "div", className: "nd-Projects-project", project: project.value }), project.id)) }));
-}

package/dist/server/blocks/RelatedPages.d.ts

@@ -0,0 +1,58 @@
+import { Schema, Transform } from '@nascentdigital/funnel-core';
+import { ReactNode } from 'react';
+import { HTMLBlockElement } from '../../types';
+import { Caption, Headline, Title } from '../fields';
+export declare function RelatedPages<TPage extends Schema.Page>({ className, model, children, titleTag, headlineTag, captionTag, ...props }: RelatedPages.Props<TPage>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace RelatedPages {
+    function schema(args: schema.Args): Schema.Block<"_nd-relatedPages", {
+        list: Schema.DynamicPagesField;
+        title: Schema.Optional<Schema.TextField>;
+        headline: Schema.Optional<Schema.RichTextField>;
+        caption: Schema.Optional<Schema.RichTextField>;
+        ctas: Schema.Optional<Schema.ListField<{
+            cta: Schema.LinkField;
+        }>>;
+    }, ({
+        readonly theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    } & {
+        layout: import("..").PanelLayout.Schema;
+    } & {
+        slotVariation: import("..").SlotVariation.Schema;
+    } & Record<"messageTextAlign", Schema.EnumField<Schema.EnumField.Options<import("..").TextAlignment>>> & Record<"messageWidth", Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<"messageHorizontalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<"messageVerticalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Schema.Block.Config) | ({
+        readonly theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    } & {
+        layout: import("..").PanelLayout.Schema;
+    } & {
+        slotVariation: import("..").SlotVariation.Schema;
+    } & Record<"messageTextAlign", Schema.EnumField<Schema.EnumField.Options<import("..").TextAlignment>>> & Record<"messageWidth", Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<"messageHorizontalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<"messageVerticalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & {
+        contentAlign: import("..").ItemAlignment.Vertical.Schema;
+    } & Schema.Block.Config) | ({
+        readonly theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    } & {
+        layout: import("..").PanelLayout.Schema;
+    } & {
+        slotVariation: import("..").SlotVariation.Schema;
+    } & Record<"messageTextAlign", Schema.EnumField<Schema.EnumField.Options<import("..").TextAlignment>>> & Record<"messageWidth", Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<"messageHorizontalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<"messageVerticalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<`${any}Width`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<`${any}HorizontalAlign`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<`${any}VerticalAlign`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Schema.Block.Config) | ({
+        readonly theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    } & {
+        layout: import("..").PanelLayout.Schema;
+    } & {
+        slotVariation: import("..").SlotVariation.Schema;
+    } & Record<"messageTextAlign", Schema.EnumField<Schema.EnumField.Options<import("..").TextAlignment>>> & Record<"messageWidth", Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<"messageHorizontalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<"messageVerticalAlign", Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<`${any}Width`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemSize>>> & Record<`${any}HorizontalAlign`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & Record<`${any}VerticalAlign`, Schema.EnumField<Schema.EnumField.Options<import("..").ItemAlignment>>> & {
+        contentAlign: import("..").ItemAlignment.Vertical.Schema;
+    } & Schema.Block.Config)>;
+    namespace schema {
+        type Args = {
+            pageType: string;
+            size: number;
+        };
+    }
+    type Props<TPage extends Schema.Page> = HTMLBlockElement<'div'> & {
+        model: Model;
+        children?: Transform<Schema.Page.LinkedData.AsPreview<TPage>, ReactNode>;
+        titleTag?: Title.Tag;
+        headlineTag?: Headline.Tag;
+        captionTag?: Caption.Tag;
+    };
+    type Model = Schema.Block.LinkedData<ReturnType<typeof schema>>;
+}

package/dist/server/blocks/RelatedPages.js

@@ -0,0 +1,99 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelatedPages = RelatedPages;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const entities_1 = require("../entities");
+const panels_1 = require("../panels");
+const Block_1 = require("./Block");
+// component
+function RelatedPages(_a) {
+    var _b, _c, _d, _e, _f;
+    var { className, model, children, titleTag = 'span', headlineTag = 'h2', captionTag = 'div' } = _a, props = __rest(_a, ["className", "model", "children", "titleTag", "headlineTag", "captionTag"]);
+    // don't render if missing model
+    if (!model) {
+        console.warn('[RelatedPages] attempted to render without related model');
+        return null;
+    }
+    // extract fields
+    const config = (_b = model.config) !== null && _b !== void 0 ? _b : {};
+    const fields = (_c = model.fields) !== null && _c !== void 0 ? _c : {};
+    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, ctas: ctasRaw, list: listRaw } = fields;
+    const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;
+    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
+    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
+    const ctas = ctasRaw === null || ctasRaw === void 0 ? void 0 : ctasRaw.value;
+    const pages = (_e = (_d = listRaw === null || listRaw === void 0 ? void 0 : listRaw.value) === null || _d === void 0 ? void 0 : _d.pages) !== null && _e !== void 0 ? _e : [];
+    const schema = (_f = listRaw === null || listRaw === void 0 ? void 0 : listRaw.value.__schema) !== null && _f !== void 0 ? _f : {};
+    // panel layout
+    const layout = panels_1.BlockPanel.getLayout({
+        args: { fields, config },
+        messageKey: 'message',
+        listKey: 'list'
+    });
+    const getPanel = ({ className, panel }) => {
+        var _a;
+        switch (panel.type) {
+            case 'message':
+                return ((0, jsx_runtime_1.jsx)(panels_1.MessagePanel, { panel: panel, title: title, headline: headline, caption: caption, ctas: ctas }));
+            case 'list': {
+                const listPanelConfig = config;
+                return ((0, jsx_runtime_1.jsx)(panels_1.ListPanel, { panel: panel, items: pages, layout: ((_a = funnel_core_1.Schema.EnumField.Value.fromData(listPanelConfig.listLayout)) !== null && _a !== void 0 ? _a : 'card'), children: page => { var _a; return (_a = children === null || children === void 0 ? void 0 : children(page)) !== null && _a !== void 0 ? _a : (0, jsx_runtime_1.jsx)(entities_1.PagePreview, { page: page }); } }));
+            }
+        }
+    };
+    // render
+    return ((0, jsx_runtime_1.jsx)(Block_1.Block, Object.assign({ className: (0, classnames_1.default)(className, "nd-RelatedPages"), config: config, layout: layout, renderPanel: getPanel }, props)));
+}
+// extension
+(function (RelatedPages) {
+    // schema
+    function fieldsSchema({ size, pageType }) {
+        return Object.assign(Object.assign({}, panels_1.MessagePanel.Fields.all), { list: funnel_core_1.Schema.Field.dynamicPages({
+                name: 'Related Content',
+                description: 'Pin pages to feature specific links in your preferred order. Priority settings will automatically fill any remaining slots with relevant content. If all slots are pinned, priority settings will have no effect.',
+                types: [pageType],
+                size
+            }) });
+    }
+    const configSchema = panels_1.BlockPanel.getConfigSchema({
+        fields: fieldsSchema({ pageType: 'any', size: 0 }),
+        messageKey: 'message',
+        listKey: 'list'
+    });
+    function schema(args) {
+        return funnel_core_1.Schema.Block.create({
+            id: '_nd-relatedPages',
+            name: 'Related',
+            version: 1,
+            fields: fieldsSchema(args),
+            config: configSchema,
+            getConfig: args => panels_1.BlockPanel.getConfig({
+                args,
+                messageKey: 'message',
+                listKey: 'list'
+            }),
+            getLayout: args => panels_1.BlockPanel.getLayout({
+                args,
+                messageKey: 'message',
+                listKey: 'list'
+            })
+        });
+    }
+    RelatedPages.schema = schema;
+})(RelatedPages || (exports.RelatedPages = RelatedPages = {}));

package/dist/server/blocks/Stats.d.ts

@@ -1,36 +1,24 @@
 import { Schema } from '@nascentdigital/funnel-core';
-import { HTMLBlockElement, HTMLElements } from '../../types';
-import { Caption, Headline, Title } from '../fields';
-import { Stat } from './Stat';
-export declare function Stats({ className, titleTag, headlineTag, captionTag, statTag, statProps, stats, ...props }: Stats.Props): import("react/jsx-runtime").JSX.Element | null;
+import { ComponentProps } from 'react';
+import { Block } from './Block';
+export declare function Stats(props: ComponentProps<typeof Stats.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Stats {
-    const schema: Schema.Block<"_nd-stats", {
-        title: Schema.Optional<Schema.TextField>;
-        headline: Schema.Optional<Schema.RichTextField>;
-        caption: Schema.Optional<Schema.RichTextField>;
-        ctas: Schema.Optional<Schema.ListField<{
-            cta: Schema.LinkField;
-        }>>;
-        stats: Schema.ListField<{
-            stat: Schema.ObjectField<{
-                value: Schema.TextField;
-                label: Schema.TextField;
-                description: Schema.Optional<Schema.RichTextField>;
-                icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
-                link: Schema.Optional<Schema.LinkField>;
-            }>;
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-stats", true, undefined, Schema.ListField<{
+        stat: Schema.ObjectField<{
+            value: Schema.TextField;
+            label: Schema.TextField;
+            description: Schema.Optional<Schema.RichTextField>;
+            icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+            link: Schema.Optional<Schema.LinkField>;
         }>;
-    }, {
-        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
-    }>;
-    type Props = HTMLBlockElement<'div'> & {
-        titleTag?: Title.Tag;
-        headlineTag?: Headline.Tag;
-        captionTag?: Caption.Tag;
-        statTag?: Stat.Tag;
-        statProps?: Stat.Props.Configuration;
-        stats: Model;
-    };
-    type Tag = HTMLElements.Standard.Container;
+    }>, Schema.Block.Config, any>>, schema: Block.Create.Result.Schema<"_nd-stats", true, undefined, Schema.ListField<{
+        stat: Schema.ObjectField<{
+            value: Schema.TextField;
+            label: Schema.TextField;
+            description: Schema.Optional<Schema.RichTextField>;
+            icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+            link: Schema.Optional<Schema.LinkField>;
+        }>;
+    }>, Schema.Block.Config>;
     type Model = Schema.Block.LinkedData<typeof schema>;
 }

package/dist/server/blocks/Stats.js

@@ -1,71 +1,26 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stats = Stats;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
-const fields_1 = require("../fields");
-const schema_1 = require("../schema");
+const Block_1 = require("./Block");
 const Stat_1 = require("./Stat");
 // component
-function Stats(_a) {
-    var _b, _c, _d;
-    var { className, titleTag = 'span', headlineTag = 'h2', captionTag = 'div', statTag = 'div', statProps = {}, stats } = _a, props = __rest(_a, ["className", "titleTag", "headlineTag", "captionTag", "statTag", "statProps", "stats"]);
-    // dont render if missing model
-    if (!stats) {
-        console.warn('[ValueProp] attempted to render without valueProp model');
-        return null;
-    }
-    const { config, fields } = stats !== null && stats !== void 0 ? stats : {};
-    const statsList = (_c = (_b = fields === null || fields === void 0 ? void 0 : fields.stats) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : [];
-    // render
-    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, ctas: ctasRaw } = fields;
-    const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;
-    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
-    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
-    const ctas = (_d = ctasRaw === null || ctasRaw === void 0 ? void 0 : ctasRaw.value) !== null && _d !== void 0 ? _d : [];
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Stats', schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Stats-content", children: [(title || headline || caption || ctas.length > 0) &&
-                    (0, jsx_runtime_1.jsx)("div", { className: "nd-Stats-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Stats-copy", children: [title &&
-                                    (0, jsx_runtime_1.jsx)(fields_1.Title, { className: "nd-Stats-title", as: titleTag, title: title }), (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-Stats-headline", as: headlineTag, headline: headline }), caption &&
-                                    (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-Stats-caption", as: captionTag, caption: caption }), ctas.length > 0 &&
-                                    (0, jsx_runtime_1.jsx)("div", { className: "nd-Stats-ctas", children: ctas.map(cta => (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-Stats-cta", link: cta.value }, cta.id)) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Stats-statsWrap", children: (0, jsx_runtime_1.jsx)("div", { className: "nd-Stats-stats", "data-stats-count": statsList.length, children: statsList.map(stat => (0, jsx_runtime_1.jsx)(Stat_1.Stat, Object.assign({ as: statTag, stat: stat }, statProps), stat.id)) }) })] }) })));
+function Stats(props) {
+    return (0, jsx_runtime_1.jsx)(Stats.Component, Object.assign({}, props));
 }
 // extension
 (function (Stats) {
-    // schema
-    Stats.schema = funnel_core_1.Schema.Block.create({
+    var _a;
+    // factory
+    _a = Block_1.Block.create({
         id: '_nd-stats',
         name: 'Statistics',
         version: 1,
-        config: Object.assign({}, schema_1.BlockConfig.Presets.ThemeOnly.schema),
-        fields: {
-            title: fields_1.Title.schema.optional(),
-            headline: fields_1.Headline.schema.optional(),
-            caption: fields_1.Caption.schema.optional(),
-            ctas: funnel_core_1.Schema.Field.list({
-                name: 'CTAs',
-                description: 'Add your call-to-actions in the order you\'d like them to appear *(these are optional)*.',
-                itemTypes: {
-                    cta: funnel_core_1.Schema.Field.link({ name: 'Call to Action' })
-                },
-                min: 1,
-                max: 2
-            }).optional(),
-            stats: funnel_core_1.Schema.Field.list({
+        className: 'nd-Stats',
+        message: true,
+        list: {
+            schema: funnel_core_1.Schema.Field.list({
                 name: 'Stat',
                 description: 'Stat will be displayed in the order you present them.',
                 itemTypes: {
@@ -73,7 +28,8 @@ function Stats(_a) {
                 },
                 min: 1,
                 max: 6
-            })
+            }),
+            itemRenderer: (item, itemProps) => ((0, jsx_runtime_1.jsx)(Stat_1.Stat, Object.assign({ as: "li", stat: item }, itemProps)))
         }
-    });
+    }), Stats.Component = _a.Component, Stats.schema = _a.schema;
 })(Stats || (exports.Stats = Stats = {}));

package/dist/server/blocks/Testimonial.d.ts

@@ -1,7 +1,7 @@
 import { Schema } from '@nascentdigital/funnel-core';
 import { HTMLBlockElement } from '../../types';
 import { BlockPanel, TestimonialPanel, VisualPanel } from '../panels';
-export declare function Testimonial({ className, testimonial, testimonialPanelProps, visualPanelProps, ...props }: Testimonial.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function Testimonial({ className, model, testimonialPanelProps, visualPanelProps, ...props }: Testimonial.Props): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Testimonial {
     const fieldsSchema: {
         visual: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
@@ -83,7 +83,7 @@ export declare namespace Testimonial {
         }>>;
     }, "message", "visual", undefined, Schema.Block.Config>>;
     export type Props = HTMLBlockElement<'div'> & {
-        testimonial: Model;
+        model: Model;
         testimonialPanelProps?: TestimonialPanel.Props.Configuration;
         visualPanelProps?: VisualPanel.Props.Configuration;
     };

package/dist/server/blocks/Testimonial.js

@@ -23,15 +23,15 @@ const Block_1 = require("./Block");
 // block
 function Testimonial(_a) {
     var _b, _c;
-    var { className, testimonial, testimonialPanelProps = {}, visualPanelProps = {} } = _a, props = __rest(_a, ["className", "testimonial", "testimonialPanelProps", "visualPanelProps"]);
+    var { className, model, testimonialPanelProps = {}, visualPanelProps = {} } = _a, props = __rest(_a, ["className", "model", "testimonialPanelProps", "visualPanelProps"]);
     // dont render if missing model
-    if (!testimonial) {
+    if (!model) {
         console.warn('[Testimonial] attempted to render without testimonial model');
         return null;
     }
     // destructure props
-    const config = (_b = testimonial.config) !== null && _b !== void 0 ? _b : {};
-    const fields = (_c = testimonial.fields) !== null && _c !== void 0 ? _c : {};
+    const config = (_b = model.config) !== null && _b !== void 0 ? _b : {};
+    const fields = (_c = model.fields) !== null && _c !== void 0 ? _c : {};
     const { visual: visualRaw, title: titleRaw, quote: quoteRaw, author: authorRaw, ctas: ctasRaw } = fields;
     const visual = visualRaw === null || visualRaw === void 0 ? void 0 : visualRaw.value;
     const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;

package/dist/server/blocks/index.d.ts

@@ -7,6 +7,7 @@ export * from './MediaLayout';
 export * from './Message';
 export * from './Outcome';
 export * from './Projects';
+export * from './RelatedPages';
 export * from './Stat';
 export * from './Stats';
 export * from './Testimonial';

package/dist/server/blocks/index.js

@@ -23,6 +23,7 @@ __exportStar(require("./MediaLayout"), exports);
 __exportStar(require("./Message"), exports);
 __exportStar(require("./Outcome"), exports);
 __exportStar(require("./Projects"), exports);
+__exportStar(require("./RelatedPages"), exports);
 __exportStar(require("./Stat"), exports);
 __exportStar(require("./Stats"), exports);
 __exportStar(require("./Testimonial"), exports);

package/dist/server/entities/previews/MessagePreview.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 import { HTMLElements } from '../../../types';
 import { Message } from '../../blocks';
 import { Caption, Headline, Title, Visual } from '../../fields';
-export declare function MessagePreview<T extends MessagePreview.Tag>({ className, as, preview, titleTag, headlineTag, captionTag, copyDecorator, visualDecorator, visualLoading, ...props }: MessagePreview.Props<T>): import("react").DetailedReactHTMLElement<{
+export declare function MessagePreview<T extends MessagePreview.Tag = 'div'>({ className, as, preview, titleTag, headlineTag, captionTag, copyDecorator, visualDecorator, visualLoading, ...props }: MessagePreview.Props<T>): import("react").DetailedReactHTMLElement<{
     prefix?: string | undefined | undefined;
     content?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -285,7 +285,7 @@ export declare function MessagePreview<T extends MessagePreview.Tag>({ className
 }, HTMLElement> | null;
 export declare namespace MessagePreview {
     type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
-        as: T;
+        as?: T;
         preview: Model;
         titleTag?: Title.Tag;
         headlineTag?: Headline.Tag;

package/dist/server/entities/previews/MessagePreview.js

@@ -33,7 +33,7 @@ function MessagePreview(_a) {
     const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
     const visual = visualRaw === null || visualRaw === void 0 ? void 0 : visualRaw.value;
     const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
-    return (0, react_1.createElement)(as, Object.assign({ className: (0, classnames_1.default)(className, 'nd-MessagePreview') }, props), (0, jsx_runtime_1.jsxs)("div", { className: "nd-MessagePreview-content", children: [(visual || visualDecorator) &&
+    return (0, react_1.createElement)(as !== null && as !== void 0 ? as : 'div', Object.assign({ className: (0, classnames_1.default)(className, 'nd-MessagePreview') }, props), (0, jsx_runtime_1.jsxs)("div", { className: "nd-MessagePreview-content", children: [(visual || visualDecorator) &&
                 (0, jsx_runtime_1.jsxs)("div", { className: "nd-MessagePreview-visualWrap", children: [visual &&
                             (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-MessagePreview-visual", visual: visual, loading: visualLoading }), visualDecorator] }), (0, jsx_runtime_1.jsxs)("div", { className: "nd-MessagePreview-copyWrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "nd-MessagePreview-copy", children: [title &&
                                 (0, jsx_runtime_1.jsx)(fields_1.Title, { as: titleTag, title: title, className: "nd-MessagePreview-title" }), (0, jsx_runtime_1.jsx)(fields_1.Headline, { as: headlineTag, headline: headline, className: "nd-MessagePreview-headline" }), caption &&

package/dist/server/fields/Caption.js

@@ -31,7 +31,7 @@ function Caption(_a) {
     Caption.schema = funnel_core_1.Schema.Field.richtext({
         name: 'Caption',
         hint: 'Enter some text',
-        size: 'md',
+        semantics: 'mini-editor',
         capabilities: {
             bold: true,
             italics: true,
@@ -39,7 +39,8 @@ function Caption(_a) {
             strikethrough: true,
             superscript: true,
             subscript: true,
-            links: true
+            links: true,
+            lists: true
         }
     });
 })(Caption || (exports.Caption = Caption = {}));

package/dist/server/fields/Description.js

@@ -31,7 +31,7 @@ function Description(_a) {
     Description.schema = funnel_core_1.Schema.Field.richtext({
         name: 'Description',
         hint: 'Enter some text',
-        size: 'md',
+        semantics: 'area',
         capabilities: {
             bold: true,
             italics: true,

package/dist/server/fields/FreeFormContent.js

@@ -34,7 +34,7 @@ function FreeFormContent(_a) {
         const baseArgs = {
             name: 'Content',
             hint: 'Free form content',
-            size: 'lg'
+            semantics: 'full-editor'
         };
         // variants
         schema.article = funnel_core_1.Schema.Field.richtext(Object.assign(Object.assign({}, baseArgs), { capabilities: funnel_core_1.Schema.RichTextField.Capabilities.Options.article }));

package/dist/server/fields/Headline.js

@@ -31,7 +31,7 @@ function Headline(_a) {
     Headline.schema = funnel_core_1.Schema.Field.richtext({
         name: 'Headline',
         hint: 'Enter some text',
-        size: 'md',
+        semantics: 'field',
         capabilities: {
             bold: true,
             italics: true,

package/dist/server/fields/Quote.js

@@ -31,7 +31,7 @@ function Quote(_a) {
     Quote.schema = funnel_core_1.Schema.Field.richtext({
         name: 'Quote',
         hint: 'Enter some text',
-        size: 'md',
+        semantics: 'area',
         capabilities: {
             bold: true,
             italics: true,

package/dist/server/fields/RichText.js

@@ -68,6 +68,7 @@ function RichText(_a) {
     // schema
     RichText.schema = funnel_core_1.Schema.Field.richtext({
         name: 'Content',
+        semantics: 'full-editor',
         capabilities: {}
     });
     // config base

package/dist/server/index.d.ts

@@ -7,3 +7,5 @@ export * from './panels';
 export * from './schema';
 export * from './sections';
 export * from './transitions';
+export * from './utils';
+export * from './Page';

package/dist/server/index.js

@@ -23,3 +23,5 @@ __exportStar(require("./panels"), exports);
 __exportStar(require("./schema"), exports);
 __exportStar(require("./sections"), exports);
 __exportStar(require("./transitions"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./Page"), exports);