@nascentdigital/funnel-ui 4.5.0 → 4.5.2

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

@@ -14,10 +14,10 @@ export declare namespace Block {
         className?: string;
         panel: BlockLayout.Panel;
     };
-    function create<TMessage extends boolean | undefined = undefined, TVisual extends boolean | undefined = undefined, TList extends Schema.ListField | undefined = undefined, TExtend extends Schema.Block.Config = Schema.Block.Config>(args: Create.Args<TMessage, TVisual, TList, TExtend>): Create.Result<TMessage, TVisual, TList, TExtend>;
+    function create<TBlockId extends string, TMessage extends boolean | undefined = undefined, TVisual extends boolean | undefined = undefined, TList extends Schema.ListField | undefined = undefined, TExtend extends Schema.Block.Config = Schema.Block.Config, TItemProps = any>(args: Create.Args<TBlockId, TMessage, TVisual, TList, TExtend, TItemProps>): Create.Result<TBlockId, TMessage, TVisual, TList, TExtend, TItemProps>;
     namespace Create {
-        type Args<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config> = {
-            id: string;
+        type Args<TBlockId extends string, TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config, TItemProps> = {
+            id: TBlockId;
             name: string;
             version: number;
             className?: string;
@@ -25,30 +25,30 @@ export declare namespace Block {
             visual?: TVisual;
             list?: {
                 schema: TList;
-                itemRenderer: TList extends Schema.ListField<infer TContent> ? (item: Schema.ListField.LinkedValue.ForItem<TContent>, itemProps: any) => ReactNode : never;
+                itemRenderer: TList extends Schema.ListField<infer TContent> ? (item: Schema.ListField.LinkedValue.ForItem<TContent>, itemProps: TItemProps) => ReactNode : never;
             };
             extendConfigSchema?: TExtend;
         };
-        type Result<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config> = {
-            Component: FunctionComponent<Result.Component<TMessage, TVisual, TList, TExtend>>;
-            schema: Result.Schema<TMessage, TVisual, TList, TExtend>;
+        type Result<TBlockId extends string, TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config, TItemProps> = {
+            Component: FunctionComponent<Result.Component<TBlockId, TMessage, TVisual, TList, TExtend, TItemProps>>;
+            schema: Result.Schema<TBlockId, TMessage, TVisual, TList, TExtend>;
         };
         namespace Result {
             type FieldsSchema<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined> = ((TMessage extends true ? typeof MessagePanel.Fields.all : {}) & (TVisual extends true ? typeof VisualPanel.Fields.all : {}) & (TList extends Schema.ListField ? {
                 list: TList;
             } : {}));
             type ConfigSchema<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config, TFields extends FieldsSchema<TMessage, TVisual, TList> = FieldsSchema<TMessage, TVisual, TList>> = BlockPanel.GetConfigSchema.Result<TFields, TMessage extends true ? 'message' : undefined, TVisual extends true ? 'visual' extends Schema.Fields.AssetFields.Keys<TFields> ? 'visual' : undefined : undefined, TList extends Schema.ListField ? 'list' extends Schema.Fields.ListFields.Keys<TFields> ? 'list' : undefined : undefined, TExtend>;
-            type Schema<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config> = Schema.Block<string, FieldsSchema<TMessage, TVisual, TList>, ConfigSchema<TMessage, TVisual, TList, TExtend>>;
-            type Component<TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config> = {
+            type Schema<TBlockId extends string, TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config> = Schema.Block<TBlockId, FieldsSchema<TMessage, TVisual, TList>, ConfigSchema<TMessage, TVisual, TList, TExtend>>;
+            type Component<TBlockId extends string, TMessage extends boolean | undefined, TVisual extends boolean | undefined, TList extends Schema.ListField | undefined, TExtend extends Schema.Block.Config, TItemProps> = {
                 className?: string;
-                model: Schema.Block.LinkedData<Schema<TMessage, TVisual, TList, TExtend>>;
+                model: Schema.Block.LinkedData<Schema<TBlockId, TMessage, TVisual, TList, TExtend>>;
             } & ((TMessage extends true ? {
                 messagePanelProps?: MessagePanel.Props.Configuration;
             } : {}) & (TVisual extends true ? {
                 visualPanelProps?: VisualPanel.Props.Configuration;
             } : {}) & (TList extends Schema.ListField ? {
                 listPanelProps?: ListPanel.Props.Configuration & {
-                    itemProps: any;
+                    itemProps: TItemProps;
                 };
             } : {}));
         }

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

@@ -1,9 +1,10 @@
 import { Schema } from '@nascentdigital/funnel-core';
 import { ComponentProps } from 'react';
+import { Client } from '../entities';
 import { Block } from './Block';
 export declare function Clients(props: ComponentProps<typeof Clients.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Clients {
-    const Component: import("react").FunctionComponent<Block.Create.Result.Component<true, undefined, Schema.ListField<{
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-clients", true, undefined, Schema.ListField<{
         item: Schema.CollectionField<Schema.Collection<{
             division: Schema.Optional<Schema.TextField>;
             location: Schema.Optional<Schema.TextField>;
@@ -11,7 +12,7 @@ export declare namespace Clients {
             badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
             badgeText: Schema.Optional<Schema.TextField>;
         }>>;
-    }>, Schema.Block.Config>>, schema: Block.Create.Result.Schema<true, undefined, Schema.ListField<{
+    }>, Schema.Block.Config, Client.Props.Configuration>>, schema: Block.Create.Result.Schema<"_nd-clients", true, undefined, Schema.ListField<{
         item: Schema.CollectionField<Schema.Collection<{
             division: Schema.Optional<Schema.TextField>;
             location: Schema.Optional<Schema.TextField>;

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

@@ -1,314 +1,18 @@
 import { Schema } from '@nascentdigital/funnel-core';
-import { HTMLAttributes, JSXElementConstructor } from 'react';
+import { ComponentProps, JSXElementConstructor } from 'react';
 import { EmbeddedVideo } from '../../client/refs';
-import { HTMLElements } from '../../types';
-import { BlockPanel } from '../panels';
-export declare function MediaLayout<T extends MediaLayout.Tag>({ className, as, EmbeddedVideoElement, layout, ...props }: MediaLayout.Props<T>): import("react").DetailedReactHTMLElement<{
-    prefix?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    color?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    slot?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    className: string;
-}, HTMLElement> | null;
+import { Block } from './Block';
+export declare function MediaLayout({ EmbeddedVideoElement, listPanelProps, ...props }: MediaLayout.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace MediaLayout {
-    type Layout = 'poster' | '1col' | '2col' | 'brick' | 'brickAlt';
-    namespace Layout {
-        const Enum: Schema.EnumField.Options<Layout>;
-        const schema: Schema.EnumField<Schema.EnumField.Options<Layout>>;
-        function getClassName(layout?: Layout): string;
-    }
-    const schema: Schema.Block<"_nd-mediaLayout", {
-        list: Schema.ListField<{
-            visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
-            embedded: Schema.EmbeddedVideoField;
-        }>;
-    }, BlockPanel.GetConfigSchema.Result<{
-        list: Schema.ListField<{
-            visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
-            embedded: Schema.EmbeddedVideoField;
-        }>;
-    }, undefined, undefined, "list", {
-        mediaLayout: Schema.EnumField<Schema.EnumField.Options<Layout>>;
-    }>>;
-    type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
-        as: T;
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-mediaLayout", true, undefined, Schema.ListField<{
+        visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+        embedded: Schema.EmbeddedVideoField;
+    }>, Schema.Block.Config, any>>, schema: Block.Create.Result.Schema<"_nd-mediaLayout", true, undefined, Schema.ListField<{
+        visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+        embedded: Schema.EmbeddedVideoField;
+    }>, Schema.Block.Config>;
+    type Props = ComponentProps<typeof Component> & {
         EmbeddedVideoElement?: JSXElementConstructor<EmbeddedVideo.Props>;
-        layout: Model;
     };
-    type Tag = Exclude<HTMLElements.Standard.Container, 'ul' | 'ol' | 'li'>;
     type Model = Schema.Block.LinkedData<typeof schema>;
 }

package/dist/server/blocks/MediaLayout.js

@@ -10,115 +10,50 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaLayout = MediaLayout;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
 const refs_1 = require("../../client/refs");
 const fields_1 = require("../fields");
 const panels_1 = require("../panels");
-const schema_1 = require("../schema");
+const Block_1 = require("./Block");
 // block
 function MediaLayout(_a) {
-    var _b, _c;
-    var { className, as, EmbeddedVideoElement = refs_1.EmbeddedVideo, layout } = _a, props = __rest(_a, ["className", "as", "EmbeddedVideoElement", "layout"]);
-    // dont render if missing model
-    const { config, fields } = layout !== null && layout !== void 0 ? layout : {};
-    const items = (_c = (_b = fields === null || fields === void 0 ? void 0 : fields.list) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : [];
-    if (!layout) {
-        console.warn('[MediaLayout] attempted to render without items model');
-        return null;
-    }
+    var { EmbeddedVideoElement = refs_1.EmbeddedVideo, listPanelProps } = _a, props = __rest(_a, ["EmbeddedVideoElement", "listPanelProps"]);
     // render
-    return (0, react_1.createElement)(as, Object.assign({ className: (0, classnames_1.default)(className, 'nd-MediaLayout nd-Block-fullbleed', 
-        // MediaLayout.Layout.getClassName(config?.layout?.value),
-        schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props), (0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-content", children: items.map(({ schema, id, value: item }) => (0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-itemWrap", children: funnel_core_1.Schema.EmbeddedVideoField.Value.filter(item)
-                ?
-                    (0, jsx_runtime_1.jsx)(EmbeddedVideoElement, { className: "nd-MediaLayout-item", video: item })
-                :
-                    (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-MediaLayout-item", visual: item }) }, id)) }));
+    return ((0, jsx_runtime_1.jsx)(MediaLayout.Component, Object.assign({ listPanelProps: Object.assign(Object.assign({}, listPanelProps), { itemProps: { EmbeddedVideoElement } }) }, props)));
 }
 // extension
 (function (MediaLayout) {
-    let Layout;
-    (function (Layout) {
-        // enum
-        Layout.Enum = {
-            poster: { name: 'Poster', hint: 'A large/prominent presentation.' },
-            '1col': { name: '1 Column', hint: 'All visuals are put into a single column.' },
-            '2col': { name: '2 Column', hint: 'Split into 2 columns on larger screens.' },
-            brick: { name: 'Brick', hint: 'A masonry pattern.' },
-            brickAlt: { name: 'Brick (Flipped)', hint: 'An alternate masonary pattern (reversed direction).' }
-        };
-        // schema
-        Layout.schema = funnel_core_1.Schema.Field.enumeration({
-            name: 'Layout',
-            hint: 'Select a media layout',
-            description: 'Determine how your assets will be presented.',
-            options: Layout.Enum,
-            defaultOption: '1col'
-        });
-        // helpers
-        function getClassName(layout) {
-            switch (layout) {
-                case 'poster':
-                    return 'nd-MediaLayout-layout-poster';
-                case '1col':
-                    return 'nd-MediaLayout-layout-1col';
-                case '2col':
-                    return 'nd-MediaLayout-layout-2col';
-                case 'brick':
-                    return 'nd-MediaLayout-layout-brick';
-                case 'brickAlt':
-                    return 'nd-MediaLayout-layout-brickAlt';
-                default:
-                    console.warn('[MediaLayout] unrecognized layout:', layout);
-                    return 'nd-MediaLayout-layout-poster';
-            }
-        }
-        Layout.getClassName = getClassName;
-    })(Layout = MediaLayout.Layout || (MediaLayout.Layout = {}));
-    const fieldsSchema = {
-        list: funnel_core_1.Schema.Field.list({
-            name: 'Assets',
-            description: 'Add one or more assets and then configure the layout.',
-            itemTypes: {
-                visual: panels_1.VisualPanel.Fields.visual.unwrap(),
-                embedded: funnel_core_1.Schema.Field.embeddedVideo({
-                    name: 'Embedded Video',
-                    description: 'A remote streaming video (e.g. YouTube)',
-                    allowMuting: true
-                })
-            },
-            min: 1,
-            max: 20
-        })
-    };
-    const configSchema = panels_1.BlockPanel.getConfigSchema({
-        fields: fieldsSchema,
-        listKey: 'list',
-        extend: {
-            mediaLayout: Layout.schema
-        }
-    });
-    MediaLayout.schema = funnel_core_1.Schema.Block.create({
+    var _a;
+    // factory
+    _a = Block_1.Block.create({
         id: '_nd-mediaLayout',
         name: 'MediaLayout',
         version: 1,
-        config: configSchema,
-        fields: fieldsSchema,
-        getConfig: args => panels_1.BlockPanel.getConfig({
-            args,
-            listKey: 'list'
-        }),
-        getLayout: args => panels_1.BlockPanel.getLayout({
-            args,
-            listKey: 'list'
-        })
-    });
+        className: 'nd-MediaLayout',
+        message: true,
+        list: {
+            schema: funnel_core_1.Schema.Field.list({
+                name: 'Assets',
+                description: 'Add one or more assets and then configure the layout.',
+                itemTypes: {
+                    visual: panels_1.VisualPanel.Fields.visual.unwrap(),
+                    embedded: funnel_core_1.Schema.Field.embeddedVideo({
+                        name: 'Embedded Video',
+                        description: 'A remote streaming video (e.g. YouTube)',
+                        allowMuting: true
+                    })
+                },
+                min: 1,
+                max: 20
+            }),
+            itemRenderer: (item, { EmbeddedVideoElement }) => ((0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-itemWrap", children: funnel_core_1.Schema.EmbeddedVideoField.Value.filter(item.value)
+                    ?
+                        (0, jsx_runtime_1.jsx)(EmbeddedVideoElement, { className: "nd-MediaLayout-item", video: item.value })
+                    :
+                        (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-MediaLayout-item", visual: item.value }) }))
+        }
+    }), MediaLayout.Component = _a.Component, MediaLayout.schema = _a.schema;
 })(MediaLayout || (exports.MediaLayout = MediaLayout = {}));

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

@@ -9,9 +9,9 @@ export declare namespace Message {
         const schema: Schema.EnumField<Schema.EnumField.Options<Variant>>;
         function getClassName(variant?: Variant): string;
     }
-    const Component: import("react").FunctionComponent<Block.Create.Result.Component<true, true, undefined, {
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-message", true, true, undefined, {
         variant: Schema.EnumField<Schema.EnumField.Options<Variant>>;
-    }>>, schema: Block.Create.Result.Schema<true, true, undefined, {
+    }, any>>, schema: Block.Create.Result.Schema<"_nd-message", true, true, undefined, {
         variant: Schema.EnumField<Schema.EnumField.Options<Variant>>;
     }>;
     type Model = Schema.Block.LinkedData<typeof schema>;

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

@@ -1,9 +1,10 @@
 import { Schema } from '@nascentdigital/funnel-core';
 import { ComponentProps } from 'react';
 import { Block } from './Block';
+import { OutcomeDetail } from './OutcomeDetail';
 export declare function Outcome(props: ComponentProps<typeof Outcome.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Outcome {
-    const Component: import("react").FunctionComponent<Block.Create.Result.Component<true, true, Schema.ListField<{
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-outcome", true, true, Schema.ListField<{
         detail: Schema.ObjectField<{
             title: Schema.Optional<Schema.TextField>;
             headline: Schema.RichTextField;
@@ -11,7 +12,7 @@ export declare namespace Outcome {
             icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
             link: Schema.Optional<Schema.LinkField>;
         }>;
-    }>, Schema.Block.Config>>, schema: Block.Create.Result.Schema<true, true, Schema.ListField<{
+    }>, Schema.Block.Config, OutcomeDetail.Props.Configuration>>, schema: Block.Create.Result.Schema<"_nd-outcome", true, true, Schema.ListField<{
         detail: Schema.ObjectField<{
             title: Schema.Optional<Schema.TextField>;
             headline: Schema.RichTextField;

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

@@ -291,8 +291,6 @@ export declare namespace OutcomeDetail {
         icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
         link: Schema.Optional<Schema.LinkField>;
     }>;
-    type Model = Schema.Field.LinkedData<typeof schema>;
-    type Tag = HTMLElements.Standard.Container;
     type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
         as: T;
         titleTag?: Title.Tag;
@@ -300,4 +298,9 @@ export declare namespace OutcomeDetail {
         captionTag?: Caption.Tag;
         detail: Model;
     };
+    namespace Props {
+        type Configuration = Pick<Partial<Props<Tag>>, 'as' | 'titleTag' | 'headlineTag' | 'captionTag'>;
+    }
+    type Model = Schema.Field.LinkedData<typeof schema>;
+    type Tag = HTMLElements.Standard.Container;
 }