@nascentdigital/funnel-editor-contentful 5.0.1 → 5.0.3

package/dist/core/bridge/useAppBridge.d.ts

@@ -1,8 +1,2 @@
-import { Observable } from 'rxjs';
-import { AppMessage } from './AppMessage';
-export type AppMessageSubmission = Omit<AppMessage, 'source'>;
-export type UseAppBridgetHook = {
-    sendMessage(message: AppMessageSubmission): void;
-    messages$: Observable<AppMessage>;
-};
-export declare function useAppBridge(): UseAppBridgetHook;
+import { AppBridge } from './AppBridge';
+export declare function useAppBridge(): AppBridge;

package/dist/core/bridge/useAppBridge.js

@@ -1,24 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAppBridge = useAppBridge;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const hooks_1 = require("@nascentdigital/funnel-ui/hooks");
 const react_1 = require("react");
 const AppBridgeContext_1 = require("./AppBridgeContext");
 // hook
 function useAppBridge() {
     // bind context
-    const { id, eventBus, channel } = (0, react_1.useContext)(AppBridgeContext_1.AppBridgeContext);
-    // helpers
-    const sendMessage = (message) => {
-        // track the message
-        const trackedMessage = Object.assign({ source: id }, message);
-        // send to local bus
-        eventBus.next(trackedMessage);
-        // echo to remote bus (if any)
-        channel.postMessage(trackedMessage);
-    };
-    // return hook interface
-    return {
-        sendMessage,
-        messages$: eventBus.asObservable()
-    };
+    const { appBridge } = (0, react_1.useContext)(AppBridgeContext_1.AppBridgeContext);
+    const touch = (0, hooks_1.useTouch)();
+    // sync with state
+    (0, react_1.useEffect)(() => {
+        // skip if not available (shouldn't happen)
+        if (!appBridge) {
+            return;
+        }
+        // subscribe to state
+        const subscriptions = [
+            appBridge.state$.subscribe(touch),
+            appBridge.bridges$.subscribe(touch)
+        ];
+        // unsubscribe on unmount
+        return () => subscriptions.forEach(subscription => subscription.unsubscribe());
+    }, [appBridge, touch]);
+    // throw if not available (shouldn't happen)
+    if (!appBridge) {
+        throw new funnel_core_1.InvalidOperationError('Cannot use AppBridge outside of AppBridgeContainer');
+    }
+    // return bridge
+    return appBridge;
 }

package/dist/core/client/ContentfulClientContainer.d.ts

