@nascentdigital/funnel-ui 4.5.2 → 4.5.4

package/dist/client/interaction/modal/ModalContainer.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalContainer = ModalContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const funnel_core_1 = require("@nascentdigital/funnel-core");
-const react_1 = require("react");
-const react_hotkeys_hook_1 = require("react-hotkeys-hook");
-const rxjs_1 = require("rxjs");
-const ModalContext_1 = require("./ModalContext");
-const ModalEvent_1 = require("./ModalEvent");
-// component
-function ModalContainer({ children }) {
-    // bind context
-    const [modal, setModal] = (0, react_1.useState)();
-    const context = (0, react_1.useMemo)(() => ({
-        eventBus: new rxjs_1.Subject()
-    }), []);
-    const modalsRef = (0, react_1.useRef)([]);
-    // update modal state based on show/hide
-    (0, react_1.useEffect)(() => {
-        // subscribe to open/close events
-        const { eventBus } = context;
-        const subscription = eventBus
-            .pipe((0, rxjs_1.filter)(({ action }) => action === 'open' || action === 'close'))
-            .subscribe(event => {
-            // handle open
-            const { id: modalId, action } = event;
-            const modals = modalsRef.current;
-            if (ModalEvent_1.ModalEvent.Open.guard(event)) {
-                // deactivate current modal (if any)
-                const activeModal = getActiveModal(modals);
-                if (activeModal) {
-                    eventBus.next(ModalEvent_1.ModalEvent.Deactivate.create(activeModal.id));
-                }
-                // track new modal
-                const config = {
-                    id: modalId,
-                    dismissible: !event.disableDismiss
-                };
-                modals.push(config);
-                // activate modal
-                setModal(config);
-            }
-            // handle close
-            else if (action === 'close') {
-                // find modal (fail if it's not tracked)
-                const modalIndex = modals.findIndex(({ id }) => id === modalId);
-                if (modalIndex < 0) {
-                    return;
-                }
-                // untrack modal
-                modals.splice(modalIndex, 1);
-                // reactivate previous modal (if any)
-                const activeModal = getActiveModal(modals);
-                if (activeModal) {
-                    // update state
-                    setModal(activeModal);
-                    // reactivate
-                    eventBus.next(ModalEvent_1.ModalEvent.Activate.create(activeModal.id));
-                }
-                // or unlock ui
-                else {
-                    setModal(undefined);
-                }
-            }
-        });
-        // unmount
-        return () => subscription.unsubscribe();
-    }, [context]);
-    // handle lock/unlock of ui
-    (0, react_1.useEffect)(() => {
-        // handle ui lock
-        let unlock = undefined;
-        if (modal) {
-            unlock = funnel_core_1.Browser.lockFocus(`#${CSS.escape(modal.id)}`);
-        }
-        // unlock on unmount (if locked)
-        return () => unlock && unlock();
-    }, [modal]);
-    // close on escape
-    (0, react_hotkeys_hook_1.useHotkeys)('esc', () => {
-        // ignore if not dismissible
-        if (!modal || !modal.dismissible) {
-            return;
-        }
-        // send dismiss event (modal should dismiss via 'close' event)
-        context.eventBus.next(ModalEvent_1.ModalEvent.Dismiss.create(modal.id));
-    }, {
-        enabled: (modal === null || modal === void 0 ? void 0 : modal.dismissible) === true,
-        enableOnFormTags: ['input', 'textarea']
-    }, [modal]);
-    // skip for SSR
-    if (!funnel_core_1.Browser.available) {
-        return children;
-    }
-    // render
-    return ((0, jsx_runtime_1.jsx)(ModalContext_1.ModalContext.Provider, { value: context, children: children }));
-}
-function getActiveModal(modals) {
-    const modalCount = modals.length;
-    return modalCount > 0
-        ? modals[modalCount - 1]
-        : undefined;
-}

package/dist/client/interaction/modal/ModalContext.d.ts

@@ -1,8 +0,0 @@
-import { Subject } from 'rxjs';
-import { ModalEvent } from './ModalEvent';
-export declare const ModalContext: import("react").Context<ModalContext.Data>;
-export declare namespace ModalContext {
-    type Data = {
-        eventBus: Subject<ModalEvent>;
-    };
-}

package/dist/client/interaction/modal/ModalContext.js

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

package/dist/client/interaction/modal/ModalEvent.d.ts

@@ -1,39 +0,0 @@
-import { Modal } from './Modal';
-export type ModalEvent = ModalEvent.Open | ModalEvent.Activate | ModalEvent.Deactivate | ModalEvent.Dismiss | ModalEvent.Close;
-export declare namespace ModalEvent {
-    export type Action = 'open' | 'activate' | 'deactivate' | 'dismiss' | 'close';
-    interface Base {
-        id: Modal.Id;
-        action: ModalEvent.Action;
-    }
-    export interface Open extends Base {
-        action: 'open';
-        disableDismiss: boolean;
-    }
-    export namespace Open {
-        function guard(event: ModalEvent): event is Open;
-        function create(id: Modal.Id, disableDismiss?: boolean): Open;
-    }
-    export interface Activate extends Base {
-        action: 'activate';
-    }
-    export namespace Activate {
-        function create(id: Modal.Id): Activate;
-    }
-    export interface Deactivate extends Base {
-        action: 'deactivate';
-    }
-    export namespace Deactivate {
-        function create(id: Modal.Id): Deactivate;
-    }
-    export interface Dismiss extends Base {
-        action: 'dismiss';
-    }
-    export namespace Dismiss {
-        function create(id: Modal.Id): Dismiss;
-    }
-    export interface Close extends Base {
-        action: 'close';
-    }
-    export {};
-}

package/dist/client/interaction/modal/ModalEvent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalEvent = void 0;
-// extension
-var ModalEvent;
-(function (ModalEvent) {
-    let Open;
-    (function (Open) {
-        // helpers
-        function guard(event) {
-            return event.action === 'open';
-        }
-        Open.guard = guard;
-        function create(id, disableDismiss = false) {
-            return {
-                id,
-                action: 'open',
-                disableDismiss
-            };
-        }
-        Open.create = create;
-    })(Open = ModalEvent.Open || (ModalEvent.Open = {}));
-    let Activate;
-    (function (Activate) {
-        function create(id) {
-            return {
-                id,
-                action: 'activate'
-            };
-        }
-        Activate.create = create;
-    })(Activate = ModalEvent.Activate || (ModalEvent.Activate = {}));
-    let Deactivate;
-    (function (Deactivate) {
-        function create(id) {
-            return {
-                id,
-                action: 'deactivate'
-            };
-        }
-        Deactivate.create = create;
-    })(Deactivate = ModalEvent.Deactivate || (ModalEvent.Deactivate = {}));
-    let Dismiss;
-    (function (Dismiss) {
-        function create(id) {
-            return {
-                id,
-                action: 'dismiss'
-            };
-        }
-        Dismiss.create = create;
-    })(Dismiss = ModalEvent.Dismiss || (ModalEvent.Dismiss = {}));
-})(ModalEvent || (exports.ModalEvent = ModalEvent = {}));

package/dist/client/interaction/modal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Modal';
-export * from './ModalContainer';