@threekit-tools/treble 0.0.91-next-02 → 0.0.91-next-03

package/dist/hooks/useSpaces/SpacesState.d.ts

@@ -1,5 +1,5 @@
 import type { IWalls, IVerticesState, ICoordinate2D, IFeature, IFeatures, ICoordinatesLine, ISpacesStateProps, IElementAddress, IFeatureName, IVertex, IFeaturesHydrated, IElementUi, IElementName, IActiveElement, IEnclosedSpace, IFeatureDoor, IWallsValidationConfig, IGuides, IAttributeDefaults, IGridToDraw } from './types';
-import { IUnits } from './types';
+import { IUnits, IDimensionOptions } from './types';
 import type { IHydratedAttribute } from '../../types';
 export declare class SpacesState {
     private _config;
@@ -58,8 +58,8 @@ export declare class SpacesState {
     get activeElement(): IActiveElement | null;
     get selectedElement(): null | IElementAddress;
     set selectedElement(element: null | IElementAddress);
-    get showDimensions(): boolean;
-    set showDimensions(val: boolean);
+    get showDimensions(): IDimensionOptions;
+    set showDimensions(val: IDimensionOptions);
     get angleSnappingEnabled(): boolean;
     set angleSnappingEnabled(val: boolean);
     get guideSnappingEnabled(): boolean;
@@ -103,7 +103,7 @@ export declare class SpacesState {
     private getWallDimensions;
     private getWallDimensionsByIndex;
     private getWallDetailedDimensionsByIndex;
-    private getAllWallDimensionsToDraw;
+    private getDimensionToDraw;
     private shiftAllFeaturesOnWall;
     private addFeatureToWall;
     private removeFeatureFromWall;

package/dist/hooks/useSpaces/SpacesState.js

@@ -194,7 +194,7 @@ var SpacesState = (function () {
             _a[types_1.IElements.VERTEX] = {},
             _a[types_1.IElements.FEATURE] = {},
             _a);
-        this._showDimensions = true;
+        this._showDimensions = types_1.IDimensionOptions.NONE;
         this._angleSnappingEnabled = true;
         this._guideSnappingEnabled = !config.config.disableGuides;
         this._guides = null;
@@ -765,12 +765,14 @@ var SpacesState = (function () {
         }, []);
         return lines;
     };
-    SpacesState.prototype.getAllWallDimensionsToDraw = function (detailedWallsIndexes) {
+    SpacesState.prototype.getDimensionToDraw = function (detailedWallsIndexes) {
         var _this = this;
         if (detailedWallsIndexes === void 0) { detailedWallsIndexes = []; }
+        if (this.showDimensions === types_1.IDimensionOptions.NONE)
+            return undefined;
         var indexes = new Set([detailedWallsIndexes].flat());
         var dimensionsList = this.walls.reduce(function (output, _, i) {
-            var dimensions = indexes.has(i)
+            var dimensions = _this.showDimensions === types_1.IDimensionOptions.DETAILED || indexes.has(i)
                 ? _this.getWallDetailedDimensionsByIndex(i)
                 : _this.getWallDimensionsByIndex(i);
             if (!dimensions)
@@ -1013,7 +1015,7 @@ var SpacesState = (function () {
             return;
         var offset = undefined;
         var index = undefined;
-        var length = (feature === null || feature === void 0 ? void 0 : feature.length) || constants_1.FEATURE_LENGTH;
+        var length = ((feature === null || feature === void 0 ? void 0 : feature.length) || constants_1.FEATURE_LENGTH) / this.scale;
         if (addToWallIndex !== undefined && (feature === null || feature === void 0 ? void 0 : feature.offset) !== undefined) {
             var wall = this.getWall(addToWallIndex);
             if (wall) {
@@ -1043,7 +1045,7 @@ var SpacesState = (function () {
         }
         if (index === undefined || offset === undefined)
             return;
-        var newFeature = __assign(__assign({}, feature), { assetId: assetId, offset: offset, length: length, height: (feature === null || feature === void 0 ? void 0 : feature.height) || 0, altitude: (feature === null || feature === void 0 ? void 0 : feature.altitude) || 0, connectedTo: [types_1.IElements.WALL, index], restConfiguration: '{}' });
+        var newFeature = __assign(__assign({}, feature), { assetId: assetId, offset: offset, length: length, height: (feature === null || feature === void 0 ? void 0 : feature.height) ? feature.height / this.scale : 0, altitude: (feature === null || feature === void 0 ? void 0 : feature.altitude) ? feature.altitude / this.scale : 0, connectedTo: [types_1.IElements.WALL, index], restConfiguration: '{}' });
         if (type === types_1.IElements.DOOR) {
             newFeature.orientation = 'left';
             newFeature.openingDirection = 'inside';
@@ -1726,9 +1728,7 @@ var SpacesState = (function () {
             activeWallIndex = (_e = this.getFeature(this._activeElement.type, this._activeElement.index)) === null || _e === void 0 ? void 0 : _e.connectedTo[1];
         var guides = this.guides
             ? __assign(__assign({}, this.guides), { point: this.transformPointToCanvas(this.guides.point) }) : this.guides;
-        (0, draw_1.drawSpaces)(canvas, this.gridToDraw, this.enclosedSpacesToDraw, this.wallsToDraw, this.verticesListToDraw, this.featuresToDraw, this._showDimensions
-            ? this.getAllWallDimensionsToDraw(activeWallIndex)
-            : undefined, guides, selection, this._config.config);
+        (0, draw_1.drawSpaces)(canvas, this.gridToDraw, this.enclosedSpacesToDraw, this.wallsToDraw, this.verticesListToDraw, this.featuresToDraw, this.getDimensionToDraw(activeWallIndex), guides, selection, this._config.config);
         if (((_f = this._newWall) === null || _f === void 0 ? void 0 : _f.start) && ((_g = this._newWall) === null || _g === void 0 ? void 0 : _g.end)) {
             var newWallLine = [
                 this._newWall.start.point,

package/dist/hooks/useSpaces/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { IHydratedAttributeArray } from '../../types';
-import type { ICoordinate2D, IElementName, IElementPublic, ISpacesHookProps } from './types';
+import { ICoordinate2D, IDimensionOptions, IElementName, IElementPublic, ISpacesHookProps } from './types';
 import { IModes, IUnits, IElements } from './types';
 import { IThemes } from './themes';
 import SpacesLayout from './SpacesLayout';
@@ -16,8 +16,14 @@ interface IUseSpaces {
     recenter: (zoomToFit?: boolean) => void;
     deleteElement: (type: IElementName, index: number) => void;
     dimensions: {
-        enabled: boolean;
-        handleToggle: (val?: boolean) => void;
+        value: IDimensionOptions;
+        options: Array<{
+            label: string;
+            value: IDimensionOptions;
+            selected: boolean;
+            handleSelect: () => void;
+        }>;
+        handleChange: (opt: IDimensionOptions) => void;
     };
     angleSnapping: {
         enabled: boolean;

package/dist/hooks/useSpaces/index.js

@@ -39,6 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (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 SpacesState_1 = __importDefault(require("./SpacesState"));
 var constants_1 = require("./constants");
@@ -67,7 +68,7 @@ var useSpaces = function (props) {
     var translationAnchorRef = (0, react_1.useRef)(null);
     var preppedConfig = Object.assign({
         scale: constants_1.SCALE,
-        unit: types_1.IUnits.FEET,
+        unit: types_2.IUnits.FEET,
         snapProximity: constants_1.SNAP_PROXIMITY,
         zoomDefault: zoom || constants_1.ZOOM_DEFAULT,
         translateDefault: translation || constants_1.TRANSLATE_DEFAULT,
@@ -159,7 +160,7 @@ var useSpaces = function (props) {
             return;
         var layoutIds = props.layouts || [];
         dispatch((0, spaces_1.hydrateLayouts)(layoutIds, {
-            walls: attributeNames[types_1.IElements.WALL],
+            walls: attributeNames[types_2.IElements.WALL],
             startX: attributeNames.wallStartX,
             startZ: attributeNames.wallStartZ,
             endX: attributeNames.wallEndX,
@@ -196,7 +197,7 @@ var useSpaces = function (props) {
         var _a;
         if (!canvasRef.current)
             return;
-        if (modeValue !== types_1.IModes.SELECT)
+        if (modeValue !== types_2.IModes.SELECT)
             return;
         var cursorPoint = [e.offsetX, e.offsetY];
         spacesRef.current.selectElementIfInProximity(canvasRef.current, cursorPoint);
@@ -215,7 +216,7 @@ var useSpaces = function (props) {
         selectElementPending.current = element;
     };
     var handleMoveSelectedElement = function (e) {
-        if (modeValue !== types_1.IModes.SELECT)
+        if (modeValue !== types_2.IModes.SELECT)
             return;
         if (!canvasRef.current)
             return;
@@ -224,7 +225,7 @@ var useSpaces = function (props) {
         selectElementPending.current = null;
     };
     var handleMoveCanvas = function (e) {
-        if (modeValue !== types_1.IModes.SELECT)
+        if (modeValue !== types_2.IModes.SELECT)
             return;
         if (!canvasRef.current)
             return;
@@ -239,7 +240,7 @@ var useSpaces = function (props) {
     };
     var handleSetSelectedElement = function (e) {
         var _a;
-        if (modeValue !== types_1.IModes.SELECT)
+        if (modeValue !== types_2.IModes.SELECT)
             return;
         if (!canvasRef.current)
             return;
@@ -262,13 +263,13 @@ var useSpaces = function (props) {
         spacesRef.current.showGuideAtPoint(canvas, cursorPoint);
     };
     var handleDrawWallStart = function (e) {
-        if (modeValue !== types_1.IModes.DRAW)
+        if (modeValue !== types_2.IModes.DRAW)
             return;
         var cursorPoint = [e.offsetX, e.offsetY];
         spacesRef.current.startDrawNewWall(cursorPoint);
     };
     var handleDrawWallMouseMove = function (e) {
-        if (modeValue !== types_1.IModes.DRAW)
+        if (modeValue !== types_2.IModes.DRAW)
             return;
         if (!canvasRef.current)
             return;
@@ -278,7 +279,7 @@ var useSpaces = function (props) {
     };
     var handleDrawWallFinish = function (e) {
         var _a;
-        if (modeValue !== types_1.IModes.DRAW)
+        if (modeValue !== types_2.IModes.DRAW)
             return;
         if (!canvasRef.current)
             return;
@@ -300,9 +301,9 @@ var useSpaces = function (props) {
         if (!canvasRef.current)
             return;
         var cursorPoint = [e.offsetX, e.offsetY];
-        if (modeValue === types_1.IModes.DRAW)
+        if (modeValue === types_2.IModes.DRAW)
             handleDrawModeHover(canvasRef.current, cursorPoint);
-        else if (modeValue === types_1.IModes.SELECT)
+        else if (modeValue === types_2.IModes.SELECT)
             handleSelectModeHover(canvasRef.current, cursorPoint);
     };
     var prepFeatureAttributeForOutput = function (type, attribute) {
@@ -354,12 +355,8 @@ var useSpaces = function (props) {
         (_a = spacesRef.current) === null || _a === void 0 ? void 0 : _a.deleteElement(elementType, index);
         setSelectedElement(null);
     };
-    var handleToggleDimensions = function (val) {
-        if (val === undefined)
-            dispatch((0, spaces_1.setShowDimensions)(!showDimensions));
-        else
-            dispatch((0, spaces_1.setShowDimensions)(val));
-        setSelectedElement(null);
+    var handleSetShowDimensions = function (val) {
+        dispatch((0, spaces_1.setShowDimensions)(val));
     };
     var handleToggleAngleSnapping = function (val) {
         if (val === undefined)
@@ -398,18 +395,18 @@ var useSpaces = function (props) {
             : __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_1.IElements.WALL
+                ], type: selectedElement.path[0], deleteElement: function () { return handleDeleteElement.apply(void 0, selectedElement.path); }, splitWall: selectedElement.path[0] !== types_2.IElements.WALL
                     ? undefined
                     : function (offset) {
                         return spacesRef.current.splitWallAtOffset(selectedElement.path[1], offset);
-                    }, addFeature: selectedElement.path[0] !== types_1.IElements.WALL
+                    }, addFeature: selectedElement.path[0] !== types_2.IElements.WALL
                     ? undefined
                     : function (type, feature) {
                         return spacesRef.current.addFeature(type, selectedElement.path[1], feature);
                     } }),
         mode: {
             value: modeValue,
-            options: [types_1.IModes.SELECT, types_1.IModes.DRAW].map(function (el) { return ({
+            options: [types_2.IModes.SELECT, types_2.IModes.DRAW].map(function (el) { return ({
                 value: el,
                 label: el,
                 selected: modeValue === el,
@@ -418,8 +415,18 @@ var useSpaces = function (props) {
             handleChange: handleSetMode,
         },
         dimensions: {
-            enabled: showDimensions,
-            handleToggle: handleToggleDimensions,
+            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,
@@ -441,7 +448,7 @@ var useSpaces = function (props) {
         },
         unit: {
             value: unit,
-            options: [types_1.IUnits.FEET, types_1.IUnits.METER, types_1.IUnits.INCH, types_1.IUnits.CM].map(function (el) { return ({
+            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,
@@ -462,14 +469,14 @@ var useSpaces = function (props) {
                 return window.threekit.configurator.setFullConfiguration(layout.configuration);
             },
         }); }),
-        walls: prepWallAttributeForOutput(attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_1.IElements.WALL]]),
-        windows: prepFeatureAttributeForOutput(types_1.IElements.WINDOW, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_1.IElements.WINDOW]]),
-        doors: prepFeatureAttributeForOutput(types_1.IElements.DOOR, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_1.IElements.DOOR]]),
-        openings: prepFeatureAttributeForOutput(types_1.IElements.OPENING, attributesState === null || attributesState === void 0 ? void 0 : attributesState[attributeNames[types_1.IElements.OPENING]]),
+        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_1.IUnits;
-useSpaces.modes = types_1.IModes;
+useSpaces.units = types_2.IUnits;
+useSpaces.modes = types_2.IModes;
 useSpaces.LayoutIcon = SpacesLayout_1.default;
 exports.default = useSpaces;

package/dist/hooks/useSpaces/types.d.ts

@@ -285,6 +285,11 @@ export declare enum IUnits {
     INCH = "inch",
     CM = "cm"
 }
+export declare enum IDimensionOptions {
+    NONE = "none",
+    DEFAULT = "default",
+    DETAILED = "detailed"
+}
 export interface ISpacesConfigShared<T> {
     scale: number;
     unit: IUnits;

package/dist/hooks/useSpaces/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IUnits = exports.IModes = exports.IErrorTypes = exports.GUIDE_ORIENTATIONS = exports.SNAPPING_TYPES = exports.IElementStyleModes = exports.IElements = void 0;
+exports.IDimensionOptions = exports.IUnits = exports.IModes = exports.IErrorTypes = exports.GUIDE_ORIENTATIONS = exports.SNAPPING_TYPES = exports.IElementStyleModes = exports.IElements = void 0;
 var IElements;
 (function (IElements) {
     IElements["WALL"] = "walls";
@@ -46,3 +46,9 @@ var IUnits;
     IUnits["INCH"] = "inch";
     IUnits["CM"] = "cm";
 })(IUnits = exports.IUnits || (exports.IUnits = {}));
+var IDimensionOptions;
+(function (IDimensionOptions) {
+    IDimensionOptions["NONE"] = "none";
+    IDimensionOptions["DEFAULT"] = "default";
+    IDimensionOptions["DETAILED"] = "detailed";
+})(IDimensionOptions = exports.IDimensionOptions || (exports.IDimensionOptions = {}));

package/dist/icons/Ruler copy.d.ts

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

package/dist/icons/Ruler copy.js

@@ -0,0 +1,22 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("rect", { x: "5.75735", y: "1.51472", width: "18", height: "6", transform: "rotate(45 5.75735 1.51472)", className: "tk-icon", strokeWidth: "2" }),
+        react_1.default.createElement("path", { d: "M8.93934 4.6967L6.11091 7.52513M11.0607 6.81802L8.93934 8.93934M13.182 8.93934L11.0607 11.0607M15.3033 11.0607L12.4749 13.8891", className: "tk-icon", strokeWidth: "1" })));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/RulerBlank.d.ts

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

package/dist/icons/RulerBlank.js

@@ -0,0 +1,25 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("g", { "clip-path": "url(#clip0_1031_536)" },
+            react_1.default.createElement("rect", { x: "5.75732", y: "1.51465", width: "18", height: "6", transform: "rotate(45 5.75732 1.51465)", className: "tk-icon", "stroke-width": "2" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1031_536" },
+                react_1.default.createElement("rect", { width: "20", height: "20", fill: "white" })))));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/RulerDetailed copy.d.ts

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

package/dist/icons/RulerDetailed copy.js

@@ -0,0 +1,27 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("g", { "clip-path": "url(#clip0_1031_521)" },
+            react_1.default.createElement("rect", { x: "5.75732", y: "1.51465", width: "18", height: "6", transform: "rotate(45 5.75732 1.51465)", className: "tk-icon", "stroke-width": "2" }),
+            react_1.default.createElement("path", { d: "M7.82837 4L4.99994 6.82843M9.16899 5.34062L7.04767 7.46194M10.5096 6.68123L8.38828 8.80255M11.8502 8.02185L9.02179 10.8503", className: "tk-icon" }),
+            react_1.default.createElement("path", { d: "M11.8284 8L8.99994 10.8284M13.169 9.34062L11.0477 11.4619M14.5096 10.6812L12.3883 12.8026M15.8502 12.0219L13.0218 14.8503", className: "tk-icon" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1031_521" },
+                react_1.default.createElement("rect", { width: "20", height: "20", fill: "white" })))));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/RulerDetailed.d.ts

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

package/dist/icons/RulerDetailed.js

@@ -0,0 +1,27 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("g", { "clip-path": "url(#clip0_1031_521)" },
+            react_1.default.createElement("rect", { x: "5.75732", y: "1.51465", width: "18", height: "6", transform: "rotate(45 5.75732 1.51465)", className: "tk-icon", "stroke-width": "2" }),
+            react_1.default.createElement("path", { d: "M7.82837 4L4.99994 6.82843M9.16899 5.34062L7.04767 7.46194M10.5096 6.68123L8.38828 8.80255M11.8502 8.02185L9.02179 10.8503", className: "tk-icon" }),
+            react_1.default.createElement("path", { d: "M11.8284 8L8.99994 10.8284M13.169 9.34062L11.0477 11.4619M14.5096 10.6812L12.3883 12.8026M15.8502 12.0219L13.0218 14.8503", className: "tk-icon" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1031_521" },
+                react_1.default.createElement("rect", { width: "20", height: "20", fill: "white" })))));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/index.js

@@ -37,6 +37,8 @@ var Player3D_1 = __importDefault(require("./Player3D"));
 var Redo_1 = __importDefault(require("./Redo"));
 var Remove_1 = __importDefault(require("./Remove"));
 var Ruler_1 = __importDefault(require("./Ruler"));
+var RulerBlank_1 = __importDefault(require("./RulerBlank"));
+var RulerDetailed_1 = __importDefault(require("./RulerDetailed"));
 var Search_1 = __importDefault(require("./Search"));
 var Settings_1 = __importDefault(require("./Settings"));
 var Share_1 = __importDefault(require("./Share"));
@@ -101,6 +103,8 @@ exports.default = (_a = {},
     _a[Redo_1.default.iconName] = Redo_1.default,
     _a[Remove_1.default.iconName] = Remove_1.default,
     _a[Ruler_1.default.iconName] = Ruler_1.default,
+    _a[RulerBlank_1.default.iconName] = RulerBlank_1.default,
+    _a[RulerDetailed_1.default.iconName] = RulerDetailed_1.default,
     _a[Search_1.default.iconName] = Search_1.default,
     _a[Settings_1.default.iconName] = Settings_1.default,
     _a[Share_1.default.iconName] = Share_1.default,

package/dist/index.d.ts

@@ -91,6 +91,8 @@ import Player3DIcon from './icons/Player3D';
 import RedoIcon from './icons/Redo';
 import RemoveIcon from './icons/Remove';
 import RulerIcon from './icons/Ruler';
+import RulerBlankIcon from './icons/RulerBlank';
+import RulerDetailedIcon from './icons/RulerDetailed';
 import SearchIcon from './icons/Search';
 import SettingsIcon from './icons/Settings';
 import ShareIcon from './icons/Share';
@@ -121,4 +123,4 @@ import UnitCmIcon from './icons/UnitCm';
 import UnitMeterIcon from './icons/UnitMeter';
 import UnitFeetIcon from './icons/UnitFeet';
 import UnitInchIcon from './icons/UnitInch';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useSpaces, usePlayerReady, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, SpacesLayoutIcon, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, Player3DIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, GridSnappingIcon, AngleSnappingIcon, CenterIcon, LayoutAltIcon, MagnetIcon, SaveIcon, UnitCmIcon, UnitMeterIcon, UnitFeetIcon, UnitInchIcon, };
+export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useSpaces, usePlayerReady, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, SpacesLayoutIcon, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, Player3DIcon, RedoIcon, RemoveIcon, RulerIcon, RulerBlankIcon, RulerDetailedIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, GridSnappingIcon, AngleSnappingIcon, CenterIcon, LayoutAltIcon, MagnetIcon, SaveIcon, UnitCmIcon, UnitMeterIcon, UnitFeetIcon, UnitInchIcon, };

package/dist/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerReady = exports.useSpaces = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.useConfigurationChangeStatus = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.Player3DIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.SpacesLayoutIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
-exports.UnitInchIcon = exports.UnitFeetIcon = exports.UnitMeterIcon = exports.UnitCmIcon = exports.SaveIcon = exports.MagnetIcon = exports.LayoutAltIcon = exports.CenterIcon = exports.AngleSnappingIcon = exports.GridSnappingIcon = exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = exports.AngleIcon = exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = void 0;
+exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerDetailedIcon = exports.RulerBlankIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.Player3DIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.SpacesLayoutIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
+exports.UnitInchIcon = exports.UnitFeetIcon = exports.UnitMeterIcon = exports.UnitCmIcon = exports.SaveIcon = exports.MagnetIcon = exports.LayoutAltIcon = exports.CenterIcon = exports.AngleSnappingIcon = exports.GridSnappingIcon = exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = exports.AngleIcon = exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -192,6 +192,10 @@ var Remove_1 = __importDefault(require("./icons/Remove"));
 exports.RemoveIcon = Remove_1.default;
 var Ruler_1 = __importDefault(require("./icons/Ruler"));
 exports.RulerIcon = Ruler_1.default;
+var RulerBlank_1 = __importDefault(require("./icons/RulerBlank"));
+exports.RulerBlankIcon = RulerBlank_1.default;
+var RulerDetailed_1 = __importDefault(require("./icons/RulerDetailed"));
+exports.RulerDetailedIcon = RulerDetailed_1.default;
 var Search_1 = __importDefault(require("./icons/Search"));
 exports.SearchIcon = Search_1.default;
 var Settings_1 = __importDefault(require("./icons/Settings"));

package/dist/store/spaces.d.ts

@@ -1,6 +1,6 @@
 import { RootState, ThreekitDispatch } from './index';
 import { IConfiguration } from '../types';
-import { ICoordinate2D, IModes, IUnits } from '../hooks/useSpaces/types';
+import { ICoordinate2D, IDimensionOptions, IModes, IUnits } from '../hooks/useSpaces/types';
 interface ILayout {
     label: string;
     configuration: IConfiguration;
@@ -19,7 +19,7 @@ export interface SpacesState {
     unit: IUnits;
     zoom: null | number;
     translation: null | ICoordinate2D;
-    showDimensions: boolean;
+    showDimensions: IDimensionOptions;
     angleSnappingEnabled: boolean;
     guideSnappingEnabled: boolean;
     gridSnappingEnabled: boolean;
@@ -29,7 +29,7 @@ export declare const setZoom: import("@reduxjs/toolkit").ActionCreatorWithPayloa
 export declare const setUnit: import("@reduxjs/toolkit").ActionCreatorWithPayload<IUnits, string>;
 export declare const setTranslation: import("@reduxjs/toolkit").ActionCreatorWithPayload<ICoordinate2D, string>;
 export declare const setMode: import("@reduxjs/toolkit").ActionCreatorWithPayload<IModes, string>;
-export declare const setShowDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setShowDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<IDimensionOptions, string>;
 export declare const setAngleSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 export declare const setGuideSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 export declare const setGridSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
@@ -39,7 +39,7 @@ export declare const getLayouts: (state: RootState) => Array<ILayout>;
 export declare const getUnit: (state: RootState) => IUnits;
 export declare const getZoom: (state: RootState) => number | null;
 export declare const getTranslation: (state: RootState) => ICoordinate2D | null;
-export declare const getShowDimensions: (state: RootState) => boolean;
+export declare const getShowDimensions: (state: RootState) => IDimensionOptions;
 export declare const getAngleSnappingEnabled: (state: RootState) => boolean;
 export declare const getGuideSnappingEnabled: (state: RootState) => boolean;
 export declare const getGridSnappingEnabled: (state: RootState) => boolean;

package/dist/store/spaces.js

@@ -79,7 +79,7 @@ var initialState = {
     unit: types_1.IUnits.FEET,
     zoom: null,
     translation: null,
-    showDimensions: true,
+    showDimensions: types_1.IDimensionOptions.DEFAULT,
     angleSnappingEnabled: true,
     guideSnappingEnabled: true,
     gridSnappingEnabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.91-next-02",
+  "version": "0.0.91-next-03",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [