@nascentdigital/funnel-ui 4.5.2 → 4.5.4

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

@@ -1,41 +1,41 @@
 import { Schema } from '@nascentdigital/funnel-core';
-import { HTMLBlockElement, HTMLElements } from '../../types';
-import { MessagePanel } from '../panels';
-export declare function Testimonials({ className, testimonials, messagePanelProps, testimonialsPanelProps, ...props }: Testimonials.Props): import("react/jsx-runtime").JSX.Element | null;
+import { ComponentProps } from 'react';
+import { TestimonialPanel } from '../panels';
+import { Block } from './Block';
+export declare function Testimonials(props: ComponentProps<typeof Testimonials.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Testimonials {
-    const schema: Schema.Block<"_nd-testimonials", {
-        title: Schema.Optional<Schema.TextField>;
-        headline: Schema.Optional<Schema.RichTextField>;
-        caption: Schema.Optional<Schema.RichTextField>;
-        ctas: Schema.Optional<Schema.ListField<{
-            cta: Schema.LinkField;
-        }>>;
-        testimonials: Schema.ListField<{
-            testimonial: Schema.ObjectField<{
-                quote: Schema.RichTextField;
-                author: Schema.CollectionField<Schema.Collection<{
-                    title: Schema.Optional<Schema.TextField>;
-                    company: Schema.Optional<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>;
-                    }>>>;
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-testimonials", true, undefined, Schema.ListField<{
+        testimonial: Schema.ObjectField<{
+            quote: Schema.RichTextField;
+            author: Schema.CollectionField<Schema.Collection<{
+                title: Schema.Optional<Schema.TextField>;
+                company: Schema.Optional<Schema.CollectionField<Schema.Collection<{
+                    division: Schema.Optional<Schema.TextField>;
                     location: Schema.Optional<Schema.TextField>;
-                    picture: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
-                }>>;
-            }>;
+                    logo: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                    badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+                    badgeText: Schema.Optional<Schema.TextField>;
+                }>>>;
+                location: Schema.Optional<Schema.TextField>;
+                picture: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+            }>>;
         }>;
-    }, Schema.Block.Config>;
-    type Props = HTMLBlockElement<'div'> & {
-        testimonials: Model;
-        messagePanelProps?: MessagePanel.Props.Configuration;
-        testimonialsPanelProps?: TestimonialsPanelProps;
-    };
-    type TestimonialsPanelProps = {
-        className?: string;
-        tag?: HTMLElements.Standard.Container;
-    };
+    }>, Schema.Block.Config, TestimonialPanel.Testimonial.Props.Configuration>>, schema: Block.Create.Result.Schema<"_nd-testimonials", true, undefined, Schema.ListField<{
+        testimonial: Schema.ObjectField<{
+            quote: Schema.RichTextField;
+            author: Schema.CollectionField<Schema.Collection<{
+                title: Schema.Optional<Schema.TextField>;
+                company: Schema.Optional<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>;
+                }>>>;
+                location: Schema.Optional<Schema.TextField>;
+                picture: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+            }>>;
+        }>;
+    }>, Schema.Block.Config>;
     type Model = Schema.Block.LinkedData<typeof schema>;
 }

package/dist/server/blocks/Testimonials.js

@@ -1,62 +1,18 @@
 "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.Testimonials = Testimonials;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
 const panels_1 = require("../panels");
 const Block_1 = require("./Block");
