@threekit-tools/treble 0.0.92-next-01 → 0.0.93

package/dist/hooks/useSpaces/index.js

@@ -1,557 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var types_1 = require("./types");
-var types_2 = require("./types");
-var useConfigurator_1 = __importDefault(require("../useConfigurator"));
-var constants_1 = require("./constants");
-var themes_1 = require("./themes");
-var SpacesLayout_1 = __importDefault(require("./SpacesLayout"));
-var store_1 = require("../../store");
-var spaces_1 = require("../../store/spaces");
-var useThreekitInitStatus_1 = __importDefault(require("../useThreekitInitStatus"));
-var useSpaces = function (props) {
-    var _a, _b, _c, _d, _e;
-    var attributesState = (0, useConfigurator_1.default)()[0];
-    var hasLoaded = (0, useThreekitInitStatus_1.default)();
-    var dispatch = (0, store_1.useThreekitDispatch)();
-    var layouts = (0, store_1.useThreekitSelector)(spaces_1.getLayouts);
-    var hasInitialized = (0, store_1.useThreekitSelector)(spaces_1.getInitialized);
-    var zoom = (0, store_1.useThreekitSelector)(spaces_1.getZoom);
-    var unit = (0, store_1.useThreekitSelector)(spaces_1.getUnit);
-    var translation = (0, store_1.useThreekitSelector)(spaces_1.getTranslation);
-    var modeValue = (0, store_1.useThreekitSelector)(spaces_1.getMode);
-    var showDimensions = (0, store_1.useThreekitSelector)(spaces_1.getShowDimensions);
-    var angleSnappingEnabled = (0, store_1.useThreekitSelector)(spaces_1.getAngleSnappingEnabled);
-    var guideSnappingEnabled = (0, store_1.useThreekitSelector)(spaces_1.getGuideSnappingEnabled);
-    var gridSnappingEnabled = (0, store_1.useThreekitSelector)(spaces_1.getGridSnappingEnabled);
-    var wallMode = (0, store_1.useThreekitSelector)(spaces_1.getWallMode);
-    var _f = (0, react_1.useState)(null), selectedElement = _f[0], setSelectedElement = _f[1];
-    var _g = (0, react_1.useState)(false), pendingStatus = _g[0], setPendingStatus = _g[1];
-    var canvasRef = (0, react_1.useRef)(null);
-    var selectElementPending = (0, react_1.useRef)(null);
-    var translationAnchorRef = (0, react_1.useRef)(null);
-    var prevStateRef = (0, react_1.useRef)('');
-    var attributeNames = Object.assign(constants_1.ATTRIBUTE_NAME_DEFAULTS, props.attributes);
-    var spacesRef = (0, react_1.useRef)(null);
-    var drawSpaces = function () { var _a; return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.drawSpaces(canvasRef.current); };
-    (0, react_1.useEffect)(function () {
-        if (!hasLoaded)
-            return;
-        (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var parameters, _a;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        parameters = props.config
-                            ? Object.assign({}, props.config.unit ? { unit: props.config.unit } : undefined, props.config.showDimensions
-                                ? { showDimensions: props.config.showDimensions }
-                                : undefined, 'zoomDefault' in props.config
-                                ? { zoomDefault: props.config.zoomDefault }
-                                : undefined, props.config.translateDefault
-                                ? { translateDefault: props.config.translateDefault }
-                                : undefined, 'enableAngleSnapping' in props.config
-                                ? { enableAngleSnapping: props.config.enableAngleSnapping }
-                                : undefined, 'enableGridSnapping' in props.config
-                                ? { enableGridSnapping: props.config.enableGridSnapping }
-                                : undefined, 'enableGuideSnapping' in props.config
-                                ? { enableGridSnapping: props.config.enableGuideSnapping }
-                                : undefined)
-                            : {};
-                        _a = spacesRef;
-                        return [4, dispatch((0, spaces_1.initSpaces)({
-                                parameters: __assign(__assign({}, parameters), { theme: (_b = props.config) === null || _b === void 0 ? void 0 : _b.theme }),
-                                layoutIds: props.layouts || [],
-                                attributeNames: attributeNames,
-                                canvasDimensions: canvasRef.current
-                                    ? [canvasRef.current.width, canvasRef.current.height]
-                                    : undefined,
-                                setPendingStatus: setPendingStatus,
-                            }))];
-                    case 1:
-                        _a.current = _c.sent();
-                        drawSpaces();
-                        return [2];
-                }
-            });
-        }); })();
-    }, [hasLoaded]);
-    if (spacesRef.current) {
-        var attributesDelinked = void 0;
-        if (JSON.stringify(attributesState) !== prevStateRef.current) {
-            prevStateRef.current = JSON.stringify(attributesState);
-            attributesDelinked = JSON.parse(JSON.stringify(attributesState));
-        }
-        (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.sync({
-            attributesState: attributesDelinked,
-            canvasDimensions: canvasRef.current
-                ? [canvasRef.current.width, canvasRef.current.height]
-                : undefined,
-            angleSnappingEnabled: angleSnappingEnabled,
-            gridSnappingEnabled: gridSnappingEnabled,
-            guideSnappingEnabled: guideSnappingEnabled,
-            showDimensions: showDimensions,
-            unit: unit,
-            zoom: spacesRef.current.zoom !== zoom ? zoom : undefined,
-            translate: translation,
-            wallMode: {
-                value: wallMode.value,
-                assetId: wallMode.assetId,
-            },
-            selectedElement: selectedElement
-                ? {
-                    type: selectedElement.path[0],
-                    index: selectedElement.path[1],
-                }
-                : null,
-        });
-    }
-    (0, react_1.useEffect)(function () {
-        if (!canvasRef.current)
-            return;
-        if (pendingStatus)
-            canvasRef.current.style.cursor = 'progress';
-        else
-            canvasRef.current.style.cursor = 'default';
-    }, [pendingStatus, canvasRef.current]);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if (pendingStatus)
-            return;
-        if (canvasRef.current) {
-            canvasRef.current.addEventListener('mousedown', handleDrawWallStart);
-            canvasRef.current.addEventListener('mousemove', handleDrawWallMouseMove);
-            document.addEventListener('mouseup', handleDrawWallFinish);
-            canvasRef.current.addEventListener('mousemove', handleHover);
-            canvasRef.current.addEventListener('mousedown', handleSelectElement);
-            canvasRef.current.addEventListener('mousemove', handleMoveSelectedElement);
-            if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled))
-                canvasRef.current.addEventListener('mousemove', handleMoveCanvas);
-            document.addEventListener('mouseup', handleFinishMove);
-            if (!((_b = props.config) === null || _b === void 0 ? void 0 : _b.zoomDisabled))
-                canvasRef.current.addEventListener('wheel', handleScrollToZoom);
-        }
-        return function () {
-            var _a, _b;
-            if (canvasRef.current) {
-                canvasRef.current.removeEventListener('mousedown', handleDrawWallStart);
-                canvasRef.current.removeEventListener('mousemove', handleDrawWallMouseMove);
-                document.removeEventListener('mouseup', handleDrawWallFinish);
-                canvasRef.current.removeEventListener('mousemove', handleHover);
-                canvasRef.current.removeEventListener('mousedown', handleSelectElement);
-                canvasRef.current.removeEventListener('mousemove', handleMoveSelectedElement);
-                if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled))
-                    canvasRef.current.removeEventListener('mousemove', handleMoveCanvas);
-                document.removeEventListener('mouseup', handleFinishMove);
-                if (!((_b = props.config) === null || _b === void 0 ? void 0 : _b.zoomDisabled))
-                    canvasRef.current.removeEventListener('wheel', handleScrollToZoom);
-            }
-        };
-    });
-    (0, react_1.useEffect)(function () {
-        if (hasInitialized)
-            drawSpaces();
-    });
-    var updateZoom = function (value) {
-        if (!spacesRef.current)
-            return;
-        var prevZoom = spacesRef.current.zoom;
-        spacesRef.current.zoom = value;
-        if (prevZoom === spacesRef.current.zoom)
-            return;
-        dispatch((0, spaces_1.setZoom)(spacesRef.current.zoom));
-        drawSpaces();
-    };
-    var updateUnit = function (unit) {
-        if (!spacesRef.current)
-            return;
-        spacesRef.current.unit = unit;
-        dispatch((0, spaces_1.setUnit)(spacesRef.current.unit));
-    };
-    var handleRecenter = function (zoomToFit) {
-        if (!spacesRef.current)
-            return;
-        spacesRef.current.centerSpace(canvasRef.current, zoomToFit);
-        dispatch((0, spaces_1.setZoom)(spacesRef.current.zoom));
-        dispatch((0, spaces_1.setTranslation)(spacesRef.current.translate));
-    };
-    var handleSelectModeHover = function (canvas, cursorPoint) {
-        if (!spacesRef.current)
-            return;
-        if (spacesRef.current.activeElement !== null)
-            return;
-        if (translationAnchorRef.current)
-            return;
-        spacesRef.current.highlightElementIfInProximity(canvas, cursorPoint);
-    };
-    var handleSelectElement = function (e) {
-        var _a;
-        if (!spacesRef.current)
-            return;
-        if (!canvasRef.current)
-            return;
-        if (modeValue !== types_2.IModes.SELECT)
-            return;
-        var cursorPoint = [e.offsetX, e.offsetY];
-        spacesRef.current.selectElementIfInProximity(canvasRef.current, cursorPoint);
-        var element = spacesRef.current.getElementUiAtPoint(cursorPoint);
-        if (!element) {
-            if (selectedElement !== null)
-                setSelectedElement(null);
-            if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled) && !spacesRef.current.activeElement)
-                translationAnchorRef.current = cursorPoint;
-            return;
-        }
-        if (spacesRef.current.activeElement ||
-            (selectedElement &&
-                JSON.stringify(element.path) !== JSON.stringify(selectedElement.path)))
-            setSelectedElement(null);
-        selectElementPending.current = element;
-    };
-    var handleMoveSelectedElement = function (e) {
-        if (!spacesRef.current)
-            return;
-        if (modeValue !== types_2.IModes.SELECT)
-            return;
-        if (!canvasRef.current)
-            return;
-        var point = [e.offsetX, e.offsetY];
-        spacesRef.current.moveActiveElement(canvasRef.current, point);
-        selectElementPending.current = null;
-    };
-    var handleMoveCanvas = function (e) {
-        if (!spacesRef.current)
-            return;
-        if (modeValue !== types_2.IModes.SELECT)
-            return;
-        if (!canvasRef.current)
-            return;
-        if (spacesRef.current.selectedElement || !translationAnchorRef.current)
-            return;
-        spacesRef.current.translate = [
-            spacesRef.current.translate[0] +
-                e.offsetX -
-                translationAnchorRef.current[0],
-            spacesRef.current.translate[1] +
-                e.offsetY -
-                translationAnchorRef.current[1],
-        ];
-        translationAnchorRef.current = [e.offsetX, e.offsetY];
-        drawSpaces();
-    };
-    var handleFinishMove = function (e) {
-        var _a;
-        if (!spacesRef.current)
-            return;
-        if (modeValue !== types_2.IModes.SELECT)
-            return;
-        if (!canvasRef.current)
-            return;
-        if (!((_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-            spacesRef.current.cancelMoveActiveElement(canvasRef.current);
-            return;
-        }
-        spacesRef.current.finishMoveActiveElement(canvasRef.current);
-        if (selectElementPending.current) {
-            setSelectedElement(selectElementPending.current);
-            selectElementPending.current = null;
-            return;
-        }
-        if (translationAnchorRef.current) {
-            translationAnchorRef.current = null;
-            dispatch((0, spaces_1.setTranslation)(spacesRef.current.translate));
-        }
-    };
-    var handleDrawModeHover = function (canvas, cursorPoint) {
-        if (!spacesRef.current)
-            return;
-        if (spacesRef.current.isDrawWallActive)
-            return;
-        spacesRef.current.showGuideAtPoint(canvas, cursorPoint);
-    };
-    var handleDrawWallStart = function (e) {
-        if (!spacesRef.current)
-            return;
-        if (modeValue !== types_2.IModes.DRAW)
-            return;
-        spacesRef.current.startDrawNewWall([e.offsetX, e.offsetY]);
-    };
-    var handleDrawWallMouseMove = function (e) {
-        if (!spacesRef.current || !canvasRef.current)
-            return;
-        if (modeValue !== types_2.IModes.DRAW)
-            return;
-        if (spacesRef.current.isDrawWallActive)
-            spacesRef.current.drawNewWall(canvasRef.current, [e.offsetX, e.offsetY]);
-    };
-    var handleDrawWallFinish = function (e) {
-        var _a;
-        if (!spacesRef.current || !canvasRef.current)
-            return;
-        if (modeValue !== types_2.IModes.DRAW)
-            return;
-        if (!((_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-            spacesRef.current.cancelDrawNewWall(canvasRef.current);
-            return;
-        }
-        spacesRef.current.finishDrawNewWall(canvasRef.current);
-    };
-    var handleScrollToZoom = function (e) {
-        var _a;
-        if (!canvasRef.current)
-            return;
-        var zoomSensitivity = ((_a = props.config) === null || _a === void 0 ? void 0 : _a.zoomSensitivity) || constants_1.ZOOM_SENSITIVITY;
-        updateZoom(-1 * e.deltaY * zoomSensitivity);
-        e.preventDefault();
-    };
-    var handleHover = function (e) {
-        if (!canvasRef.current)
-            return;
-        var cursorPoint = [e.offsetX, e.offsetY];
-        if (modeValue === types_2.IModes.DRAW)
-            handleDrawModeHover(canvasRef.current, cursorPoint);
-        else if (modeValue === types_2.IModes.SELECT)
-            handleSelectModeHover(canvasRef.current, cursorPoint);
-    };
-    var prepFeatureAttributeForOutput = function (type, attribute) {
-        if (!attribute)
-            return undefined;
-        var values = attribute.values.map(function (val) { return (__assign(__assign({}, val), { add: function (addToWallIndex, feature) {
-                var _a;
-                return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.addFeature(type, addToWallIndex, __assign({ assetId: val.assetId }, (feature || {})));
-            } })); });
-        var value = attribute.value.map(function (val, i) { return (__assign(__assign({}, val), { delete: function () { var _a; return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.deleteFeature(type, i); } })); });
-        return __assign(__assign({}, attribute), { values: values, value: value });
-    };
-    var prepWallAttributeForOutput = function (attribute) {
-        if (!attribute)
-            return undefined;
-        var values = attribute.values.map(function (val) { return (__assign({}, val)); });
-        var value = attribute.value.map(function (val, i) { return (__assign(__assign({}, val), { delete: function () { var _a; return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.deleteWall(i); }, splitWall: function (offset) { var _a; return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.splitWallAtOffset(i, offset); } })); });
-        return __assign(__assign({}, attribute), { values: values, value: value });
-    };
-    var getElementFromAttributeName = function (attributeName) {
-        var elementAttr = Object.entries(attributeNames).find(function (_a) {
-            var _ = _a[0], attrName = _a[1];
-            return attrName === attributeName;
-        });
-        if (!elementAttr)
-            return;
-        return elementAttr[0];
-    };
-    var handleSetMode = function (mode) {
-        if (mode === modeValue)
-            return;
-        dispatch((0, spaces_1.setMode)(mode));
-        setSelectedElement(null);
-    };
-    var handleReset = function () {
-        var _a;
-        (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.deleteAll();
-        setSelectedElement(null);
-    };
-    var handleDeleteElement = function (type, index) {
-        var _a;
-        var elementType = type;
-        if (Object.values(attributeNames).includes(type)) {
-            var updatedType = getElementFromAttributeName(type);
-            if (!updatedType)
-                return;
-            elementType = updatedType;
-        }
-        (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.deleteElement(elementType, index);
-        setSelectedElement(null);
-    };
-    var handleSetShowDimensions = function (val) {
-        dispatch((0, spaces_1.setShowDimensions)(val));
-    };
-    var handleToggleAngleSnapping = function (val) {
-        if (val === undefined)
-            dispatch((0, spaces_1.setAngleSnappingEnabled)(!angleSnappingEnabled));
-        else
-            dispatch((0, spaces_1.setAngleSnappingEnabled)(val));
-        setSelectedElement(null);
-    };
-    var handleToggleGuideSnapping = function (val) {
-        if (val === undefined)
-            dispatch((0, spaces_1.setGuideSnappingEnabled)(!guideSnappingEnabled));
-        else
-            dispatch((0, spaces_1.setGuideSnappingEnabled)(val));
-        setSelectedElement(null);
-    };
-    var handleToggleGridSnapping = function (val) {
-        if (val === undefined)
-            dispatch((0, spaces_1.setGridSnappingEnabled)(!gridSnappingEnabled));
-        else
-            dispatch((0, spaces_1.setGridSnappingEnabled)(val));
-        setSelectedElement(null);
-    };
-    var handleChangeTranslate = function (delta) {
-        if (!spacesRef.current)
-            return;
-        spacesRef.current.translate = [
-            spacesRef.current.translate[0] + delta[0],
-            spacesRef.current.translate[1] + delta[1],
-        ];
-        dispatch((0, spaces_1.setTranslation)(spacesRef.current.translate));
-    };
-    return {
-        hasLoaded: hasInitialized,
-        draw: drawSpaces,
-        canvasRef: canvasRef,
-        selectedElement: selectedElement === null
-            ? selectedElement
-            : __assign(__assign({}, selectedElement), { path: [
-                    attributeNames[selectedElement.path[0]],
-                    selectedElement.path[1],
-                ], type: selectedElement.path[0], deleteElement: function () { return handleDeleteElement.apply(void 0, selectedElement.path); }, splitWall: selectedElement.path[0] !== types_2.IElements.WALL
-                    ? undefined
-                    : function (offset) {
-                        var _a;
-                        return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.splitWallAtOffset(selectedElement.path[1], offset);
-                    }, addFeature: selectedElement.path[0] !== types_2.IElements.WALL
-                    ? undefined
-                    : function (type, feature) {
-                        var _a;
-                        return (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.addFeature(type, selectedElement.path[1], feature);
-                    } }),
-        mode: {
-            value: modeValue,
-            options: [types_2.IModes.SELECT, types_2.IModes.DRAW].map(function (el) { return ({
-                value: el,
-                label: el,
-                selected: modeValue === el,
-                handleSelect: function () { return handleSetMode(el); },
-            }); }),
-            handleChange: handleSetMode,
-        },
-        dimensions: {
-            value: showDimensions,
-            options: [
-                types_1.IDimensionOptions.NONE,
-                types_1.IDimensionOptions.DEFAULT,
-                types_1.IDimensionOptions.DETAILED,
-            ].map(function (el) { return ({
-                value: el,
-                label: el,
-                selected: showDimensions === el,
-                handleSelect: function () { return handleSetShowDimensions(el); },
-            }); }),
-            handleChange: handleSetShowDimensions,
-        },
-        angleSnapping: {
-            enabled: angleSnappingEnabled,
-            handleToggle: handleToggleAngleSnapping,
-        },
-        guideSnapping: {
-            enabled: guideSnappingEnabled,
-            handleToggle: handleToggleGuideSnapping,
-        },
-        gridSnapping: {
-            enabled: gridSnappingEnabled,
-            handleToggle: handleToggleGridSnapping,
-        },
-        zoom: {
-            min: (_c = (_b = spacesRef.current) === null || _b === void 0 ? void 0 : _b.zoomMin) !== null && _c !== void 0 ? _c : constants_1.ZOOM_MIN,
-            max: (_e = (_d = spacesRef.current) === null || _d === void 0 ? void 0 : _d.zoomMax) !== null && _e !== void 0 ? _e : constants_1.ZOOM_MAX,
-            value: zoom,
-            handleChange: updateZoom,
-        },
-        unit: {
-            value: unit,
-            options: [types_2.IUnits.FEET, types_2.IUnits.METER, types_2.IUnits.INCH, types_2.IUnits.CM].map(function (el) { return ({
-                value: el,
-                label: el,
-                selected: unit === el,
-                handleSelect: function () { return updateUnit(el); },
-            }); }),
-            handleChange: updateUnit,
-        },
-        wallMode: {
-            value: wallMode.value,
-            options: wallMode.options.map(function (mode) { return ({
-                value: mode,
-                label: constants_1.wallModeLabels[mode],
-                selected: mode === wallMode.value,
-                handleSelect: function () { return dispatch((0, spaces_1.setWallModeValue)(mode)); },
-            }); }),
-            handleChange: function (wallMode) {
-                return dispatch((0, spaces_1.setWallModeValue)(wallMode));
-            },
-        },
-        translate: {
-            handleChange: handleChangeTranslate,
-        },
-        reset: handleReset,
-        recenter: handleRecenter,
-        deleteElement: handleDeleteElement,
-        layouts: layouts.map(function (layout) { return ({
-            label: layout.label,
-            loops: layout.loop,
-            handleSelect: function () {
-                return window.threekit.configurator.setFullConfiguration(layout.configuration);
-            },
-        }); }),
-        walls: prepWallAttributeForOutput(attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_2.IElements.WALL]]),
-        windows: prepFeatureAttributeForOutput(types_2.IElements.WINDOW, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_2.IElements.WINDOW]]),
-        doors: prepFeatureAttributeForOutput(types_2.IElements.DOOR, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_2.IElements.DOOR]]),
-        openings: prepFeatureAttributeForOutput(types_2.IElements.OPENING, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_2.IElements.OPENING]]),
-    };
-};
-useSpaces.themes = themes_1.IThemes;
-useSpaces.units = types_2.IUnits;
-useSpaces.modes = types_2.IModes;
-useSpaces.wallModes = constants_1.WallModes;
-useSpaces.LayoutIcon = SpacesLayout_1.default;
-exports.default = useSpaces;

