@nascentdigital/funnel-ui 4.4.18

package/dist/server/schema/BlockConfig.js

@@ -0,0 +1,192 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockConfig = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+// namespace
+var BlockConfig;
+(function (BlockConfig) {
+    // config: theme
+    let Theme;
+    (function (Theme) {
+        // schema
+        Theme.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Theme',
+            hint: 'Pick a theme',
+            description: 'Set the theme being applied to the block.',
+            options: funnel_core_1.BlockThemes.current(),
+            defaultOption: 'default'
+        });
+        // helpers
+        function getClassName(theme) {
+            return funnel_core_1.BlockThemes.getClassName(theme !== null && theme !== void 0 ? theme : 'default');
+        }
+        Theme.getClassName = getClassName;
+    })(Theme = BlockConfig.Theme || (BlockConfig.Theme = {}));
+    let VisualLayout;
+    (function (VisualLayout) {
+        let Horizontal;
+        (function (Horizontal) {
+            Horizontal.Enum = {
+                left: { name: 'Left', hint: 'Places image on left side of the block.' },
+                right: { name: 'Right', hint: 'Places image on right side of the block.' },
+            };
+            Horizontal.schema = funnel_core_1.Schema.Field.enumeration({
+                name: 'Visual Placement',
+                semantics: 'segmented',
+                hint: 'Set position',
+                description: 'Control the positioning of the visual relative to the text.',
+                options: Horizontal.Enum,
+                defaultOption: 'left'
+            });
+        })(Horizontal = VisualLayout.Horizontal || (VisualLayout.Horizontal = {}));
+        let Vertical;
+        (function (Vertical) {
+            Vertical.Enum = {
+                top: { name: 'Top', hint: 'Places image at the top of the block.' },
+                bottom: { name: 'Bottom', hint: 'Places image at the bottom of the block.' },
+            };
+            // schema
+            Vertical.schema = funnel_core_1.Schema.Field.enumeration({
+                name: 'Visual Placement',
+                hint: 'Set position',
+                description: 'Control the positioning of the visual relative to the text.',
+                options: Vertical.Enum,
+                defaultOption: 'top'
+            });
+        })(Vertical = VisualLayout.Vertical || (VisualLayout.Vertical = {}));
+        // enum
+        VisualLayout.Enum = Object.assign(Object.assign(Object.assign({}, Horizontal.Enum), Vertical.Enum), { bg: { name: 'Background', hint: 'Places image as a background of the block (behind everything else).' } });
+        // schema
+        VisualLayout.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Visual Placement',
+            hint: 'Set position',
+            description: 'Control the positioning of the visual relative to the text.',
+            options: VisualLayout.Enum,
+            defaultOption: 'left'
+        });
+        // helpers
+        function getClassName(layout) {
+            switch (layout) {
+                case 'left':
+                    return 'nd-Block-visual-left nd-Block-visual-x';
+                case 'right':
+                    return 'nd-Block-visual-right nd-Block-visual-x';
+                case 'top':
+                    return 'nd-Block-visual-top nd-Block-visual-y';
+                case 'bottom':
+                    return 'nd-Block-visual-btm nd-Block-visual-y';
+                case 'bg':
+                    return 'nd-Block-visual-bg';
+                default:
+                    console.warn('[Block] unrecognized visual layout:', layout);
+                    return 'nd-Block-visual-left nd-Block-visual-x';
+            }
+        }
+        VisualLayout.getClassName = getClassName;
+    })(VisualLayout = BlockConfig.VisualLayout || (BlockConfig.VisualLayout = {}));
+    let CopyLayout;
+    (function (CopyLayout) {
+        // enum
+        CopyLayout.Enum = {
+            center: { name: 'Center', hint: 'Copy is centered and center-aligned in the block.' },
+            left: { name: 'Left', hint: 'Copy is left-aligned and placed to the middle-left side of the block.' },
+            'left-top': { name: 'Top Left', hint: 'Copy is left-aligned and placed to the upper-left corner of the block.' },
+            'left-btm': { name: 'Bottom Left', hint: 'Copy is left-aligned and placed to the bottom-left corner of the block.' },
+            right: { name: 'Right', hint: 'Copy is right-aligned and placed to the middle-right side of the block.' },
+            'right-top': { name: 'Top Right', hint: 'Copy is right-aligned and placed to the upper-right corner of the block.' },
+            'right-btm': { name: 'Bottom Right', hint: 'Copy is right-aligned and placed to the bottom-right corner of the block.' },
+            top: { name: 'Top', hint: 'Copy is centered and placed in the top-center of the block.' },
+            bottom: { name: 'Bottom', hint: 'Copy is centered and placed in the bottom-center of the block.' }
+        };
+        // schema
+        CopyLayout.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Copy Placement',
+            hint: 'Set position',
+            description: 'Control the positioning of the visual relative to the text.',
+            options: CopyLayout.Enum,
+            defaultOption: 'center'
+        });
+        // helpers
+        function getClassName(layout) {
+            switch (layout) {
+                case 'left':
+                    return 'nd-Block-copy-left';
+                case 'left-top':
+                    return 'nd-Block-copy-left-top';
+                case 'left-btm':
+                    return 'nd-Block-copy-left-btm';
+                case 'right':
+                    return 'nd-Block-copy-right';
+                case 'right-top':
+                    return 'nd-Block-copy-right-top';
+                case 'right-btm':
+                    return 'nd-Block-copy-right-btm';
+                case 'top':
+                    return 'nd-Block-copy-top';
+                case 'bottom':
+                    return 'nd-Block-copy-btm';
+                case 'center':
+                    return 'nd-Block-copy-center';
+                default:
+                    console.warn('[Block] unrecognized copy layout:', layout);
+                    return 'nd-Block-copy-center';
+            }
+        }
+        CopyLayout.getClassName = getClassName;
+    })(CopyLayout = BlockConfig.CopyLayout || (BlockConfig.CopyLayout = {}));
+    // config: fullbleed
+    let Fullbleed;
+    (function (Fullbleed) {
+        // schema
+        Fullbleed.schema = funnel_core_1.Schema.Field.boolean({
+            name: 'Full Bleed',
+            hint: 'Enable fullbleed visuals',
+            description: 'Images/video extend to edge of browser when enabled.',
+            defaultValue: false
+        });
+        // helpers
+        function getClassName(fullbleed) {
+            return fullbleed === true
+                ? 'nd-Block-fullbleed'
+                : undefined;
+        }
+        Fullbleed.getClassName = getClassName;
+    })(Fullbleed = BlockConfig.Fullbleed || (BlockConfig.Fullbleed = {}));
+    // presets
+    let Presets;
+    (function (Presets) {
+        let ThemeOnly;
+        (function (ThemeOnly) {
+            // schema
+            ThemeOnly.schema = {
+                theme: Theme.schema
+            };
+            // helpers
+            function getClassName(config) {
+                const { theme } = config !== null && config !== void 0 ? config : {};
+                return (0, classnames_1.default)('nd-Block', Theme.getClassName(theme === null || theme === void 0 ? void 0 : theme.value));
+            }
+            ThemeOnly.getClassName = getClassName;
+        })(ThemeOnly = Presets.ThemeOnly || (Presets.ThemeOnly = {}));
+        let VisualAndCopy;
+        (function (VisualAndCopy) {
+            // schema
+            VisualAndCopy.schema = {
+                theme: Theme.schema,
+                visualLayout: VisualLayout.schema,
+                copyLayout: CopyLayout.schema,
+                fullbleed: Fullbleed.schema
+            };
+            // helpers
+            function getClassName(config) {
+                const { theme, visualLayout, copyLayout, fullbleed } = config !== null && config !== void 0 ? config : {};
+                return (0, classnames_1.default)('nd-Block', Theme.getClassName(theme === null || theme === void 0 ? void 0 : theme.value), VisualLayout.getClassName(visualLayout === null || visualLayout === void 0 ? void 0 : visualLayout.value), CopyLayout.getClassName(copyLayout === null || copyLayout === void 0 ? void 0 : copyLayout.value), Fullbleed.getClassName(fullbleed === null || fullbleed === void 0 ? void 0 : fullbleed.value));
+            }
+            VisualAndCopy.getClassName = getClassName;
+        })(VisualAndCopy = Presets.VisualAndCopy || (Presets.VisualAndCopy = {}));
+    })(Presets = BlockConfig.Presets || (BlockConfig.Presets = {}));
+})(BlockConfig || (exports.BlockConfig = BlockConfig = {}));

