@logicflow/react-node-registry/es/portal.js

LogicFlow React Shape

var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
import React, { useReducer } from 'react';
export var Portal;
(function (Portal) {
    var active = false;
    var dispatch;
    var reducer = function (state, action) {
        var payload = action.payload;
        switch (action.type) {
            case 'add': {
                var index = state.findIndex(function (item) { return item.id === payload.id; });
                if (index >= 0) {
                    state[index] = payload;
                    return __spreadArray([], state, true);
                }
                return __spreadArray(__spreadArray([], state, true), [payload], false);
            }
            case 'remove': {
                var index = state.findIndex(function (item) { return item.id === payload.id; });
                if (index >= 0) {
                    var result = __spreadArray([], state, true);
                    result.splice(index, 1);
                    return result;
                }
                break;
            }
            default: {
                break;
            }
        }
        return state;
    };
    function connect(id, portal) {
        if (active) {
            dispatch({
                type: 'add',
                payload: {
                    id: id,
                    portal: portal,
                },
            });
        }
    }
    Portal.connect = connect;
    function disconnect(id) {
        if (active) {
            dispatch({
                type: 'remove',
                payload: { id: id },
            });
        }
    }
    Portal.disconnect = disconnect;
    function isActive() {
        return active;
    }
    Portal.isActive = isActive;
    function getProvider() {
        return function () {
            active = true;
            var _a = useReducer(reducer, []), items = _a[0], mutate = _a[1];
            dispatch = mutate;
            return React.createElement(React.Fragment, {
                children: items.map(function (item) { return item.portal; }),
            });
        };
    }
    Portal.getProvider = getProvider;
})(Portal || (Portal = {}));
//# sourceMappingURL=portal.js.map