package/dist/hooks/useSpaces/themes/blueprint.d.ts

@@ -1,3 +0,0 @@
-import type { ISpacesStyles } from '../types';
-declare const theme: ISpacesStyles;
-export default theme;

package/dist/hooks/useSpaces/themes/blueprint.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var WALL_THICKNESS = 22;
-var VERTEX_RADIUS = (WALL_THICKNESS - 8) / 2;
-var FEATURE_THICKNESS = WALL_THICKNESS + 6;
-var HIGHLIGHT_COLOR = '#36738E';
-var ACTIVE_COLOR = 'green';
-var ERROR_COLOR = 'red';
-var theme = {
-    grid: {
-        lineThickness: 2,
-        lineColor: '#fff',
-        showSubdivisions: true,
-        subdivisionLineThickness: 1,
-        subdivisionLineColor: '#fff',
-        subdivisionThreshold: 20,
-        backgroundColor: '#37588B',
-    },
-    guides: {
-        color: 'red',
-        thickness: 1,
-    },
-    floor: {
-        color: '#eee',
-        textColor: '#666',
-    },
-    dimensions: {
-        padding: WALL_THICKNESS / 2 + 12,
-        lineThickness: 1,
-        lineColor: '#fff',
-        fontSize: 14,
-        font: 'Helvetica',
-        textColor: '#444',
-        textBackgroundColor: '#fff',
-    },
-    wall: {
-        fill: '#848484',
-        stroke: '#fff',
-        strokeWidth: 1,
-        thickness: WALL_THICKNESS,
-        highlight: {
-            fill: HIGHLIGHT_COLOR,
-            stroke: HIGHLIGHT_COLOR,
-        },
-        active: {
-            fill: ACTIVE_COLOR,
-            stroke: ACTIVE_COLOR,
-        },
-        error: {
-            fill: ERROR_COLOR,
-            stroke: ERROR_COLOR,
-        },
-    },
-    vertex: {
-        innerFill: '#fff',
-        outerFill: '#fff',
-        stroke: '#36738E',
-        strokeWidth: 0,
-        outerRadius: VERTEX_RADIUS,
-        innerRadius: VERTEX_RADIUS / 2,
-        highlight: {
-            innerFill: HIGHLIGHT_COLOR,
-            outerFill: HIGHLIGHT_COLOR,
-            stroke: HIGHLIGHT_COLOR,
-        },
-        active: {
-            innerFill: ACTIVE_COLOR,
-            outerFill: ACTIVE_COLOR,
-            stroke: ACTIVE_COLOR,
-        },
-        error: {
-            innerFill: ERROR_COLOR,
-            outerFill: ERROR_COLOR,
-            stroke: ERROR_COLOR,
-        },
-    },
-    feature: {
-        fill: '#888',
-        stroke: '#888',
-        strokeWidth: 0,
-        thickness: FEATURE_THICKNESS,
-        highlight: {
-            fill: HIGHLIGHT_COLOR,
-            stroke: HIGHLIGHT_COLOR,
-        },
-        active: {
-            fill: ACTIVE_COLOR,
-            stroke: ACTIVE_COLOR,
-        },
-        error: {
-            fill: ERROR_COLOR,
-            stroke: ERROR_COLOR,
-        },
-    },
-};
-exports.default = theme;

package/dist/hooks/useSpaces/themes/default.d.ts

@@ -1,3 +0,0 @@
-import type { ISpacesStyles } from '../types';
-declare const theme: ISpacesStyles;
-export default theme;