package/dist/server/schema/CollectionSchema.d.ts

@@ -0,0 +1,4 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export declare namespace CollectionSchema {
+    const dependencies: ReadonlyArray<Schema.Collection>;
+}

package/dist/server/schema/CollectionSchema.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionSchema = void 0;
+const entities_1 = require("../entities");
+// namespace
+var CollectionSchema;
+(function (CollectionSchema) {
+    // all
+    CollectionSchema.dependencies = [
+        entities_1.Client.schema,
+        entities_1.Person.schema,
+        entities_1.Project.schema,
+        entities_1.UniqueSellingPoint.schema
+    ];
+})(CollectionSchema || (exports.CollectionSchema = CollectionSchema = {}));

package/dist/server/schema/ItemAlignment.d.ts

@@ -0,0 +1,12 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export type ItemAlignment = 'start' | 'center' | 'end';
+export declare namespace ItemAlignment {
+    namespace Horizontal {
+        const options: Schema.EnumField.Options<ItemAlignment>;
+        const schema: Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>;
+    }
+    namespace Vertical {
+        const options: Schema.EnumField.Options<ItemAlignment>;
+        const schema: Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>;
+    }
+}

package/dist/server/schema/ItemAlignment.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemAlignment = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extension
+var ItemAlignment;
+(function (ItemAlignment) {
+    // horizontal
+    let Horizontal;
+    (function (Horizontal) {
+        Horizontal.options = {
+            start: { name: 'Left', hint: 'Placed to the left.' },
+            center: { name: 'Center', hint: 'Placed in the center.' },
+            end: { name: 'Right', hint: 'Placed to the right.' }
+        };
+        Horizontal.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Horizontal Position',
+            semantics: 'segmented',
+            hint: 'Horizontal position',
+            description: 'Control the horizontal position of this item.',
+            options: Horizontal.options,
+            defaultOption: 'start'
+        });
+    })(Horizontal = ItemAlignment.Horizontal || (ItemAlignment.Horizontal = {}));
+    // horizontal
+    let Vertical;
+    (function (Vertical) {
+        Vertical.options = {
+            start: { name: 'Top', hint: 'Placed to the top.' },
+            center: { name: 'Center', hint: 'Placed in the center.' },
+            end: { name: 'Bottom', hint: 'Placed to the bottom.' }
+        };
+        Vertical.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Vertical Position',
+            semantics: 'segmented',
+            hint: 'Vertical position',
+            description: 'Control the vertical position of this item.',
+            options: Vertical.options,
+            defaultOption: 'start'
+        });
+    })(Vertical = ItemAlignment.Vertical || (ItemAlignment.Vertical = {}));
+})(ItemAlignment || (exports.ItemAlignment = ItemAlignment = {}));