@@ -0,0 +1,8 @@
+import { KnownAppSDK } from '@contentful/app-sdk';
+import { PropsWithChildren } from 'react';
+export declare function ContentfulClientContainer({ sdk, children }: ContentfulClientContainer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContentfulClientContainer {
+    type Props = PropsWithChildren & {
+        sdk: KnownAppSDK;
+    };
+}

package/dist/core/client/ContentfulClientContainer.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentfulClientContainer = ContentfulClientContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contentful_1 = require("@nascentdigital/funnel-cms/contentful");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const react_1 = require("react");
+const ContentfulClientContext_1 = require("./ContentfulClientContext");
+// container
+function ContentfulClientContainer({ sdk, children }) {
+    // bind state
+    const [client, setClient] = (0, react_1.useState)(() => ({ __type: 'pending' }));
+    const context = (0, react_1.useMemo)(() => ({ client }), [client]);
+    // create client on mount
+    (0, react_1.useEffect)(() => {
+        // fetch client
+        let cancelled = false;
+        const mount = async () => {
+            // try to create
+            try {
+                // create editor
+                const client = await contentful_1.ContentfulContentClient.forEditor(sdk);
+                // bind if not cancelled
+                if (!cancelled) {
+                    setClient({ __type: 'success', result: client });
+                }
+            }
+            // or handle error (if not cancelled)
+            catch (e) {
+                if (!cancelled) {
+                    setClient({ __type: 'failure', error: funnel_core_1.IsometricErrorUtils.coerceError(e) });
+                }
+            }
+        };
+        mount().catch(console.error);
+        // cancel on unmount
+        return () => {
+            cancelled = true;
+        };
+    }, [sdk]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(ContentfulClientContext_1.ContentfulClientContext.Provider, { value: context, children: client.__type === 'success' && children }));
+}

package/dist/core/client/ContentfulClientContext.d.ts

@@ -0,0 +1,8 @@
+import { ContentfulContentClient } from '@nascentdigital/funnel-cms/contentful';
+import { Result } from '@nascentdigital/funnel-core';
+export declare const ContentfulClientContext: import("react").Context<ContentfulClientContext.Data>;
+export declare namespace ContentfulClientContext {
+    type Data = {
+        client: Result<ContentfulContentClient>;
+    };
+}

package/dist/core/client/ContentfulClientContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentfulClientContext = void 0;
+const react_1 = require("react");
+// context
+exports.ContentfulClientContext = (0, react_1.createContext)({
+    client: { __type: 'pending' }
+});

package/dist/core/client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ContentfulClientContainer';
+export * from './ContentfulClientContext';
+export * from './useContentfulClient';

package/dist/core/client/index.js

@@ -0,0 +1,19 @@
+"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("./ContentfulClientContainer"), exports);
+__exportStar(require("./ContentfulClientContext"), exports);
+__exportStar(require("./useContentfulClient"), exports);

package/dist/core/client/useContentfulClient.d.ts

@@ -0,0 +1,4 @@
+import { ContentfulContentClient } from '@nascentdigital/funnel-cms/contentful';
+import { Result } from '@nascentdigital/funnel-core';
+export declare function usePossibleContentfulClient(): Result<ContentfulContentClient>;
+export declare function useContentfulClient(): ContentfulContentClient;

package/dist/core/client/useContentfulClient.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePossibleContentfulClient = usePossibleContentfulClient;
+exports.useContentfulClient = useContentfulClient;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const react_1 = require("react");
+const ContentfulClientContext_1 = require("./ContentfulClientContext");
+// hooks
+function usePossibleContentfulClient() {
+    // bind context
+    const { client } = (0, react_1.useContext)(ContentfulClientContext_1.ContentfulClientContext);
+    // return result
+    return client;
+}
+function useContentfulClient() {
+    // bind context
+    const { client } = (0, react_1.useContext)(ContentfulClientContext_1.ContentfulClientContext);
+    // throw if unavailable (shouldn't happen - see ContentfulClientContainer)
+    if (client.__type !== 'success') {
+        throw new funnel_core_1.IllegalStateError('ContentfulContentClient isn\'t available');
+    }
+    // return result
+    return client.result;
+}

package/dist/core/index.d.ts

@@ -1,5 +1,2 @@
-export * from './api';
 export * from './bridge';
-export * from './contentful';
-export * from './domain';
-export * from './repository';
+export * from './client';

package/dist/core/index.js

@@ -14,8 +14,5 @@ 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("./api"), exports);
 __exportStar(require("./bridge"), exports);
-__exportStar(require("./contentful"), exports);
-__exportStar(require("./domain"), exports);
-__exportStar(require("./repository"), exports);
+__exportStar(require("./client"), exports);

package/dist/explore/components/header/Header.d.ts

@@ -0,0 +1,14 @@
+export declare function Header({ className }: Header.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Header {
+    type Breadcrumb = Breadcrumb.Label | Breadcrumb.Link;
+    namespace Breadcrumb {
+        type Label = string;
+        type Link = {
+            label: string;
+            url: string;
+        };
+    }
+    type Props = {
+        className?: string;
+    };
+}

package/dist/explore/components/header/Header.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = Header;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const react_router_1 = require("react-router");
+const useHeader_1 = require("./useHeader");
+// component
+function Header({ className }) {
+    // bind props + hooks
+    const controller = (0, useHeader_1.useHeader)();
+    const { breadcrumbs, highlightBreadcrumb, backButton, disableBack, actions } = controller;
+    const breadcrumbsEndIndex = breadcrumbs.length - 1;
+    // render
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, classnames_1.default)(className, 'h-48 flex items-center gap-l4 px-l8', 'label-sm text-content-primary bg-background border-b border-solid border-border-l1'), children: [backButton === 'none'
+                // logo
+                ?
+                    (0, jsx_runtime_1.jsx)("span", { className: "w-40 h-40 flex justify-center items-center", children: (0, jsx_runtime_1.jsx)(components_1.Logo, { size: 28 }) })
+                // back/close
+                :
+                    (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: backButton === 'back' ? 'ArrowLeft' : 'X', onClick: () => controller.onBack(), disabled: disableBack }), (0, jsx_runtime_1.jsx)("ul", { className: "flex-1 flex items-center gap-l5", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { mode: "popLayout", children: breadcrumbs.map((breadcrumb, index) => (0, jsx_runtime_1.jsxs)(react_1.motion.li, { className: "flex items-center gap-l5", variants: components_1.Animate.Variants.fade, initial: "initial", animate: "animate", exit: "exit", layout: "position", children: [index > 0 &&
+                                (0, jsx_runtime_1.jsx)("span", { children: "/" }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)({ 'label-sm label-strong': highlightBreadcrumb && index === breadcrumbsEndIndex }), children: typeof breadcrumb === 'string'
+                                    ?
+                                        (0, jsx_runtime_1.jsx)("span", { children: breadcrumb })
+                                    :
+                                        (0, jsx_runtime_1.jsx)(react_router_1.Link, { to: breadcrumb.url, children: breadcrumb.label }) })] }, typeof breadcrumb === 'string' ? `${breadcrumb}` : `${breadcrumb.label}`)) }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-full flex items-center gap-l6", children: actions.map(action => (0, jsx_runtime_1.jsx)(react_2.Fragment, { children: action.components }, action.id)) })] }));
+}

