react-planner
Version:
react-planner is a React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.
304 lines (278 loc) • 14 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
// ACTIONS project
var NEW_PROJECT = exports.NEW_PROJECT = 'NEW_PROJECT';
var LOAD_PROJECT = exports.LOAD_PROJECT = 'LOAD_PROJECT';
var SAVE_PROJECT = exports.SAVE_PROJECT = 'SAVE_PROJECT';
var OPEN_CATALOG = exports.OPEN_CATALOG = 'OPEN_CATALOG';
var SELECT_TOOL_EDIT = exports.SELECT_TOOL_EDIT = 'SELECT_TOOL_EDIT';
var UNSELECT_ALL = exports.UNSELECT_ALL = 'UNSELECT_ALL';
var SET_PROPERTIES = exports.SET_PROPERTIES = 'SET_PROPERTIES';
var SET_ITEMS_ATTRIBUTES = exports.SET_ITEMS_ATTRIBUTES = 'SET_ITEMS_ATTRIBUTES';
var SET_LINES_ATTRIBUTES = exports.SET_LINES_ATTRIBUTES = 'SET_LINES_ATTRIBUTES';
var SET_HOLES_ATTRIBUTES = exports.SET_HOLES_ATTRIBUTES = 'SET_HOLES_ATTRIBUTES';
var REMOVE = exports.REMOVE = 'REMOVE';
var UNDO = exports.UNDO = 'UNDO';
var ROLLBACK = exports.ROLLBACK = 'ROLLBACK';
var SET_PROJECT_PROPERTIES = exports.SET_PROJECT_PROPERTIES = 'SET_PROJECT_PROPERTIES';
var OPEN_PROJECT_CONFIGURATOR = exports.OPEN_PROJECT_CONFIGURATOR = 'OPEN_PROJECT_CONFIGURATOR';
var INIT_CATALOG = exports.INIT_CATALOG = 'INIT_CATALOG';
var UPDATE_MOUSE_COORDS = exports.UPDATE_MOUSE_COORDS = 'UPDATE_MOUSE_COORDS';
var UPDATE_ZOOM_SCALE = exports.UPDATE_ZOOM_SCALE = 'UPDATE_ZOOM_SCALE';
var TOGGLE_SNAP = exports.TOGGLE_SNAP = 'TOGGLE_SNAP';
var CHANGE_CATALOG_PAGE = exports.CHANGE_CATALOG_PAGE = 'CHANGE_CATALOG_PAGE';
var GO_BACK_TO_CATALOG_PAGE = exports.GO_BACK_TO_CATALOG_PAGE = 'GO_BACK_TO_CATALOG_PAGE';
var THROW_ERROR = exports.THROW_ERROR = 'THROW_ERROR';
var THROW_WARNING = exports.THROW_WARNING = 'THROW_WARNING';
var COPY_PROPERTIES = exports.COPY_PROPERTIES = 'COPY_PROPERTIES';
var PASTE_PROPERTIES = exports.PASTE_PROPERTIES = 'PASTE_PROPERTIES';
var PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = 'PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY';
var ALTERATE_STATE = exports.ALTERATE_STATE = 'ALTERATE_STATE';
var SET_MODE = exports.SET_MODE = 'SET_MODE';
var ADD_HORIZONTAL_GUIDE = exports.ADD_HORIZONTAL_GUIDE = 'ADD_HORIZONTAL_GUIDE';
var ADD_VERTICAL_GUIDE = exports.ADD_VERTICAL_GUIDE = 'ADD_VERTICAL_GUIDE';
var ADD_CIRCULAR_GUIDE = exports.ADD_CIRCULAR_GUIDE = 'ADD_CIRCULAR_GUIDE';
var REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_HORIZONTAL_GUIDE = 'REMOVE_HORIZONTAL_GUIDE';
var REMOVE_VERTICAL_GUIDE = exports.REMOVE_VERTICAL_GUIDE = 'REMOVE_VERTICAL_GUIDE';
var REMOVE_CIRCULAR_GUIDE = exports.REMOVE_CIRCULAR_GUIDE = 'REMOVE_CIRCULAR_GUIDE';
// ACTIONS viewer2D
var SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_ZOOM_IN = 'SELECT_TOOL_ZOOM_IN';
var SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_OUT = 'SELECT_TOOL_ZOOM_OUT';
var SELECT_TOOL_PAN = exports.SELECT_TOOL_PAN = 'SELECT_TOOL_PAN';
var UPDATE_2D_CAMERA = exports.UPDATE_2D_CAMERA = 'UPDATE_2D_CAMERA';
//ACTIONS viewer3D
var SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_VIEW = 'SELECT_TOOL_3D_VIEW';
var SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_TOOL_3D_FIRST_PERSON = 'SELECT_TOOL_3D_FIRST_PERSON';
//ACTIONS items
var SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_ITEM = 'SELECT_TOOL_DRAWING_ITEM';
var UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_ITEM = 'UPDATE_DRAWING_ITEM';
var END_DRAWING_ITEM = exports.END_DRAWING_ITEM = 'END_DRAWING_ITEM';
var BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_ITEM = 'BEGIN_DRAGGING_ITEM';
var UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_ITEM = 'UPDATE_DRAGGING_ITEM';
var END_DRAGGING_ITEM = exports.END_DRAGGING_ITEM = 'END_DRAGGING_ITEM';
var BEGIN_ROTATING_ITEM = exports.BEGIN_ROTATING_ITEM = 'BEGIN_ROTATING_ITEM';
var UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING_ITEM = 'UPDATE_ROTATING_ITEM';
var END_ROTATING_ITEM = exports.END_ROTATING_ITEM = 'END_ROTATING_ITEM';
//ACTIONS groups
var ADD_GROUP = exports.ADD_GROUP = 'ADD_GROUP';
var ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP_FROM_SELECTED = 'ADD_GROUP_FROM_SELECTED';
var SELECT_GROUP = exports.SELECT_GROUP = 'SELECT_GROUP';
var UNSELECT_GROUP = exports.UNSELECT_GROUP = 'UNSELECT_GROUP';
var ADD_TO_GROUP = exports.ADD_TO_GROUP = 'ADD_TO_GROUP';
var REMOVE_FROM_GROUP = exports.REMOVE_FROM_GROUP = 'REMOVE_FROM_GROUP';
var SET_GROUP_PROPERTIES = exports.SET_GROUP_PROPERTIES = 'SET_GROUP_PROPERTIES';
var SET_GROUP_ATTRIBUTES = exports.SET_GROUP_ATTRIBUTES = 'SET_GROUP_ATTRIBUTES';
var SET_GROUP_BARYCENTER = exports.SET_GROUP_BARYCENTER = 'SET_GROUP_BARYCENTER';
var REMOVE_GROUP = exports.REMOVE_GROUP = 'REMOVE_GROUP';
var REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = 'REMOVE_GROUP_AND_DELETE_ELEMENTS';
var GROUP_TRANSLATE = exports.GROUP_TRANSLATE = 'GROUP_TRANSLATE';
var GROUP_ROTATE = exports.GROUP_ROTATE = 'GROUP_ROTATE';
//ACTION drawings
var SELECT_HOLE = exports.SELECT_HOLE = 'SELECT_HOLE';
var SELECT_AREA = exports.SELECT_AREA = 'SELECT_AREA';
var SELECT_ITEM = exports.SELECT_ITEM = 'SELECT_ITEM';
var SELECT_LINE = exports.SELECT_LINE = 'SELECT_LINE';
var SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_LINE = 'SELECT_TOOL_DRAWING_LINE';
var BEGIN_DRAWING_LINE = exports.BEGIN_DRAWING_LINE = 'BEGIN_DRAWING_LINE';
var UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_LINE = 'UPDATE_DRAWING_LINE';
var END_DRAWING_LINE = exports.END_DRAWING_LINE = 'END_DRAWING_LINE';
var SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_DRAWING_HOLE = 'SELECT_TOOL_DRAWING_HOLE';
var UPDATE_DRAWING_HOLE = exports.UPDATE_DRAWING_HOLE = 'UPDATE_DRAWING_HOLE'; //SHOULD BE SLPITTED IN BEGIN_DRAWING_HOLE AND UPDATE_DRAWING_HOLE
var END_DRAWING_HOLE = exports.END_DRAWING_HOLE = 'END_DRAWING_HOLE';
var BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_LINE = 'BEGIN_DRAGGING_LINE';
var UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_LINE = 'UPDATE_DRAGGING_LINE';
var END_DRAGGING_LINE = exports.END_DRAGGING_LINE = 'END_DRAGGING_LINE';
var SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_UPLOAD_IMAGE = 'SELECT_TOOL_UPLOAD_IMAGE';
var BEGIN_UPLOADING_IMAGE = exports.BEGIN_UPLOADING_IMAGE = 'BEGIN_UPLOADING_IMAGE';
var END_UPLOADING_IMAGE = exports.END_UPLOADING_IMAGE = 'END_UPLOADING_IMAGE';
var BEGIN_FITTING_IMAGE = exports.BEGIN_FITTING_IMAGE = 'BEGIN_FITTING_IMAGE';
var END_FITTING_IMAGE = exports.END_FITTING_IMAGE = 'END_FITTING_IMAGE';
var BEGIN_DRAGGING_HOLE = exports.BEGIN_DRAGGING_HOLE = 'BEGIN_DRAGGING_HOLE';
var UPDATE_DRAGGING_HOLE = exports.UPDATE_DRAGGING_HOLE = 'UPDATE_DRAGGING_HOLE';
var END_DRAGGING_HOLE = exports.END_DRAGGING_HOLE = 'END_DRAGGING_HOLE';
//ACTIONS vertices
var BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_VERTEX = 'BEGIN_DRAGGING_VERTEX';
var UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_VERTEX = 'UPDATE_DRAGGING_VERTEX';
var END_DRAGGING_VERTEX = exports.END_DRAGGING_VERTEX = 'END_DRAGGING_VERTEX';
//ACTIONS scene
var SET_LAYER_PROPERTIES = exports.SET_LAYER_PROPERTIES = 'SET_LAYER_PROPERTIES';
var ADD_LAYER = exports.ADD_LAYER = 'ADD_LAYER';
var SELECT_LAYER = exports.SELECT_LAYER = 'SELECT_LAYER';
var REMOVE_LAYER = exports.REMOVE_LAYER = 'REMOVE_LAYER';
//GROUPING ACTIONS
var PROJECT_ACTIONS = exports.PROJECT_ACTIONS = {
NEW_PROJECT: NEW_PROJECT,
LOAD_PROJECT: LOAD_PROJECT,
SAVE_PROJECT: SAVE_PROJECT,
OPEN_CATALOG: OPEN_CATALOG,
SELECT_TOOL_EDIT: SELECT_TOOL_EDIT,
UNSELECT_ALL: UNSELECT_ALL,
SET_PROPERTIES: SET_PROPERTIES,
SET_ITEMS_ATTRIBUTES: SET_ITEMS_ATTRIBUTES,
SET_LINES_ATTRIBUTES: SET_LINES_ATTRIBUTES,
SET_HOLES_ATTRIBUTES: SET_HOLES_ATTRIBUTES,
REMOVE: REMOVE,
UNDO: UNDO,
ROLLBACK: ROLLBACK,
SET_PROJECT_PROPERTIES: SET_PROJECT_PROPERTIES,
OPEN_PROJECT_CONFIGURATOR: OPEN_PROJECT_CONFIGURATOR,
INIT_CATALOG: INIT_CATALOG,
UPDATE_MOUSE_COORDS: UPDATE_MOUSE_COORDS,
UPDATE_ZOOM_SCALE: UPDATE_ZOOM_SCALE,
TOGGLE_SNAP: TOGGLE_SNAP,
CHANGE_CATALOG_PAGE: CHANGE_CATALOG_PAGE,
GO_BACK_TO_CATALOG_PAGE: GO_BACK_TO_CATALOG_PAGE,
THROW_ERROR: THROW_ERROR,
THROW_WARNING: THROW_WARNING,
COPY_PROPERTIES: COPY_PROPERTIES,
PASTE_PROPERTIES: PASTE_PROPERTIES,
PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY: PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY,
ALTERATE_STATE: ALTERATE_STATE,
SET_MODE: SET_MODE,
ADD_HORIZONTAL_GUIDE: ADD_HORIZONTAL_GUIDE,
ADD_VERTICAL_GUIDE: ADD_VERTICAL_GUIDE,
ADD_CIRCULAR_GUIDE: ADD_CIRCULAR_GUIDE,
REMOVE_HORIZONTAL_GUIDE: REMOVE_HORIZONTAL_GUIDE,
REMOVE_VERTICAL_GUIDE: REMOVE_VERTICAL_GUIDE,
REMOVE_CIRCULAR_GUIDE: REMOVE_CIRCULAR_GUIDE
};
var VIEWER2D_ACTIONS = exports.VIEWER2D_ACTIONS = {
SELECT_TOOL_ZOOM_IN: SELECT_TOOL_ZOOM_IN,
SELECT_TOOL_ZOOM_OUT: SELECT_TOOL_ZOOM_OUT,
SELECT_TOOL_PAN: SELECT_TOOL_PAN,
UPDATE_2D_CAMERA: UPDATE_2D_CAMERA
};
var VIEWER3D_ACTIONS = exports.VIEWER3D_ACTIONS = {
SELECT_TOOL_3D_VIEW: SELECT_TOOL_3D_VIEW,
SELECT_TOOL_3D_FIRST_PERSON: SELECT_TOOL_3D_FIRST_PERSON
};
var ITEMS_ACTIONS = exports.ITEMS_ACTIONS = {
SELECT_ITEM: SELECT_ITEM,
SELECT_TOOL_DRAWING_ITEM: SELECT_TOOL_DRAWING_ITEM,
UPDATE_DRAWING_ITEM: UPDATE_DRAWING_ITEM,
END_DRAWING_ITEM: END_DRAWING_ITEM,
BEGIN_DRAGGING_ITEM: BEGIN_DRAGGING_ITEM,
UPDATE_DRAGGING_ITEM: UPDATE_DRAGGING_ITEM,
END_DRAGGING_ITEM: END_DRAGGING_ITEM,
BEGIN_ROTATING_ITEM: BEGIN_ROTATING_ITEM,
UPDATE_ROTATING_ITEM: UPDATE_ROTATING_ITEM,
END_ROTATING_ITEM: END_ROTATING_ITEM
};
var HOLE_ACTIONS = exports.HOLE_ACTIONS = {
SELECT_HOLE: SELECT_HOLE,
SELECT_TOOL_DRAWING_HOLE: SELECT_TOOL_DRAWING_HOLE,
UPDATE_DRAWING_HOLE: UPDATE_DRAWING_HOLE,
END_DRAWING_HOLE: END_DRAWING_HOLE,
BEGIN_DRAGGING_HOLE: BEGIN_DRAGGING_HOLE,
UPDATE_DRAGGING_HOLE: UPDATE_DRAGGING_HOLE,
END_DRAGGING_HOLE: END_DRAGGING_HOLE
};
var LINE_ACTIONS = exports.LINE_ACTIONS = {
SELECT_LINE: SELECT_LINE,
SELECT_TOOL_DRAWING_LINE: SELECT_TOOL_DRAWING_LINE,
BEGIN_DRAWING_LINE: BEGIN_DRAWING_LINE,
UPDATE_DRAWING_LINE: UPDATE_DRAWING_LINE,
END_DRAWING_LINE: END_DRAWING_LINE,
BEGIN_DRAGGING_LINE: BEGIN_DRAGGING_LINE,
UPDATE_DRAGGING_LINE: UPDATE_DRAGGING_LINE,
END_DRAGGING_LINE: END_DRAGGING_LINE
};
var AREA_ACTIONS = exports.AREA_ACTIONS = {
SELECT_AREA: SELECT_AREA
};
var GROUP_ACTIONS = exports.GROUP_ACTIONS = {
ADD_GROUP: ADD_GROUP,
ADD_GROUP_FROM_SELECTED: ADD_GROUP_FROM_SELECTED,
SELECT_GROUP: SELECT_GROUP,
UNSELECT_GROUP: UNSELECT_GROUP,
ADD_TO_GROUP: ADD_TO_GROUP,
REMOVE_FROM_GROUP: REMOVE_FROM_GROUP,
SET_GROUP_PROPERTIES: SET_GROUP_PROPERTIES,
SET_GROUP_ATTRIBUTES: SET_GROUP_ATTRIBUTES,
SET_GROUP_BARYCENTER: SET_GROUP_BARYCENTER,
REMOVE_GROUP: REMOVE_GROUP,
REMOVE_GROUP_AND_DELETE_ELEMENTS: REMOVE_GROUP_AND_DELETE_ELEMENTS,
GROUP_TRANSLATE: GROUP_TRANSLATE,
GROUP_ROTATE: GROUP_ROTATE
};
var SCENE_ACTIONS = exports.SCENE_ACTIONS = {
ADD_LAYER: ADD_LAYER,
SET_LAYER_PROPERTIES: SET_LAYER_PROPERTIES,
SELECT_LAYER: SELECT_LAYER,
REMOVE_LAYER: REMOVE_LAYER
};
var VERTEX_ACTIONS = exports.VERTEX_ACTIONS = {
BEGIN_DRAGGING_VERTEX: BEGIN_DRAGGING_VERTEX,
UPDATE_DRAGGING_VERTEX: UPDATE_DRAGGING_VERTEX,
END_DRAGGING_VERTEX: END_DRAGGING_VERTEX
};
//MODES
var MODE_IDLE = exports.MODE_IDLE = 'MODE_IDLE';
var MODE_2D_ZOOM_IN = exports.MODE_2D_ZOOM_IN = 'MODE_2D_ZOOM_IN';
var MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_OUT = 'MODE_2D_ZOOM_OUT';
var MODE_2D_PAN = exports.MODE_2D_PAN = 'MODE_2D_PAN';
var MODE_3D_VIEW = exports.MODE_3D_VIEW = 'MODE_3D_VIEW';
var MODE_3D_FIRST_PERSON = exports.MODE_3D_FIRST_PERSON = 'MODE_3D_FIRST_PERSON';
var MODE_WAITING_DRAWING_LINE = exports.MODE_WAITING_DRAWING_LINE = 'MODE_WAITING_DRAWING_LINE';
var MODE_DRAGGING_LINE = exports.MODE_DRAGGING_LINE = 'MODE_DRAGGING_LINE';
var MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_VERTEX = 'MODE_DRAGGING_VERTEX';
var MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_ITEM = 'MODE_DRAGGING_ITEM';
var MODE_DRAGGING_HOLE = exports.MODE_DRAGGING_HOLE = 'MODE_DRAGGING_HOLE';
var MODE_DRAWING_LINE = exports.MODE_DRAWING_LINE = 'MODE_DRAWING_LINE';
var MODE_DRAWING_HOLE = exports.MODE_DRAWING_HOLE = 'MODE_DRAWING_HOLE';
var MODE_DRAWING_ITEM = exports.MODE_DRAWING_ITEM = 'MODE_DRAWING_ITEM';
var MODE_ROTATING_ITEM = exports.MODE_ROTATING_ITEM = 'MODE_ROTATING_ITEM';
var MODE_UPLOADING_IMAGE = exports.MODE_UPLOADING_IMAGE = 'MODE_UPLOADING_IMAGE';
var MODE_FITTING_IMAGE = exports.MODE_FITTING_IMAGE = 'MODE_FITTING_IMAGE';
var MODE_VIEWING_CATALOG = exports.MODE_VIEWING_CATALOG = 'MODE_VIEWING_CATALOG';
var MODE_CONFIGURING_PROJECT = exports.MODE_CONFIGURING_PROJECT = 'MODE_CONFIGURING_PROJECT';
//Thinking about it...
//https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Proxy
/*
let MODE_DEF = [
'IDLE',
'2D_ZOOM_IN',
'2D_ZOOM_OUT',
'2D_PAN',
'3D_VIEW',
'3D_FIRST_PERSON',
'WAITING_DRAWING_LINE',
'DRAGGING_LINE',
'DRAGGING_VERTEX',
'DRAGGING_ITEM',
'DRAGGING_HOLE',
'DRAWING_LINE',
'DRAWING_HOLE',
'DRAWING_ITEM',
'ROTATING_ITEM',
'UPLOADING_IMAGE',
'FITTING_IMAGE',
'VIEWING_CATALOG',
'CONFIGURING_PROJECT',
];
export const MODE = new Proxy( MODE_DEF, { get: (target, name) => { return target.indexOf(name) !== -1 ? name : null } } );
*/
var MODE_SNAPPING = exports.MODE_SNAPPING = [MODE_IDLE, MODE_2D_ZOOM_IN, MODE_2D_ZOOM_OUT, MODE_2D_PAN, MODE_WAITING_DRAWING_LINE, MODE_DRAWING_LINE, MODE_DRAWING_HOLE, MODE_DRAWING_ITEM, MODE_DRAGGING_LINE, MODE_DRAGGING_VERTEX, MODE_DRAGGING_ITEM, MODE_DRAGGING_HOLE, MODE_FITTING_IMAGE, MODE_UPLOADING_IMAGE, MODE_ROTATING_ITEM];
//UNITS
var UNIT_MILLIMETER = exports.UNIT_MILLIMETER = 'mm';
var UNIT_CENTIMETER = exports.UNIT_CENTIMETER = 'cm';
var UNIT_METER = exports.UNIT_METER = 'm';
var UNIT_INCH = exports.UNIT_INCH = 'in';
var UNIT_FOOT = exports.UNIT_FOOT = 'ft';
var UNIT_MILE = exports.UNIT_MILE = 'mi';
var UNITS_LENGTH = exports.UNITS_LENGTH = [UNIT_MILLIMETER, UNIT_CENTIMETER, UNIT_METER, UNIT_INCH, UNIT_FOOT, UNIT_MILE];
var EPSILON = exports.EPSILON = 1e-6;
var KEYBOARD_BUTTON_CODE = exports.KEYBOARD_BUTTON_CODE = {
DELETE: 46,
BACKSPACE: 8,
ESC: 27,
Z: 90,
ALT: 18,
C: 67,
V: 86,
CTRL: 17,
ENTER: 13,
TAB: 9
};