package/dist/server/schema/ItemPosition.d.ts

@@ -0,0 +1,6 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export type ItemPosition = 'top' | 'bottom' | 'left' | 'center' | 'right' | 'stacked';
+export declare namespace ItemPosition {
+    const options: Schema.EnumField.Options<ItemPosition>;
+    const schema: Schema.EnumField<Schema.EnumField.Options<ItemPosition>>;
+}

package/dist/server/schema/ItemPosition.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemPosition = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extension
+var ItemPosition;
+(function (ItemPosition) {
+    // schema
+    ItemPosition.options = {
+        top: { name: 'Top', hint: 'Aligns the item to the top..' },
+        bottom: { name: 'Bottom', hint: 'Aligns the item to the bottom.' },
+        left: { name: 'Left', hint: 'Aligns the item to the left.' },
+        right: { name: 'Right', hint: 'Aligns the item to the right.' },
+        center: { name: 'Center', hint: 'Aligns the item to the center.' },
+        stacked: { name: 'Stacked', hint: 'Aligns the item as an overlay/background.' }
+    };
+    ItemPosition.schema = funnel_core_1.Schema.Field.enumeration({
+        name: 'Position',
+        semantics: 'dropdown',
+        hint: 'Set position',
+        description: 'Control the position of an item.',
+        options: ItemPosition.options,
+        defaultOption: 'left'
+    });
+})(ItemPosition || (exports.ItemPosition = ItemPosition = {}));

