react-arborist 0.1.12 → 0.2.0-beta.0

package/dist/lib/selection/selection.js

@@ -1,192 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Selection = void 0;
-var range_1 = require("./range");
-var Selection = /** @class */ (function () {
-    function Selection(ranges, currentIndex, direction, items) {
-        var _this = this;
-        if (ranges === void 0) { ranges = []; }
-        if (currentIndex === void 0) { currentIndex = ranges.length ? ranges.length - 1 : null; }
-        if (direction === void 0) { direction = "none"; }
-        if (items === void 0) { items = []; }
-        this.ranges = [];
-        this.direction = "none";
-        ranges.forEach(function (_a) {
-            var s = _a[0], e = _a[1];
-            return _this.addRange(s, e);
-        });
-        this.currentIndex = currentIndex;
-        this.direction = direction;
-        this.items = items;
-    }
-    Selection.parse = function (data, items) {
-        if (data) {
-            return new Selection(data.ranges, data.currentIndex, data.direction, items);
-        }
-        else {
-            return new Selection();
-        }
-    };
-    Object.defineProperty(Selection.prototype, "current", {
-        get: function () {
-            if (this.currentIndex === null)
-                return null;
-            var range = this.ranges[this.currentIndex];
-            if (!range) {
-                return null;
-            }
-            else {
-                return range;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Selection.prototype.select = function (n) {
-        if (n < 0 || n >= this.items.length)
-            return;
-        this.clear();
-        this.currentIndex = this.addRange(n, n);
-    };
-    Selection.prototype.multiSelect = function (n) {
-        if (n < 0 || n >= this.items.length)
-            return;
-        if (this.contains(n))
-            return;
-        this.currentIndex = this.addRange(n, n);
-        this.compact(n);
-    };
-    Selection.prototype.deselect = function (n) {
-        if (n < 0 || n >= this.items.length)
-            return;
-        var r = this.ranges.find(function (r) { return r.contains(n); });
-        if (!r)
-            return;
-        else if (r.size === 1)
-            this.removeRange(r);
-        else if (r.start === n)
-            r.start++;
-        else if (r.end === n)
-            r.end--;
-        else {
-            this.removeRange(r);
-            this.addRange(r.start, n - 1);
-            this.currentIndex = this.addRange(n + 1, r.end);
-        }
-    };
-    Selection.prototype.getSelectedItems = function () {
-        var _this = this;
-        return this.ranges.flatMap(function (range) {
-            return range.map(function (index) { return _this.items[index]; });
-        });
-    };
-    Selection.prototype.extend = function (n) {
-        if (n < 0 || n >= this.items.length)
-            return;
-        if (this.isEmpty()) {
-            this.select(n);
-        }
-        else {
-            var anchor = this.getAnchor();
-            if (anchor !== null && this.current) {
-                var _a = [n, anchor].sort(function (a, b) { return a - b; }), start = _a[0], end = _a[1];
-                this.current.start = start;
-                this.current.end = end;
-                this.compact(n);
-            }
-        }
-    };
-    Selection.prototype.contains = function (n) {
-        if (n === null)
-            return false;
-        return this.ranges.some(function (r) { return r.contains(n); });
-    };
-    Selection.prototype.getRanges = function () {
-        return this.ranges.map(function (r) { return r.serialize(); });
-    };
-    Selection.prototype.clear = function () {
-        this.ranges = [];
-        this.currentIndex = null;
-        this.direction = "none";
-    };
-    Selection.prototype.serialize = function () {
-        return {
-            ranges: this.getRanges(),
-            currentIndex: this.currentIndex,
-            direction: this.direction,
-        };
-    };
-    Selection.prototype.isEqual = function (other) {
-        if (other.ranges.length !== this.ranges.length)
-            return false;
-        for (var i = 0; i < this.ranges.length; ++i) {
-            if (!this.ranges[i].isEqual(other.ranges[i]))
-                return false;
-        }
-        return true;
-    };
-    Selection.prototype.addRange = function (start, end) {
-        var r = new range_1.Range(start, end);
-        // Keep ranges sorted by start
-        var index = this.ranges.findIndex(function (r) { return r.start >= start; });
-        if (index === -1)
-            this.ranges.push(r);
-        else
-            this.ranges.splice(index, 0, r);
-        return index === -1 ? this.ranges.length - 1 : index;
-    };
-    Selection.prototype.removeRange = function (r) {
-        var index = this.ranges.indexOf(r);
-        this.ranges.splice(index, 1);
-        if (this.isEmpty()) {
-            this.currentIndex = null;
-        }
-        else if (index === this.currentIndex) {
-            this.currentIndex = this.ranges.length - 1;
-        }
-    };
-    Selection.prototype.isEmpty = function () {
-        return this.ranges.length === 0;
-    };
-    Selection.prototype.getAnchor = function () {
-        if (!this.current)
-            return null;
-        return this.direction === "backward"
-            ? this.current.end
-            : this.current.start;
-    };
-    Selection.prototype.getFocus = function () {
-        if (!this.current)
-            return -1;
-        return this.direction === "backward"
-            ? this.current.start
-            : this.current.end;
-    };
-    Selection.prototype.compact = function (focus) {
-        var _this = this;
-        var removals = [];
-        var current = this.current;
-        for (var _i = 0, _a = this.ranges; _i < _a.length; _i++) {
-            var r = _a[_i];
-            if (!this.current || r === this.current)
-                continue;
-            if (this.current.overlaps(r)) {
-                this.current.combine(r);
-                removals.push(r);
-            }
-        }
-        removals.forEach(function (r) { return _this.removeRange(r); });
-        if (current)
-            this.currentIndex = this.ranges.indexOf(current);
-        if (!this.current)
-            return;
-        if (this.current.start < focus)
-            this.direction = "forward";
-        else if (this.current.end > focus)
-            this.direction = "backward";
-        else
-            this.direction = "none";
-    };
-    return Selection;
-}());
-exports.Selection = Selection;

package/dist/lib/selection/selection.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/lib/selection/selection.test.js

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var selection_1 = require("./selection");
-var createSelection = function () {
-    var ranges = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        ranges[_i] = arguments[_i];
-    }
-    return new selection_1.Selection(ranges);
-};
-describe("select", function () {
-    test("select one after end", function () {
-        var s = createSelection([0, 0]);
-        s.multiSelect(1);
-        expect(s.getRanges()).toEqual([[0, 1]]);
-        expect(s.direction).toEqual("forward");
-    });
-    test("select one before start", function () {
-        var s = createSelection([1, 1]);
-        s.multiSelect(0);
-        expect(s.getRanges()).toEqual([[0, 1]]);
-        expect(s.direction).toEqual("backward");
-    });
-    test("select between two ranges", function () {
-        var s = createSelection([0, 0], [2, 2]);
-        s.multiSelect(1);
-        expect(s.getRanges()).toEqual([[0, 2]]);
-        expect(s.direction).toEqual("forward");
-    });
-    test("select new spot", function () {
-        var s = createSelection([0, 0]);
-        s.multiSelect(5);
-        expect(s.getRanges()).toEqual([
-            [0, 0],
-            [5, 5],
-        ]);
-        expect(s.direction).toEqual("none");
-    });
-});
-describe("deselect", function () {
-    test("one", function () {
-        var s = createSelection([0, 0]);
-        s.deselect(0);
-        expect(s.getRanges()).toEqual([]);
-    });
-    test("start of a range", function () {
-        var s = createSelection([0, 5]);
-        s.deselect(0);
-        expect(s.getRanges()).toEqual([[1, 5]]);
-    });
-    test("end of a range", function () {
-        var s = createSelection([0, 5]);
-        s.deselect(5);
-        expect(s.getRanges()).toEqual([[0, 4]]);
-    });
-    test("between a range", function () {
-        var s = createSelection([0, 5]);
-        s.deselect(3);
-        expect(s.getRanges()).toEqual([
-            [0, 2],
-            [4, 5],
-        ]);
-    });
-});
-describe("extend", function () {
-    test("up", function () {
-        var s = createSelection();
-        s.multiSelect(5);
-        s.extend(6);
-        expect(s.getRanges()).toEqual([[5, 6]]);
-    });
-    test("down", function () {
-        var s = createSelection();
-        s.multiSelect(5);
-        s.extend(4);
-        expect(s.getRanges()).toEqual([[4, 5]]);
-    });
-    test("around anchor", function () {
-        var s = createSelection([5, 10]);
-        s.extend(1);
-        expect(s.getRanges()).toEqual([[1, 5]]);
-    });
-    test("through other ranges", function () {
-        var s = createSelection([0, 0], [5, 5], [9, 10]);
-        s.multiSelect(2);
-        s.extend(20);
-        expect(s.getRanges()).toEqual([
-            [0, 0],
-            [2, 20],
-        ]);
-    });
-    test("clicking backward", function () {
-        var s = createSelection([15, 15]);
-        s.extend(3);
-        expect(s.getRanges()).toEqual([[3, 15]]);
-    });
-    test("split range then extend", function () {
-        var s = createSelection([5, 10]);
-        s.deselect(8);
-        expect(s.currentIndex).toEqual(1);
-    });
-});

package/dist/lib/tree-api-hook.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTreeApi = void 0;
-var react_1 = require("react");
-var reducer_1 = require("./reducer");
-var tree_api_1 = require("./tree-api");
-function useTreeApi(state, dispatch, props, list) {
-    /**
-     * We only ever want one instance of the api object
-     * It will get updated as the props change, but the
-     * reference will not.
-     */
-    var api = (0, react_1.useMemo)(function () { return new tree_api_1.TreeApi(dispatch, state, props, list); }, 
-    // eslint-disable-next-line
-    []);
-    api.assign(dispatch, state, props, list);
-    /**
-     * This ensures that the selection remains correct even
-     * after opening and closing a folders
-     */
-    (0, react_1.useLayoutEffect)(function () {
-        dispatch(reducer_1.actions.setVisibleIds(api.visibleIds, api.idToIndex));
-    }, [dispatch, api, props.root]);
-    return api;
-}
-exports.useTreeApi = useTreeApi;

package/dist/lib/tree-api.js

@@ -1,130 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeApi = void 0;
-var memoize_one_1 = __importDefault(require("memoize-one"));
-var flatten_tree_1 = require("./data/flatten-tree");
-var reducer_1 = require("./reducer");
-var TreeApi = /** @class */ (function () {
-    function TreeApi(dispatch, state, props, list) {
-        this.dispatch = dispatch;
-        this.state = state;
-        this.props = props;
-        this.list = list;
-    }
-    TreeApi.prototype.assign = function (dispatch, state, props, list) {
-        this.dispatch = dispatch;
-        this.state = state;
-        this.props = props;
-        this.list = list;
-    };
-    TreeApi.prototype.getNode = function (id) {
-        if (id in this.idToIndex)
-            return this.visibleNodes[this.idToIndex[id]] || null;
-        else
-            return null;
-    };
-    TreeApi.prototype.getSelectedIds = function () {
-        return this.state.selection.ids;
-    };
-    TreeApi.prototype.edit = function (id) {
-        this.dispatch(reducer_1.actions.edit(id ? id.toString() : null));
-    };
-    TreeApi.prototype.select = function (index, meta, shift) {
-        this.dispatch(reducer_1.actions.select(index, meta, shift));
-    };
-    TreeApi.prototype.selectUpwards = function (shiftKey) {
-        this.dispatch(reducer_1.actions.stepUp(shiftKey, this.visibleIds));
-    };
-    TreeApi.prototype.selectDownwards = function (shiftKey) {
-        this.dispatch(reducer_1.actions.stepDown(shiftKey, this.visibleIds));
-    };
-    TreeApi.prototype.hideCursor = function () {
-        this.dispatch(reducer_1.actions.setCursorLocation(null));
-    };
-    TreeApi.prototype.showCursor = function (location) {
-        this.dispatch(reducer_1.actions.setCursorLocation(location));
-    };
-    TreeApi.prototype.scrollToId = function (id) {
-        var _this = this;
-        if (!this.list)
-            return;
-        var index = this.idToIndex[id];
-        if (index) {
-            this.list.scrollToItem(index, "start");
-        }
-        else {
-            this.openParents(id);
-            // This appears to be synchronous
-            // But I've only tested it in the console and
-            // not in an event handler which will be batched...
-            // We may need to wrap this in a timeout or trigger an effect somehow
-            setTimeout(function () {
-                var _a;
-                var index = _this.idToIndex[id];
-                if (index) {
-                    (_a = _this.list) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, "start");
-                }
-            });
-        }
-    };
-    TreeApi.prototype.open = function (id) {
-        this.props.onToggle(id, true);
-    };
-    TreeApi.prototype.openParents = function (id) {
-        var node = dfs(this.props.root, id);
-        var parent = node === null || node === void 0 ? void 0 : node.parent;
-        while (parent) {
-            this.open(parent.id);
-            parent = parent.parent;
-        }
-    };
-    Object.defineProperty(TreeApi.prototype, "visibleIds", {
-        get: function () {
-            return getIds(this.visibleNodes);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeApi.prototype, "idToIndex", {
-        get: function () {
-            return createIndex(this.visibleNodes);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeApi.prototype, "visibleNodes", {
-        get: function () {
-            return createList(this.props.root);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return TreeApi;
-}());
-exports.TreeApi = TreeApi;
-var getIds = (0, memoize_one_1.default)(function (nodes) { return nodes.map(function (n) { return n.id; }); });
-var createIndex = (0, memoize_one_1.default)(function (nodes) {
-    return nodes.reduce(function (map, node, index) {
-        map[node.id] = index;
-        return map;
-    }, {});
-});
-var createList = (0, memoize_one_1.default)(flatten_tree_1.flattenTree);
-function dfs(node, id) {
-    if (!node)
-        return null;
-    if (node.id === id)
-        return node;
-    if (node.children) {
-        for (var _i = 0, _a = node.children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            var result = dfs(child, id);
-            if (result)
-                return result;
-        }
-    }
-    return null;
-}

package/dist/lib/tree-monitor.d.ts

@@ -1,15 +0,0 @@
-import { Dispatch, MutableRefObject } from "react";
-import { FixedSizeList } from "react-window";
-import { Action } from "./reducer";
-import { StateContext } from "./types";
-export declare class TreeMonitor {
-    state: StateContext;
-    dispatch: Dispatch<Action>;
-    list: MutableRefObject<FixedSizeList | undefined>;
-    constructor(state: StateContext, dispatch: Dispatch<Action>, list: MutableRefObject<FixedSizeList | undefined>);
-    assign(state: StateContext, dispatch: Dispatch<Action>, list: MutableRefObject<FixedSizeList | undefined>): void;
-    getSelectedIds(): string[];
-    edit(id: string): void;
-    scrollToIndex(index: number, align?: "start" | "center" | "end"): void;
-    scrollTo(scrollOffset: number): void;
-}

package/dist/lib/tree-monitor.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeMonitor = void 0;
-var reducer_1 = require("./reducer");
-var TreeMonitor = /** @class */ (function () {
-    function TreeMonitor(state, dispatch, list) {
-        this.state = state;
-        this.dispatch = dispatch;
-        this.list = list;
-    }
-    TreeMonitor.prototype.assign = function (state, dispatch, list) {
-        this.state = state;
-        this.dispatch = dispatch;
-        this.list = list;
-    };
-    TreeMonitor.prototype.getSelectedIds = function () {
-        return this.state.selection.ids;
-    };
-    TreeMonitor.prototype.edit = function (id) {
-        this.dispatch((0, reducer_1.edit)(id));
-    };
-    TreeMonitor.prototype.scrollToIndex = function (index, align) {
-        var _a;
-        (_a = this.list.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align);
-    };
-    TreeMonitor.prototype.scrollTo = function (scrollOffset) {
-        var _a;
-        (_a = this.list.current) === null || _a === void 0 ? void 0 : _a.scrollTo(scrollOffset);
-    };
-    return TreeMonitor;
-}());
-exports.TreeMonitor = TreeMonitor;

package/dist/lib/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/utils.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.noop = exports.indexOf = exports.isDecendent = exports.isFolder = exports.bound = void 0;
-function bound(n, min, max) {
-    return Math.max(Math.min(n, max), min);
-}
-exports.bound = bound;
-var isFolder = function (node) { return !!node.children; };
-exports.isFolder = isFolder;
-/**
- * Is first param a decendent of the second param
- */
-var isDecendent = function (a, b) {
-    var n = a;
-    while (n) {
-        if (n.id === b.id)
-            return true;
-        n = n.parent;
-    }
-    return false;
-};
-exports.isDecendent = isDecendent;
-var indexOf = function (node) {
-    // This should probably not throw an error, but instead return null
-    if (!node.parent)
-        throw Error("Node does not have a parent");
-    return node.parent.children.findIndex(function (c) { return c.id === node.id; });
-};
-exports.indexOf = indexOf;
-function noop() { }
-exports.noop = noop;