@nascentdigital/funnel-ui 4.5.2 → 4.5.4

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

@@ -1,43 +1,35 @@
 import { Schema } from '@nascentdigital/funnel-core';
-import { HTMLBlockElement, HTMLElements } from '../../types';
+import { ComponentProps } from 'react';
 import { Project } from '../entities';
-import { Caption, Headline } from '../fields';
-export declare function Projects({ className, headlineTag, captionTag, projectProps, projects: projectData, ...props }: Projects.Props): import("react/jsx-runtime").JSX.Element | null;
+import { Block } from './Block';
+export declare function Projects(props: ComponentProps<typeof Projects.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Projects {
-    type Layout = 'masonry';
-    namespace Layout {
-        const Enum: Schema.EnumField.Options<Layout>;
-        const schema: Schema.EnumField<Schema.EnumField.Options<"masonry">>;
-        function getClassName(layout?: Layout): string;
-    }
-    const schema: Schema.Block<"_nd-projects", {
-        headline: Schema.Optional<Schema.RichTextField>;
-        caption: Schema.Optional<Schema.RichTextField>;
-        items: Schema.ListField<{
-            item: Schema.CollectionField<Schema.Collection<{
-                client: Schema.CollectionField<Schema.Collection<{
-                    division: Schema.Optional<Schema.TextField>;
-                    location: Schema.Optional<Schema.TextField>;
-                    logo: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
-                    badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
-                    badgeText: Schema.Optional<Schema.TextField>;
-                }>>;
-                headline: Schema.RichTextField;
-                visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
-                link: Schema.Optional<Schema.LinkField>;
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-projects", true, undefined, Schema.ListField<{
+        item: Schema.CollectionField<Schema.Collection<{
+            client: Schema.CollectionField<Schema.Collection<{
+                division: Schema.Optional<Schema.TextField>;
+                location: Schema.Optional<Schema.TextField>;
+                logo: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+                badgeText: Schema.Optional<Schema.TextField>;
             }>>;
-        }>;
-    }, {
-        layout: Schema.EnumField<Schema.EnumField.Options<"masonry">>;
-        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
-    }>;
-    type Props = HTMLBlockElement<'div'> & {
-        headlineTag?: Headline.Tag;
-        captionTag?: Caption.Tag;
-        projectProps?: Project.Props.Configuration;
-        projects: Model;
-    };
-    type Tag = HTMLElements.Standard.Container;
+            headline: Schema.RichTextField;
+            visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+            link: Schema.Optional<Schema.LinkField>;
+        }>>;
+    }>, Schema.Block.Config, Project.Props.Configuration>>, schema: Block.Create.Result.Schema<"_nd-projects", true, undefined, Schema.ListField<{
+        item: Schema.CollectionField<Schema.Collection<{
+            client: Schema.CollectionField<Schema.Collection<{
+                division: Schema.Optional<Schema.TextField>;
+                location: Schema.Optional<Schema.TextField>;
+                logo: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+                badgeText: Schema.Optional<Schema.TextField>;
+            }>>;
+            headline: Schema.RichTextField;
+            visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+            link: Schema.Optional<Schema.LinkField>;
+        }>>;
+    }>, Schema.Block.Config>;
     type Model = Schema.Block.LinkedData<typeof schema>;
-    type ItemModel = Model['fields']['items']['value'][number];
 }

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;
@@ -40,8 +40,9 @@ function Testimonial(_a) {
     const ctas = ctasRaw === null || ctasRaw === void 0 ? void 0 : ctasRaw.value;
     const { className: testimonialPanelClassname } = testimonialPanelProps, testimonialPanelPropsRest = __rest(testimonialPanelProps, ["className"]);
     const { className: visualPanelClassname } = visualPanelProps, visualPanelPropsRest = __rest(visualPanelProps
-    // panel layout
+    // FIXME: this is a hack to force the message panel to show (should always be rendered since quote is required)
     , ["className"]);
+    fields.headline = {};
     // panel layout
     const layout = panels_1.BlockPanel.getLayout({
         args: { fields, config },
@@ -54,10 +55,7 @@ function Testimonial(_a) {
             case 'message':
                 return ((0, jsx_runtime_1.jsx)(panels_1.TestimonialPanel, Object.assign({ className: (0, classnames_1.default)(className, testimonialPanelClassname, 'nd-Testimonial-message'), panel: panel, title: title, quote: quote, author: author, ctas: ctas }, testimonialPanelPropsRest)));
             case 'visual':
-                return visual
-                    ?
-                        (0, jsx_runtime_1.jsx)(panels_1.VisualPanel, Object.assign({ className: (0, classnames_1.default)(className, visualPanelClassname, 'nd-Testimonial-visual'), panel: panel, visual: visual, anchor: (_a = funnel_core_1.Schema.EnumField.Value.fromData(config.visualAnchor)) !== null && _a !== void 0 ? _a : 'center' }, visualPanelPropsRest))
-                    : undefined;
+                return ((0, jsx_runtime_1.jsx)(panels_1.VisualPanel, Object.assign({ className: (0, classnames_1.default)(className, visualPanelClassname, 'nd-Testimonial-visual'), panel: panel, visual: visual, anchor: (_a = funnel_core_1.Schema.EnumField.Value.fromData(config.visualAnchor)) !== null && _a !== void 0 ? _a : 'center' }, visualPanelPropsRest)));
             default:
                 return undefined;
         }
@@ -86,11 +84,16 @@ function Testimonial(_a) {
         version: 1,
         config: configSchema,
         fields: fieldsSchema,
-        getConfig: args => panels_1.BlockPanel.getConfig({
-            args,
-            messageKey: 'message',
-            visualKey: 'visual'
-        }),
+        getConfig: args => {
+            // FIXME: this is a hack to force the message panel configs (message panel should always exist)
+            ;
+            args.fields.headline = {};
+            return panels_1.BlockPanel.getConfig({
+                args,
+                messageKey: 'message',
+                visualKey: 'visual'
+            });
+        },
         getLayout: args => panels_1.BlockPanel.getLayout({
             args,
             messageKey: 'message',