package/dist/server/schema/ItemSize.d.ts

@@ -0,0 +1,6 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export type ItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'full';
+export declare namespace ItemSize {
+    const options: Schema.EnumField.Options<ItemSize>;
+    const schema: Schema.EnumField<Schema.EnumField.Options<ItemSize>>;
+}

package/dist/server/schema/ItemSize.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemSize = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extension
+var ItemSize;
+(function (ItemSize) {
+    // schema
+    ItemSize.options = {
+        xs: { name: 'Extra-Small', hint: 'Extra small' },
+        sm: { name: 'Small', hint: 'Small' },
+        md: { name: 'Medium', hint: 'Medium' },
+        lg: { name: 'Large', hint: 'Large' },
+        full: { name: 'Full', hint: 'Full' }
+    };
+    ItemSize.schema = funnel_core_1.Schema.Field.enumeration({
+        name: 'Size',
+        semantics: 'dropdown',
+        hint: 'Select size',
+        description: 'Determines the size of this item.',
+        options: ItemSize.options,
+        defaultOption: 'md'
+    });
+})(ItemSize || (exports.ItemSize = ItemSize = {}));

package/dist/server/schema/TextAlignment.d.ts

@@ -0,0 +1,6 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export type TextAlignment = 'left' | 'center' | 'right';
+export declare namespace TextAlignment {
+    const options: Schema.EnumField.Options<TextAlignment>;
+    const schema: Schema.EnumField<Schema.EnumField.Options<TextAlignment>>;
+}

package/dist/server/schema/TextAlignment.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAlignment = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extension
+var TextAlignment;
+(function (TextAlignment) {
+    // schema
+    TextAlignment.options = {
+        left: { name: 'Left', hint: 'Aligns text to the left.' },
+        center: { name: 'Center', hint: 'Aligns text to the center.' },
+        right: { name: 'Right', hint: 'Aligns text to the right.' }
+    };
+    TextAlignment.schema = funnel_core_1.Schema.Field.enumeration({
+        name: 'Text Alignment',
+        semantics: 'segmented',
+        hint: 'Set position',
+        description: 'Control the alignment of text.',
+        options: TextAlignment.options,
+        defaultOption: 'left'
+    });
+})(TextAlignment || (exports.TextAlignment = TextAlignment = {}));

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

@@ -0,0 +1,8 @@
+export * from './Anchor';
+export * from './AspectRatio';
+export * from './BlockConfig';
+export * from './CollectionSchema';
+export * from './ItemAlignment';
+export * from './ItemPosition';
+export * from './ItemSize';
+export * from './TextAlignment';

package/dist/server/schema/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./Anchor"), exports);
+__exportStar(require("./AspectRatio"), exports);
+__exportStar(require("./BlockConfig"), exports);
+__exportStar(require("./CollectionSchema"), exports);
+__exportStar(require("./ItemAlignment"), exports);
+__exportStar(require("./ItemPosition"), exports);
+__exportStar(require("./ItemSize"), exports);
+__exportStar(require("./TextAlignment"), exports);

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

@@ -0,0 +1 @@
+export * from './renderSection';

package/dist/server/sections/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./renderSection"), exports);

package/dist/server/sections/renderSection.d.ts

@@ -0,0 +1,6 @@
+import { Schema, Transform } from '@nascentdigital/funnel-core';
+import { ReactNode } from 'react';
+/**
+ * Render blocks in a section
+ */
+export declare function renderSection<TSection extends Schema.Section>(section: Schema.Section.LinkedData<TSection>, transform: Transform<Schema.Section.LinkedData.ForBlock<TSection>, ReactNode>): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];

package/dist/server/sections/renderSection.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSection = renderSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Render blocks in a section
+ */
+function renderSection(section, transform) {
+    // bail if no section data
+    if (!section) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "No blocks created yet" });
+    }
+    // render blocks
+    return section.blocks.map(block => {
+        var _a;
+        return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (_a = transform(block)) !== null && _a !== void 0 ? _a : (0, jsx_runtime_1.jsxs)("div", { children: ["No support for ", (0, jsx_runtime_1.jsx)("b", { children: block.id }), " blocks yet!"] }) }, block.section.id);
+    });
+}