@nascentdigital/funnel-editor 4.6.1 → 5.0.1

package/dist/EditorApp.js

@@ -36,5 +36,5 @@ function EditorApp({ fonts }) {
         return null;
     }
     // render
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('Editor-wrap', ...fonts), children: (0, jsx_runtime_1.jsx)(core_1.AppStateContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SettingsContainer, { children: (0, jsx_runtime_1.jsx)(react_hotkeys_hook_1.HotkeysProvider, { children: (0, jsx_runtime_1.jsx)(core_1.EditorApiContainer, { children: (0, jsx_runtime_1.jsx)(core_1.AuthContainer, { children: (0, jsx_runtime_1.jsx)(client_1.BreakpointContainer, { breakpoints: { xs: 0, sm: 480, md: 768, lg: 980, xl: 1200 }, children: (0, jsx_runtime_1.jsx)(core_1.DialogContainer, { children: (0, jsx_runtime_1.jsx)(core_1.CenterSheetContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SplashContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SiteConfigContainer, { children: (0, jsx_runtime_1.jsx)(EditorRoutes_1.EditorRoutes, {}) }) }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('Editor-wrap', ...fonts), children: (0, jsx_runtime_1.jsx)(core_1.AppStateContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SettingsContainer, { children: (0, jsx_runtime_1.jsx)(react_hotkeys_hook_1.HotkeysProvider, { children: (0, jsx_runtime_1.jsx)(core_1.EditorApiContainer, { children: (0, jsx_runtime_1.jsx)(core_1.AssetRepositoryContainer, { children: (0, jsx_runtime_1.jsx)(core_1.CollectionRepositoryContainer, { children: (0, jsx_runtime_1.jsx)(core_1.PageRepositoryContainer, { children: (0, jsx_runtime_1.jsx)(core_1.AuthContainer, { children: (0, jsx_runtime_1.jsx)(client_1.BreakpointContainer, { breakpoints: { xs: 0, sm: 480, md: 768, lg: 980, xl: 1200 }, children: (0, jsx_runtime_1.jsx)(core_1.DialogContainer, { children: (0, jsx_runtime_1.jsx)(core_1.CenterSheetContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SplashContainer, { children: (0, jsx_runtime_1.jsx)(core_1.SiteConfigContainer, { children: (0, jsx_runtime_1.jsx)(EditorRoutes_1.EditorRoutes, {}) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 }

package/dist/EditorRoutes.js

@@ -20,21 +20,23 @@ const users_1 = require("./users");
 // routes
 function EditorRoutes() {
     // bind hooks
-    const { editorApi, authenticated } = (0, core_1.useAuthenticator)();
+    const { authenticated } = (0, core_1.useAuthenticator)();
+    const pageRepo = (0, core_1.usePageRepository)();
+    const collectionRepo = (0, core_1.useCollectionRepository)();
     const router = (0, core_1.useEditorRouter)();
     const { ready, route, region: { id: region } = {} } = router;
     const siteConfig = (0, core_1.useSiteConfig)();
     const appState = (0, core_1.useAppState)();
     const siteContext = (0, react_1.useMemo)(() => ({
         site: authenticated && region
-            ? new core_1.Site({ appState, editorApi, region })
+            ? new core_1.Site({ appState, repository: pageRepo, region })
             : undefined
-    }), [appState, editorApi, authenticated, region]);
+    }), [appState, pageRepo, authenticated, region]);
     const collectionsContext = (0, react_1.useMemo)(() => ({
         collections: authenticated
-            ? new core_1.Collections({ appState, editorApi })
+            ? new core_1.Collections({ appState, repository: collectionRepo })
             : undefined
-    }), [appState, editorApi, authenticated]);
+    }), [appState, collectionRepo, authenticated]);
     // show loader while warming up
     if (!ready) {
         return null;

package/dist/changesets/screens/ChangeSetViewer.js

@@ -26,7 +26,7 @@ function ChangeSetViewer({ changeSetId }) {
         }
     }, [splash, ready]);
     // render
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(core_1.Header, { back: "back", breadcrumbs: ['Publishing'], onBack: () => router.navigateToChangeSets() }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderChangeSet({ user, editorApi, router, multiSelectRef, multiSelect, dialog, result, changeIds }) }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(core_1.Header, { back: "back", breadcrumbs: ['Publishing'], onBack: () => router.navigateToChangeSets() }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", tabIndex: -1, children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderChangeSet({ user, editorApi, router, multiSelectRef, multiSelect, dialog, result, changeIds }) }) }) })] }));
 }
 function renderChangeSet({ user, editorApi, multiSelectRef, multiSelect, router, dialog, result, changeIds }) {
     // skip if pending

package/dist/changesets/screens/ChangeSetsExplorer.js

@@ -19,7 +19,7 @@ function ChangeSetsExplorer() {
         }
     }, [splash, ready]);
     // render
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(core_1.Header, { back: "back", breadcrumbs: ['Dashboard'], onBack: () => router.navigateToDashboard() }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderChangeSets({ router, browser }) }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(core_1.Header, { back: "back", breadcrumbs: ['Dashboard'], onBack: () => router.navigateToDashboard() }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", tabIndex: -1, children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderChangeSets({ router, browser }) }) }) })] }));
 }
 function renderChangeSets({ router, browser }) {
     // skip if loading
@@ -50,7 +50,6 @@ function renderChangeSets({ router, browser }) {
             router.navigateToChangeSet(item.id)
                 .catch(console.error);
         };
-        console.debug('[ChangeSetExplorer] rendering', { unpublished, published });
         // render
         return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "heading-lg text-content-primary", children: "Browse Changes" }), unpublished.length > 0 &&
                     (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", title: "Work in progress", children: unpublished.map(({ groupId, latest }) => (0, jsx_runtime_1.jsx)(core_1.TableItem, { details: latest.errors

package/dist/collection/hooks/CollectionController.d.ts

@@ -1,6 +1,6 @@
-import { EventBus } from '@nascentdigital/funnel-core';
-import { Collection, CollectionGroup, CollectionRepository, CollectionTarget, EditorApiClient } from '../../core';
-export declare class CollectionController {
+import { Collection, CollectionGroup, CollectionRepository, CollectionTarget, EditorApiClient, ICollection } from '../../core';
+import { ICollectionController } from './ICollectionController';
+export declare class CollectionController implements ICollectionController {
     private readonly _eventBus;
     readonly repository: CollectionRepository;
     private _state;
@@ -10,8 +10,8 @@ export declare class CollectionController {
     private _saveQueuedFor?;
     private _subscription?;
     constructor(editorApi: EditorApiClient);
-    get events$(): import("rxjs").Observable<Collection.Event | CollectionController.Event>;
-    get state(): CollectionController.State;
+    get events$(): import("rxjs").Observable<ICollection.Event | ICollectionController.Event>;
+    get state(): ICollectionController.State;
     private set state(value);
     get ready(): boolean;
     get target(): CollectionTarget;
@@ -27,14 +27,3 @@ export declare class CollectionController {
     unpublish(): Promise<void>;
     private raiseEvent;
 }
-export declare namespace CollectionController {
-    type State = 'uninitialized' | 'initializing' | 'loading' | 'ready' | 'saving' | 'unpublishing' | 'error';
-    interface Event extends EventBus.Event<'CollectionController', Event.Type> {
-        controller: CollectionController;
-    }
-    namespace Event {
-        type Type = 'state.changed' | 'collection.changed' | 'collectionGroup.changed';
-        function filter(event: EventBus.Event): event is Event;
-        function create(event: EventBus.Args<Event>): Event;
-    }
-}

package/dist/collection/hooks/CollectionController.js

@@ -4,6 +4,7 @@ exports.CollectionController = void 0;
 const funnel_core_1 = require("@nascentdigital/funnel-core");
 const rxjs_1 = require("rxjs");
 const core_1 = require("../../core");
+const ICollectionController_1 = require("./ICollectionController");
 // class
 class CollectionController {
     constructor(editorApi) {
@@ -14,13 +15,12 @@ class CollectionController {
     }
     get events$() {
         return this._eventBus.events$
-            .pipe((0, rxjs_1.filter)(e => CollectionController.Event.filter(e) || core_1.Collection.Event.filter(e)));
+            .pipe((0, rxjs_1.filter)(e => ICollectionController_1.ICollectionController.Event.filter(e) || core_1.ICollection.Event.filter(e)));
     }
     get state() {
         return this._state;
     }
     set state(value) {
-        var _a;
         // skip if unchanged
         if (this._state === value) {
             console.debug('[CollectionController/state] skipping redundant update', value);
@@ -32,7 +32,7 @@ class CollectionController {
         // raise event
         this.raiseEvent('state.changed');
         // save again if it's queued for the same page
-        if (this._saveQueuedFor && this._saveQueuedFor === ((_a = this._collectionGroup) === null || _a === void 0 ? void 0 : _a.collection)) {
+        if (this._saveQueuedFor && this._saveQueuedFor === this._collection) {
             console.debug('[CollectionController/setState] initiating queued save');
             this.save().catch(console.error);
         }
@@ -84,10 +84,6 @@ class CollectionController {
         console.debug('[CollectionController] updating to new collection', collection);
         // update collection
         this._collection = collection;
-        // bind to collection group (should be bound)
-        if (this._collectionGroup) {
-            this._collectionGroup.collection = collection;
-        }
         // subscribe to collection changes (if there's a page)
         if (collection) {
             console.debug('[CollectionController] binding subscription for', collection);
@@ -95,7 +91,7 @@ class CollectionController {
             this._subscription = collection.events$
                 .pipe((0, rxjs_1.filter)(e => {
                 // handle collection events
-                if (core_1.Collection.Event.filter(e)) {
+                if (core_1.ICollection.Event.filter(e)) {
                     return e.type === 'modified';
                 }
                 // or item/object/list events
@@ -110,7 +106,7 @@ class CollectionController {
                     return funnel_core_1.Field.Event.filter(e) && (e.type === 'changed' || e.type === 'reset');
                 }
             }), (0, rxjs_1.debounce)(e => {
-                if ((core_1.Collection.Event.filter(e) && e.type === 'modified')
+                if ((core_1.ICollection.Event.filter(e) && e.type === 'modified')
                     || core_1.Item.Event.filter(e)
                     || funnel_core_1.FieldList.Event.filter(e)
                     || (funnel_core_1.Field.Event.filter(e) && e.field.isComposite)) {
@@ -121,8 +117,7 @@ class CollectionController {
                 }
             }))
                 .subscribe(async () => {
-                var _a;
-                if (collection.modified && ((_a = this._collectionGroup) === null || _a === void 0 ? void 0 : _a.collection) === collection) {
+                if (collection.modified && this._collection === collection) {
                     console.debug('[CollectionController] saving modified collection', collection);
                     await this.save();
                 }
@@ -140,6 +135,7 @@ class CollectionController {
         this.raiseEvent('collection.changed');
     }
     async load(target, forced = false) {
+        var _a;
         // skip if target is the same
         if (!forced && core_1.CollectionTarget.equals(this._target, target)) {
             return;
@@ -150,14 +146,14 @@ class CollectionController {
         this.state = this._state === 'uninitialized'
             ? 'initializing'
             : 'loading';
-        // try to fetch new page
+        // try to fetch collection
         try {
-            // load summary/page
-            const collectionGroup = await this.repository.load(Object.assign(Object.assign({}, target), { eventBus: this._eventBus }));
-            console.debug('[CollectionController] loaded', collectionGroup);
+            // load summary/collection
+            const { group, collection } = (_a = await this.repository.load(Object.assign(Object.assign({}, target), { eventBus: this._eventBus }))) !== null && _a !== void 0 ? _a : {};
+            console.debug('[CollectionController] loaded', group);
             // (re)bind group
-            this._collectionGroup = collectionGroup;
-            this.collection = collectionGroup === null || collectionGroup === void 0 ? void 0 : collectionGroup.collection;
+            this._collectionGroup = group;
+            this.collection = collection;
             // update state
             this.state = 'ready';
         }
@@ -192,7 +188,7 @@ class CollectionController {
             // create language in existing group
             const eventBus = this._eventBus;
             const { template, language } = target;
-            const result = await this.repository.createLanguage({
+            const { group, collection } = await this.repository.createLanguage({
                 eventBus,
                 language,
                 template,
@@ -200,10 +196,10 @@ class CollectionController {
                 type: existingGroup.template.type,
                 version: 1
             });
-            console.debug('[CollectionController] created', result);
+            console.debug('[CollectionController] created', group);
             // (re)bind data
-            this.collectionGroup = result;
-            this.collection = result.collection;
+            this.collectionGroup = group;
+            this.collection = collection;
             // update state
             this.state = 'ready';
         }
@@ -299,22 +295,7 @@ class CollectionController {
         }
     }
     raiseEvent(type) {
-        this._eventBus.publish(CollectionController.Event.create({ type, controller: this }));
+        this._eventBus.publish(ICollectionController_1.ICollectionController.Event.create({ type, controller: this }));
     }
 }
 exports.CollectionController = CollectionController;
-// extension
-(function (CollectionController) {
-    let Event;
-    (function (Event) {
-        // methods
-        function filter(event) {
-            return event.domain === 'CollectionController';
-        }
-        Event.filter = filter;
-        function create(event) {
-            return funnel_core_1.EventBus.createEvent(Object.assign({ domain: 'CollectionController' }, event));
-        }
-        Event.create = create;
-    })(Event = CollectionController.Event || (CollectionController.Event = {}));
-})(CollectionController || (exports.CollectionController = CollectionController = {}));

package/dist/collection/hooks/ICollectionController.d.ts

@@ -0,0 +1,24 @@
+import { EventBus, Language } from '@nascentdigital/funnel-core';
+import type { Observable } from 'rxjs';
+import type { CollectionGroup, CollectionTarget, ICollection } from '../../core';
+export interface ICollectionController {
+    readonly state: ICollectionController.State;
+    readonly events$: Observable<ICollectionController.Event | ICollection.Event>;
+    readonly collection: ICollection | undefined;
+    readonly collectionGroup: CollectionGroup | undefined;
+    readonly languages: ReadonlyArray<Language>;
+    createLanguage(target: CollectionTarget): Promise<void>;
+    unpublish(): Promise<void>;
+    reload(): Promise<void>;
+}
+export declare namespace ICollectionController {
+    type State = 'uninitialized' | 'initializing' | 'loading' | 'ready' | 'saving' | 'unpublishing' | 'error';
+    interface Event extends EventBus.Event<'CollectionController', Event.Type> {
+        controller: ICollectionController;
+    }
+    namespace Event {
+        type Type = 'state.changed' | 'collection.changed' | 'collectionGroup.changed';
+        function filter(event: EventBus.Event): event is Event;
+        function create(event: EventBus.Args<Event>): Event;
+    }
+}

package/dist/collection/hooks/ICollectionController.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICollectionController = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extension
+var ICollectionController;
+(function (ICollectionController) {
+    let Event;
+    (function (Event) {
+        // methods
+        function filter(event) {
+            return event.domain === 'CollectionController';
+        }
+        Event.filter = filter;
+        function create(event) {
+            return funnel_core_1.EventBus.createEvent(Object.assign({ domain: 'CollectionController' }, event));
+        }
+        Event.create = create;
+    })(Event = ICollectionController.Event || (ICollectionController.Event = {}));
+})(ICollectionController || (exports.ICollectionController = ICollectionController = {}));

package/dist/collection/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CollectionController';
+export * from './ICollectionController';
 export * from './useCollectionController';

package/dist/collection/hooks/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CollectionController"), exports);
+__exportStar(require("./ICollectionController"), exports);
 __exportStar(require("./useCollectionController"), exports);

package/dist/collection/hooks/useCollectionController.d.ts

@@ -1,8 +1,8 @@
-import { CollectionController } from './CollectionController';
-export declare function useCollectionController(collectionController?: CollectionController): CollectionController;
+import { ICollectionController } from './ICollectionController';
+export declare function useCollectionController(collectionController?: ICollectionController): ICollectionController;
 export declare const CollectionControllerContext: import("react").Context<CollectionControllerContext.Type>;
 export declare namespace CollectionControllerContext {
     type Type = {
-        controller: CollectionController;
+        controller: ICollectionController;
     };
 }

package/dist/collection/screens/CollectionEditor.js

@@ -52,7 +52,7 @@ function CollectionEditor({ type, groupId, language }) {
         await router.navigateToCollectionItems({ type });
     };
     // render
-    return ((0, jsx_runtime_1.jsx)(hooks_1.CollectionControllerContext.Provider, { value: controllerContext, children: (0, jsx_runtime_1.jsx)(core_1.CollectionContext.Provider, { value: collectionContext, children: (0, jsx_runtime_1.jsx)(core_1.AssetStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.CollectionStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.PageRefStoreContext.Provider, { value: pageRefStoreProxy, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col bg-background", children: [(0, jsx_runtime_1.jsx)(components_1.CollectionHeader, { target: target, onBack: onHeaderBack }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex", children: [(0, jsx_runtime_1.jsx)("section", { className: "w-[220px] lg:w-[240px] xl:w-[280px] shrink-0 overflow-y-scroll scrollbar-thin" }), (0, jsx_runtime_1.jsx)("section", { className: "flex-1 h-full max-h-full max-w-[1000px] mx-auto", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { mode: "wait", initial: false, children: renderContent({ target, controller }) }) }), (0, jsx_runtime_1.jsx)("section", { className: "hidden lg:block lg:w-[320px] shrink-0 overflow-y-scroll scrollbar-thin", children: (0, jsx_runtime_1.jsx)(components_1.CollectionStatus, {}) })] }) })] }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(hooks_1.CollectionControllerContext.Provider, { value: controllerContext, children: (0, jsx_runtime_1.jsx)(core_1.CollectionContext.Provider, { value: collectionContext, children: (0, jsx_runtime_1.jsx)(core_1.AssetStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.CollectionStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.PageRefStoreContext.Provider, { value: pageRefStoreProxy, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col bg-background", children: [(0, jsx_runtime_1.jsx)(components_1.CollectionHeader, { target: target, onBack: onHeaderBack }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex", children: [(0, jsx_runtime_1.jsx)("section", { className: "w-[220px] lg:w-[240px] xl:w-[280px] shrink-0 overflow-y-scroll scrollbar-thin", tabIndex: -1 }), (0, jsx_runtime_1.jsx)("section", { className: "flex-1 h-full max-h-full max-w-[1000px] mx-auto", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { mode: "wait", initial: false, children: renderContent({ target, controller }) }) }), (0, jsx_runtime_1.jsx)("section", { className: "hidden lg:block lg:w-[320px] shrink-0 overflow-y-scroll scrollbar-thin", tabIndex: -1, children: (0, jsx_runtime_1.jsx)(components_1.CollectionStatus, {}) })] }) })] }) }) }) }) }) }));
 }
 function renderContent({ target, controller }) {
     // render loader if not ready
@@ -70,7 +70,7 @@ function renderContent({ target, controller }) {
     }
     // otherwise, render editor
     else {
-        return ((0, jsx_runtime_1.jsxs)(core_1.FadeIn, { className: "h-full max-h-full flex flex-col gap-l10 py-l10", children: [(0, jsx_runtime_1.jsx)(core_1.FieldsPanel, { title: "Content", className: "px-l6", fields: [collection.nameField, ...collection.fields] }), collection.tagGroups.length > 0 &&
+        return ((0, jsx_runtime_1.jsxs)(core_1.FadeIn, { className: "flex-1 flex flex-col gap-l10 px-l6 py-l10 overflow-y-scroll scrollbar-thin bg-background", children: [(0, jsx_runtime_1.jsx)(core_1.FieldsPanel, { title: "Content", fields: [collection.nameField, ...collection.fields] }), collection.tagGroups.length > 0 &&
                     (0, jsx_runtime_1.jsx)("div", { className: "px-l6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-l8 p-l8 bg-surface1 rounded-md", children: [(0, jsx_runtime_1.jsx)("h2", { className: "display-xxs flex-1", children: "Tags" }), (0, jsx_runtime_1.jsx)(core_1.TagEditor, { className: "bg-surface2 p-l6 rounded-sm", tagged: collection })] }) })] }, "fields"));
     }
 }

package/dist/components.d.ts

@@ -0,0 +1,20 @@
+import { PageNav } from './page/components/PageNav';
+import { BlockEditor } from './page/components/BlockEditor';
+export * from './core/app';
+export * from './core/domain';
+export * from './core/components';
+export * from './core/hooks';
+export * from './core/repository/CollectionTarget';
+export * from './core/repository/FieldSerializer';
+export * from './core/repository/IAssetRepository';
+export * from './core/repository/ICollectionRepository';
+export * from './core/repository/IPageRepository';
+export * from './core/repository/PageSerializer';
+export * from './core/repository/PageTarget';
+export * from './core/repository/SerializeCollectionUpdate';
+export * from './core/repository/SerializePageUpdate';
+export * from './core/repository/TagSerializer';
+export * from './page/hooks';
+export * from './page/components/SettingsEditor';
+export * from './collection/hooks';
+export { PageNav, BlockEditor };

package/dist/components.js

@@ -0,0 +1,41 @@
+"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 });
+exports.BlockEditor = exports.PageNav = void 0;
+const PageNav_1 = require("./page/components/PageNav");
+Object.defineProperty(exports, "PageNav", { enumerable: true, get: function () { return PageNav_1.PageNav; } });
+const BlockEditor_1 = require("./page/components/BlockEditor");
+Object.defineProperty(exports, "BlockEditor", { enumerable: true, get: function () { return BlockEditor_1.BlockEditor; } });
+// core
+__exportStar(require("./core/app"), exports);
+__exportStar(require("./core/domain"), exports);
+__exportStar(require("./core/components"), exports);
+__exportStar(require("./core/hooks"), exports);
+__exportStar(require("./core/repository/CollectionTarget"), exports);
+__exportStar(require("./core/repository/FieldSerializer"), exports);
+__exportStar(require("./core/repository/IAssetRepository"), exports);
+__exportStar(require("./core/repository/ICollectionRepository"), exports);
+__exportStar(require("./core/repository/IPageRepository"), exports);
+__exportStar(require("./core/repository/PageSerializer"), exports);
+__exportStar(require("./core/repository/PageTarget"), exports);
+__exportStar(require("./core/repository/SerializeCollectionUpdate"), exports);
+__exportStar(require("./core/repository/SerializePageUpdate"), exports);
+__exportStar(require("./core/repository/TagSerializer"), exports);
+// page
+__exportStar(require("./page/hooks"), exports);
+__exportStar(require("./page/components/SettingsEditor"), exports);
+// collection
+__exportStar(require("./collection/hooks"), exports);

package/dist/core/components/feedback/dialog/MinimalDialogLayout.js

@@ -14,5 +14,5 @@ exports.MinimalDialogLayout = (0, react_1.forwardRef)(function DialogLayout({ cl
     return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(className, 'min-w-[400px] sm:max-w-screen-sm max-h-dvh', 'flex flex-col py-l8 bg-surface1 rounded-md shadow-popup'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between gap-l8 px-l8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("h1", { className: "heading-md text-content-primary", children: title }), caption &&
                                 (0, jsx_runtime_1.jsx)("div", { className: "body-sm text-content-secondary", children: caption })] }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { className: (0, classnames_1.default)('text-content-primary interpolate-slow', {
                             'opacity-none pointer-events-none': !onClose,
-                        }), icon: "X", disabled: !onClose, onClick: onClose })] }), (0, jsx_runtime_1.jsx)("div", { ref: ref, className: "max-h-full flex-1 pt-l8 px-l8 overflow-x-visible overflow-y-scroll", children: children })] }));
+                        }), icon: "X", disabled: !onClose, onClick: onClose })] }), (0, jsx_runtime_1.jsx)("div", { ref: ref, className: "max-h-full flex-1 pt-l8 px-l8 overflow-x-visible overflow-y-scroll", tabIndex: -1, children: children })] }));
 });

package/dist/core/components/fields/BooleanField.d.ts

@@ -1,12 +1,13 @@
 import { Field, Schema } from '@nascentdigital/funnel-core';
 import { FieldLayout } from './FieldLayout';
 import { FieldSize } from './FieldSize';
-export declare function BooleanField({ className, field, variant, size }: BooleanField.Props): import("react/jsx-runtime").JSX.Element;
+export declare function BooleanField({ className, field, variant, size, disableDelete }: BooleanField.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace BooleanField {
     type Props = {
         className?: string;
         field: Field<Schema.BooleanField>;
         variant?: FieldLayout.Variant;
         size?: FieldSize;
+        disableDelete?: boolean;
     };
 }

package/dist/core/components/fields/BooleanField.js

@@ -7,7 +7,7 @@ const hooks_1 = require("../../hooks");
 const interaction_1 = require("../interaction");
 const FieldLayout_1 = require("./FieldLayout");
 // component
-function BooleanField({ className, field, variant = 'minimal', size = 'md' }) {
+function BooleanField({ className, field, variant = 'minimal', size = 'md', disableDelete }) {
     // bind toolbar
     const { id, name, value: data, schema } = field;
     const value = funnel_core_1.Schema.BooleanField.Value.fromData(data);
@@ -25,5 +25,5 @@ function BooleanField({ className, field, variant = 'minimal', size = 'md' }) {
             break;
     }
     // render
-    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: className, field: field, variant: variant, size: size, children: component }));
+    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: className, field: field, variant: variant, size: size, disableDelete: disableDelete, children: component }));
 }

package/dist/core/components/fields/DateField.d.ts

@@ -1,12 +1,13 @@
 import { Field, Schema } from '@nascentdigital/funnel-core';
 import { FieldLayout } from './FieldLayout';
 import { FieldSize } from './FieldSize';
-export declare function DateField({ className, field, variant, size }: DateField.Props): import("react/jsx-runtime").JSX.Element;
+export declare function DateField({ className, field, variant, size, disableDelete }: DateField.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace DateField {
     type Props = {
         className?: string;
         field: Field<Schema.DateField>;
         variant?: FieldLayout.Variant;
         size?: FieldSize;
+        disableDelete?: boolean;
     };
 }

package/dist/core/components/fields/DateField.js

@@ -7,12 +7,12 @@ const hooks_1 = require("../../hooks");
 const interaction_1 = require("../interaction");
 const FieldLayout_1 = require("./FieldLayout");
 // component
-function DateField({ className, field, variant, size = 'md' }) {
+function DateField({ className, field, variant, size = 'md', disableDelete }) {
     // bind toolbar
     const { id, name, value: data, schema } = field;
     const value = funnel_core_1.Schema.DateField.Value.fromData(data);
     // sync field
     (0, hooks_1.useField)(field);
     // render
-    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: className, field: field, variant: variant, size: size, children: (0, jsx_runtime_1.jsx)(interaction_1.DatePicker, { minDate: schema.minDate, maxDate: schema.maxDate, selected: value, onChange: value => field.value = value && funnel_core_1.Schema.DateField.Value.toData(value) }) }));
+    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: className, field: field, variant: variant, size: size, disableDelete: disableDelete, children: (0, jsx_runtime_1.jsx)(interaction_1.DatePicker, { minDate: schema.minDate, maxDate: schema.maxDate, selected: value, onChange: value => field.value = value && funnel_core_1.Schema.DateField.Value.toData(value) }) }));
 }

package/dist/core/components/fields/DynamicPagesEditor.d.ts

@@ -1,9 +1,10 @@
 import { Field, Schema } from '@nascentdigital/funnel-core';
-export declare function DynamicPagesEditor({ className, dynamicPages }: DynamicPagesEditor.Props): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicPagesEditor({ className, dynamicPages, disableDelete }: DynamicPagesEditor.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace DynamicPagesEditor {
     type Props = {
         className?: string;
         dynamicPages: Field<Schema.DynamicPagesField>;
+        disableDelete?: boolean;
     };
     type ItemData = Schema.Field.Data<Schema.PageField<'preview'>> & {
         id: string;

package/dist/core/components/fields/DynamicPagesEditor.js

@@ -14,7 +14,7 @@ const interaction_1 = require("../interaction");
 const dynamicPages_1 = require("./dynamicPages");
 const page_1 = require("./page");
 // component
-function DynamicPagesEditor({ className, dynamicPages }) {
+function DynamicPagesEditor({ className, dynamicPages, disableDelete }) {
     var _a, _b;
     // get language and region
     const page = (0, hooks_1.usePage)();

package/dist/core/components/fields/EnumField.d.ts

@@ -1,7 +1,7 @@
 import { Field, Schema } from '@nascentdigital/funnel-core';
 import { FieldLayout } from './FieldLayout';
 import { FieldSize } from './FieldSize';
-export declare function EnumField({ className, field, variant, size, disabled }: EnumField.Props): import("react/jsx-runtime").JSX.Element;
+export declare function EnumField({ className, field, variant, size, disabled, disableDelete }: EnumField.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace EnumField {
     type Props = {
         className?: string;
@@ -9,5 +9,6 @@ export declare namespace EnumField {
         variant?: FieldLayout.Variant;
         size?: FieldSize;
         disabled?: boolean;
+        disableDelete?: boolean;
     };
 }

package/dist/core/components/fields/EnumField.js

@@ -11,7 +11,7 @@ const hooks_1 = require("../../hooks");
 const interaction_1 = require("../interaction");
 const FieldLayout_1 = require("./FieldLayout");
 // component
-function EnumField({ className, field, variant, size = 'md', disabled }) {
+function EnumField({ className, field, variant, size = 'md', disabled, disableDelete }) {
     // bind toolbar
     const { id, value: data, schema } = field;
     const value = funnel_core_1.Schema.EnumField.Value.fromData(data);
@@ -30,7 +30,7 @@ function EnumField({ className, field, variant, size = 'md', disabled }) {
             throw new funnel_core_1.NotImplementedError('No support for EnumField with "radio" semantics');
     }
     // render
-    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: (0, classnames_1.default)(className, 'w-full'), field: field, variant: variant, size: size, children: picker }));
+    return ((0, jsx_runtime_1.jsx)(FieldLayout_1.FieldLayout, { className: (0, classnames_1.default)(className, 'w-full'), field: field, variant: variant, size: size, disableDelete: disableDelete, children: picker }));
 }
 // helper
 function getComboboxOptions(schema) {

package/dist/core/components/fields/FieldCard.d.ts

@@ -7,6 +7,7 @@ export declare namespace FieldCard {
         deletable?: boolean;
         selecting?: boolean;
         embedded?: boolean;
+        required?: boolean;
         onDelete?: Callback<Field | ObjectField>;
         onEditing?: Callback<boolean>;
     };

package/dist/core/components/fields/FieldCard.js

@@ -13,10 +13,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldCard = FieldCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_ui_1 = require("@nascentdigital/funnel-ui");
 const asset_1 = require("./asset");
 const collection_1 = require("./collection");
 const embed_1 = require("./embed");
 const link_1 = require("./link");
+const media_1 = require("./media");
 const object_1 = require("./object");
 const page_1 = require("./page");
 // component
@@ -35,7 +37,12 @@ function FieldCard(_a) {
         case 'page':
             return ((0, jsx_runtime_1.jsx)(page_1.PageCard, Object.assign({}, props, { field: field })));
         case 'collection':
-            return ((0, jsx_runtime_1.jsx)(collection_1.CollectionCard, Object.assign({}, props, { field: field })));
+            if (field.schema.type === funnel_ui_1.Media.schema.type) {
+                return ((0, jsx_runtime_1.jsx)(media_1.MediaCard, Object.assign({}, props, { field: field })));
+            }
+            else {
+                return ((0, jsx_runtime_1.jsx)(collection_1.CollectionCard, Object.assign({}, props, { field: field })));
+            }
         case 'object':
             return ((0, jsx_runtime_1.jsx)(object_1.ObjectCard, Object.assign({}, props, { field: field })));
         default:

package/dist/core/components/fields/FieldEditor.d.ts

@@ -1,7 +1,7 @@
 import { Callback, FieldModel } from '@nascentdigital/funnel-core';
 import { FieldLayout } from './FieldLayout';
 import { FieldSize } from './FieldSize';
-export declare function FieldEditor({ className, field, variant, size, standalone, autoFocus: autoFocusRaw, disabled, secured, onValidChanged }: FieldEditor.Props): import("react/jsx-runtime").JSX.Element;
+export declare function FieldEditor({ className, field, variant, size, standalone, autoFocus: autoFocusRaw, disabled, secured, disableDelete, onValidChanged }: FieldEditor.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace FieldEditor {
     type Props = {
         className?: string;
@@ -12,6 +12,7 @@ export declare namespace FieldEditor {
         autoFocus?: boolean;
         secured?: boolean;
         disabled?: boolean;
+        disableDelete?: boolean;
         onValidChanged?: Callback<boolean>;
     };
 }