-// block
-function Testimonials(_a) {
-    var _b, _c, _d;
-    var { className, testimonials, messagePanelProps = {}, testimonialsPanelProps = {} } = _a, props = __rest(_a, ["className", "testimonials", "messagePanelProps", "testimonialsPanelProps"]);
-    // don't render if missing model
-    if (!testimonials) {
-        console.warn('[Testimonials] attempted to render without testimonials model');
-        return null;
-    }
-    // destructure props
-    const config = (_b = testimonials.config) !== null && _b !== void 0 ? _b : {};
-    const fields = (_c = testimonials.fields) !== null && _c !== void 0 ? _c : {};
-    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, ctas: ctasRaw, testimonials: testimonialsRaw } = 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 testimonialItems = (_d = testimonialsRaw === null || testimonialsRaw === void 0 ? void 0 : testimonialsRaw.value) !== null && _d !== void 0 ? _d : [];
-    const { className: messagePanelClassname } = messagePanelProps, messagePanelPropsRest = __rest(messagePanelProps, ["className"]);
-    const { className: testimonialsPanelClassname } = testimonialsPanelProps;
-    // panel layout
-    const layout = {};
-    const getPanel = ({ className, panel }) => {
-        var _a;
-        switch (panel.type) {
-            case 'message':
-                return ((0, jsx_runtime_1.jsx)(panels_1.MessagePanel, Object.assign({ className: (0, classnames_1.default)(className, messagePanelClassname, 'nd-Testimonials-message'), panel: panel, title: title, headline: headline, caption: caption, ctas: ctas }, messagePanelPropsRest)));
-            case 'list':
-                return ((0, jsx_runtime_1.jsx)(panels_1.ListPanel, { as: (_a = testimonialsPanelProps.tag) !== null && _a !== void 0 ? _a : 'ul', className: (0, classnames_1.default)(className, testimonialsPanelClassname, 'nd-Testimonials-list'), panel: panel, items: testimonialItems, layout: "horizontalStack", children: testimonial => (0, jsx_runtime_1.jsx)(panels_1.TestimonialPanel, { panel: {}, quote: testimonial.value.quote.value, author: testimonial.value.author.value }) }));
-        }
-    };
-    // render block
-    return ((0, jsx_runtime_1.jsx)(Block_1.Block, Object.assign({ className: (0, classnames_1.default)(className, 'nd-Testimonials'), layout: layout, renderPanel: getPanel }, props)));
+// component
+function Testimonials(props) {
+    return (0, jsx_runtime_1.jsx)(Testimonials.Component, Object.assign({}, props));
 }
 // extension
 (function (Testimonials) {
-    // schema
+    var _a;
+    // testimonial schema
     const testimonialSchema = funnel_core_1.Schema.Field.object({
         name: 'Testimonial',
         preview: {
@@ -67,24 +23,23 @@ function Testimonials(_a) {
             author: panels_1.TestimonialPanel.Fields.author
         }
     });
-    const fieldsSchema = {
-        title: panels_1.MessagePanel.Fields.title,
-        headline: panels_1.MessagePanel.Fields.headline,
-        caption: panels_1.MessagePanel.Fields.caption,
-        ctas: panels_1.MessagePanel.Fields.ctas,
-        testimonials: funnel_core_1.Schema.Field.list({
-            name: 'Testimonials',
-            min: 1,
-            max: 3,
-            itemTypes: {
-                testimonial: testimonialSchema
-            }
-        })
-    };
-    Testimonials.schema = funnel_core_1.Schema.Block.create({
+    // factory
+    _a = Block_1.Block.create({
         id: '_nd-testimonials',
         name: 'Testimonials',
         version: 1,
-        fields: fieldsSchema
-    });
+        className: 'nd-Testimonials',
+        message: true,
+        list: {
+            schema: funnel_core_1.Schema.Field.list({
+                name: 'Testimonials',
+                min: 1,
+                max: 3,
+                itemTypes: {
+                    testimonial: testimonialSchema
+                }
+            }),
+            itemRenderer: ({ value }, itemProps) => ((0, jsx_runtime_1.jsx)(panels_1.TestimonialPanel.Testimonial, Object.assign({ quote: value.quote.value, author: value.author.value }, itemProps)))
+        }
+    }), Testimonials.Component = _a.Component, Testimonials.schema = _a.schema;
 })(Testimonials || (exports.Testimonials = Testimonials = {}));

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

@@ -7,8 +7,10 @@ export * from './MediaLayout';
 export * from './Message';
 export * from './Outcome';
 export * from './Projects';
+export * from './RelatedPages';
 export * from './Stat';
 export * from './Stats';
 export * from './Testimonial';
+export * from './Testimonials';
 export * from './ValueProp';
 export * from './summary';

package/dist/server/blocks/index.js

@@ -23,8 +23,10 @@ __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);
+__exportStar(require("./Testimonials"), exports);
 __exportStar(require("./ValueProp"), exports);
 __exportStar(require("./summary"), 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/CallToActions.d.ts

@@ -0,0 +1,12 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export declare function CallToActions({ className, ctas }: CallToActions.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace CallToActions {
+    const schema: Schema.ListField<{
+        cta: Schema.LinkField;
+    }>;
+    type Props = {
+        className?: string;
+        ctas: Value;
+    };
+    type Value = Schema.Field.LinkedValue.ForOptionalType<typeof schema>;
+}

package/dist/server/fields/CallToActions.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CallToActions = CallToActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const Link_1 = require("./Link");
+// component
+function CallToActions({ className, ctas }) {
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, 'nd-CallToActions'), children: ctas.map(cta => (0, jsx_runtime_1.jsx)(Link_1.Link, { link: cta.value }, cta.id)) }));
+}
+// extension
+(function (CallToActions) {
+    // schema
+    const cta = funnel_core_1.Schema.Field.link({ name: 'Call to Action' });
+    CallToActions.schema = 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 },
+        min: 1,
+        max: 2
+    });
+})(CallToActions || (exports.CallToActions = CallToActions = {}));

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/fields/index.d.ts

@@ -1,3 +1,4 @@
+export * from './CallToActions';
 export * from './Caption';
 export * from './Description';
 export * from './FreeFormContent';

package/dist/server/fields/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CallToActions"), exports);
 __exportStar(require("./Caption"), exports);
 __exportStar(require("./Description"), exports);
 __exportStar(require("./FreeFormContent"), exports);

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);