package/dist/explore/components/header/HeaderActions.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { HeaderController } from './HeaderController';
+export declare function HeaderActions({ children: components, dependencies: dependenciesRaw, ...actionOptionsRaw }: HeaderActions.Props): null;
+export declare namespace HeaderActions {
+    type Props = PropsWithChildren & Omit<HeaderController.ActionsOptions, 'id' | 'components'> & {
+        dependencies?: ReadonlyArray<any>;
+    };
+}

package/dist/explore/components/header/HeaderActions.js

@@ -0,0 +1,37 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderActions = HeaderActions;
+const hooks_1 = require("@nascentdigital/funnel-ui/hooks");
+const react_1 = require("react");
+const useHeader_1 = require("./useHeader");
+// component
+function HeaderActions(_a) {
+    var { children: components, dependencies: dependenciesRaw = [] } = _a, actionOptionsRaw = __rest(_a, ["children", "dependencies"]);
+    // bind hooks
+    const id = (0, react_1.useId)();
+    const controller = (0, useHeader_1.useHeader)();
+    const componentsRef = (0, react_1.useRef)(components);
+    const dependencies = (0, hooks_1.useLatestValue)(dependenciesRaw);
+    const actionOptions = (0, hooks_1.useLatestValue)(actionOptionsRaw);
+    // sync controller on mount
+    (0, react_1.useEffect)(() => {
+        // register
+        controller.registerActions(Object.assign({ id, components: componentsRef.current }, actionOptions));
+        // unregister on unmount
+        return () => controller.unregisterActions(id);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [controller, id, actionOptions, ...dependencies]);
+    // render nothing
+    return null;
+}

package/dist/explore/components/header/HeaderContainer.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function HeaderContainer({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/explore/components/header/HeaderContainer.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderContainer = HeaderContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const HeaderContext_1 = require("./HeaderContext");
+const HeaderController_1 = require("./HeaderController");
+// component
+function HeaderContainer({ children }) {
+    // create controller
+    const controller = (0, react_1.useMemo)(() => new HeaderController_1.HeaderController(), []);
+    const context = (0, react_1.useMemo)(() => ({ controller }), [controller]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(HeaderContext_1.HeaderContext.Provider, { value: context, children: children }));
+}

package/dist/explore/components/header/HeaderContext.d.ts

@@ -0,0 +1,7 @@
+import { HeaderController } from './HeaderController';
+export declare const HeaderContext: import("react").Context<HeaderContext.Data>;
+export declare namespace HeaderContext {
+    type Data = {
+        controller?: HeaderController;
+    };
+}

package/dist/{core/api/EditorApiContext.js → explore/components/header/HeaderContext.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorApiContext = void 0;
+exports.HeaderContext = void 0;
 const react_1 = require("react");
 // context
-exports.EditorApiContext = (0, react_1.createContext)({});
+exports.HeaderContext = (0, react_1.createContext)({});

package/dist/explore/components/header/HeaderController.d.ts

@@ -0,0 +1,39 @@
+import { Callback } from '@nascentdigital/funnel-core';
+import { ReactNode } from 'react';
+import type { Header } from './Header';
+export declare class HeaderController {
+    private readonly _changed$;
+    private _breadcrumbs;
+    private _highlightBreadcrumb;
+    private _backButton;
+    private _disableBack;
+    private readonly _onBackHandlers;
+    private readonly _actions;
+    constructor();
+    get changed$(): import("rxjs").Observable<HeaderController.Change>;
+    get breadcrumbs(): ReadonlyArray<Header.Breadcrumb>;
+    set breadcrumbs(breadcrumbs: ReadonlyArray<Header.Breadcrumb>);
+    get highlightBreadcrumb(): boolean;
+    set highlightBreadcrumb(on: boolean);
+    get backButton(): HeaderController.BackButton;
+    set backButton(button: HeaderController.BackButton);
+    get disableBack(): boolean;
+    set disableBack(disabled: boolean);
+    registerOnBack(handler: HeaderController.OnBackHandler): HeaderController.Unsubscribe;
+    get actions(): HeaderController.ActionsOptions[];
+    registerActions(options: HeaderController.ActionsOptions): void;
+    unregisterActions(clientId: string): void;
+    onBack(): void;
+    private raiseChanged;
+}
+export declare namespace HeaderController {
+    type Change = 'breadcrumbs' | 'highlightBreadcrumb' | 'backButton' | 'disableBack' | 'onBack' | 'actions';
+    type BackButton = 'none' | 'back' | 'close';
+    type OnBackHandler = (stopPropagation: Callback.Void) => void;
+    type Unsubscribe = Callback.Void;
+    type ActionsOptions = {
+        id: string;
+        priority?: number;
+        components: ReactNode;
+    };
+}

package/dist/explore/components/header/HeaderController.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderController = void 0;
+const rxjs_1 = require("rxjs");
+// class
+class HeaderController {
+    constructor() {
+        // initialize instance variables
+        this._changed$ = new rxjs_1.Subject();
+        this._breadcrumbs = [];
+        this._highlightBreadcrumb = false;
+        this._backButton = 'none';
+        this._disableBack = false;
+        this._onBackHandlers = [];
+        this._actions = new Map();
+    }
+    get changed$() {
+        return this._changed$.asObservable();
+    }
+    get breadcrumbs() {
+        return this._breadcrumbs;
+    }
+    set breadcrumbs(breadcrumbs) {
+        this._breadcrumbs = breadcrumbs;
+        this.raiseChanged('breadcrumbs');
+    }
+    get highlightBreadcrumb() {
+        return this._highlightBreadcrumb;
+    }
+    set highlightBreadcrumb(on) {
+        this._highlightBreadcrumb = on;
+        this.raiseChanged('highlightBreadcrumb');
+    }
+    get backButton() {
+        return this._backButton;
+    }
+    set backButton(button) {
+        this._backButton = button;
+        this.raiseChanged('backButton');
+    }
+    get disableBack() {
+        return this._disableBack;
+    }
+    set disableBack(disabled) {
+        this._disableBack = disabled;
+        this.raiseChanged('disableBack');
+    }
+    registerOnBack(handler) {
+        // register handler
+        this._onBackHandlers.push(handler);
+        this.raiseChanged('onBack');
+        // return unsubscribe
+        return () => {
+            const handlerIndex = this._onBackHandlers.indexOf(handler);
+            if (handlerIndex >= 0) {
+                this._onBackHandlers.splice(handlerIndex, 1);
+            }
+        };
+    }
+    get actions() {
+        return this._actions.values().toArray().sort((lhs, rhs) => {
+            var _a, _b;
+            const lhsPriority = (_a = lhs.priority) !== null && _a !== void 0 ? _a : 0;
+            const rhsPriority = (_b = rhs.priority) !== null && _b !== void 0 ? _b : 0;
+            return lhsPriority === rhsPriority
+                ? 0
+                : lhsPriority < rhsPriority
+                    ? -1
+                    : 1;
+        });
+    }
+    registerActions(options) {
+        this._actions.set(options.id, options);
+        this.raiseChanged('actions');
+    }
+    unregisterActions(clientId) {
+        this._actions.delete(clientId);
+        this.raiseChanged('actions');
+    }
+    onBack() {
+        // create handbrake
+        let stopped = false;
+        const onStop = () => {
+            stopped = true;
+        };
+        // invoke handlers until complete
+        for (const handler of this._onBackHandlers) {
+            // invoke handler
+            handler(onStop);
+            // exit if stopped
+            if (stopped) {
+                break;
+            }
+        }
+    }
+    raiseChanged(change) {
+        this._changed$.next(change);
+    }
+}
+exports.HeaderController = HeaderController;

package/dist/explore/components/header/HeaderOptions.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { HeaderController } from './HeaderController';
+export declare function HeaderOptions({ breadcrumbs: breadCrumbsRaw, highlightBreadcrumb, backButton, disableBack, onBack }: HeaderOptions.Props): null;
+export declare namespace HeaderOptions {
+    type Props = Pick<Partial<HeaderController>, 'breadcrumbs' | 'highlightBreadcrumb' | 'backButton' | 'disableBack'> & {
+        onBack?: HeaderController.OnBackHandler;
+        actionsPriority?: number;
+        actions?: ReactNode;
+    };
+}

package/dist/explore/components/header/HeaderOptions.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderOptions = HeaderOptions;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const hooks_1 = require("@nascentdigital/funnel-ui/hooks");
+const react_1 = require("react");
+const useHeader_1 = require("./useHeader");
+// component
+function HeaderOptions({ breadcrumbs: breadCrumbsRaw = [], highlightBreadcrumb = false, backButton = 'none', disableBack = false, onBack = funnel_core_1.Fn.NoOp }) {
+    // bind hooks
+    const controller = (0, useHeader_1.useHeader)();
+    const breadcrumbs = (0, hooks_1.useLatestValue)(breadCrumbsRaw);
+    const onBackRef = (0, react_1.useRef)(onBack);
+    // sync controller on mount
+    (0, react_1.useEffect)(() => {
+        // update breadcrumbs
+        controller.breadcrumbs = breadcrumbs;
+        controller.highlightBreadcrumb = highlightBreadcrumb;
+        controller.backButton = backButton;
+        controller.disableBack = disableBack;
+        // register back handler (unsubscribe on unmount)
+        return controller.registerOnBack(onStop => onBackRef.current(onStop));
+    }, [controller, breadcrumbs, highlightBreadcrumb, backButton, disableBack]);
+    // render nothing
+    return null;
+}

package/dist/explore/components/header/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Header';
+export * from './HeaderActions';
+export * from './HeaderContainer';
+export * from './HeaderOptions';
+export * from './useHeader';

package/dist/explore/components/header/index.js

@@ -0,0 +1,21 @@
+"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("./Header"), exports);
+__exportStar(require("./HeaderActions"), exports);
+__exportStar(require("./HeaderContainer"), exports);
+__exportStar(require("./HeaderOptions"), exports);
+__exportStar(require("./useHeader"), exports);

package/dist/explore/components/header/useHeader.d.ts

@@ -0,0 +1,2 @@
+import { HeaderController } from './HeaderController';
+export declare function useHeader(): HeaderController;

package/dist/explore/components/header/useHeader.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeader = useHeader;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const hooks_1 = require("@nascentdigital/funnel-ui/hooks");
+const react_1 = require("react");
+const HeaderContext_1 = require("./HeaderContext");
+// hook
+function useHeader() {
+    // bind hooks
+    const { controller } = (0, react_1.useContext)(HeaderContext_1.HeaderContext);
+    const touch = (0, hooks_1.useTouch)();
+    // sync on controller update
+    (0, react_1.useEffect)(() => {
+        // skip if not bound
+        if (!controller) {
+            return;
+        }
+        // listen to changes
+        const subscription = controller.changed$.subscribe(touch);
+        // unsubscribe on unmount
+        return () => subscription.unsubscribe();
+    }, [controller, touch]);
+    // throw if there's no controller
+    if (!controller) {
+        throw new funnel_core_1.InvalidOperationError('Cannot access HeaderController outside of HeaderContainer');
+    }
+    // return controller
+    return controller;
+}

package/dist/explore/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './header/index';
+export * from './pages';

package/dist/explore/components/index.js

@@ -0,0 +1,18 @@
+"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("./header/index"), exports);
+__exportStar(require("./pages"), exports);

package/dist/explore/components/pages/PagesExplorerLayout.d.ts

@@ -0,0 +1,4 @@
+export declare function PagesExplorerLayout(): import("react/jsx-runtime").JSX.Element;
+export declare namespace PagesExplorerLayout {
+    type Params = 'region';
+}