kitchen-simulator 2.0.0 → 2.0.1-test.1

package/lib/LiteRenderer.js

@@ -0,0 +1,513 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = LiteRenderer;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRedux = require("react-redux");
+var _redux = require("redux");
+var _models = _interopRequireWildcard(require("./models"));
+var Models = _models;
+var _reducer = _interopRequireDefault(require("./reducers/reducer"));
+var _AppContext = _interopRequireDefault(require("./AppContext"));
+var _catalog = _interopRequireDefault(require("./catalog/catalog"));
+var _SVGLoader = require("three/addons/loaders/SVGLoader");
+var _helper = require("./utils/helper");
+var _constants = require("./constants");
+var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
+var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
+var Holes = _interopRequireWildcard(require("./catalog/holes/export"));
+var _itemLoader = require("./catalog/utils/item-loader");
+var _export2 = require("./plugins/export");
+var _immutable = require("immutable");
+var Sentry = _interopRequireWildcard(require("@sentry/react"));
+var _exporter = _interopRequireDefault(require("./catalog/utils/exporter"));
+var THREE = _interopRequireWildcard(require("three"));
+var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
+var _excluded = ["width", "height", "projectElement", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onInternalEvent", "onError"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+if (typeof window !== 'undefined') window.THREE = THREE;
+
+/* ============================== component ============================= */
+var MyCatalog = new _catalog["default"]();
+var AppState = (0, _immutable.Map)({
+  KitchenConfigurator: new _models.State()
+});
+console.log('Version: 378.45-202509_DIY-364-mbox-crash');
+isProduction && Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  environment: process.env.SENTRY_ENVIRONMENT
+});
+
+//define reducer
+var reducer = function reducer(state, action) {
+  state = state || AppState;
+  state = state.update('KitchenConfigurator', function (plannerState) {
+    return (0, _reducer["default"])(plannerState, action);
+  });
+  return state;
+};
+var store = (0, _redux.createStore)(reducer, null, !isProduction && window.devToolsExtension ? window.devToolsExtension({
+  features: {
+    pause: true,
+    // start/pause recording of dispatched actions
+    lock: true,
+    // lock/unlock dispatching actions and side effects
+    persist: true,
+    // persist states on page reloading
+    "export": true,
+    // export history of actions in a file
+    "import": 'custom',
+    // import history of actions from a file
+    jump: true,
+    // jump back and forth (time travelling)
+    skip: true,
+    // skip (cancel) actions
+    reorder: true,
+    // drag and drop actions in the history list
+    dispatch: true,
+    // dispatch custom actions or action creators
+    test: true // generate tests for the selected actions
+  },
+  maxAge: 999999
+}) : function (f) {
+  return f;
+});
+var plugins = [(0, _export2.Keyboard)(), (0, _export2.ConsoleDebugger)()];
+function serializeError(err) {
+  try {
+    if (!err) return {
+      message: 'Unknown error'
+    };
+    if (err instanceof Error) {
+      return {
+        name: err.name,
+        message: err.message,
+        stack: err.stack
+      };
+    }
+    return {
+      message: String(err),
+      raw: safeJson(err)
+    };
+  } catch (_unused) {
+    return {
+      message: 'Error serializing error'
+    };
+  }
+}
+function safeJson(v) {
+  try {
+    return JSON.parse(JSON.stringify(v));
+  } catch (_unused2) {
+    return undefined;
+  }
+}
+
+/* ---------- Error Boundary that pushes into buffer ---------- */
+var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  function ToolErrorBoundary() {
+    (0, _classCallCheck2["default"])(this, ToolErrorBoundary);
+    return _callSuper(this, ToolErrorBoundary, arguments);
+  }
+  (0, _inherits2["default"])(ToolErrorBoundary, _React$Component);
+  return (0, _createClass2["default"])(ToolErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, info) {
+      var pushError = this.props.pushError;
+      pushError({
+        type: 'render-error',
+        error: serializeError(error),
+        info: {
+          componentStack: info === null || info === void 0 ? void 0 : info.componentStack
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+}(_react["default"].Component);
+function LiteRenderer(props) {
+  var width = props.width,
+    height = props.height,
+    projectElement = props.projectElement,
+    dataBundle = props.dataBundle,
+    configData = props.configData,
+    options = props.options,
+    user = props.user,
+    auth = props.auth,
+    featureFlags = props.featureFlags,
+    sentry = props.sentry,
+    analytics = props.analytics,
+    externalEvent = props.externalEvent,
+    onInternalEvent = props.onInternalEvent,
+    onError = props.onError,
+    passThrough = (0, _objectWithoutProperties2["default"])(props, _excluded);
+
+  /* ---------- track last external event ---------- */
+  var lastExternalEventRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (externalEvent) {
+      lastExternalEventRef.current = externalEvent;
+    }
+  }, [externalEvent]);
+
+  /* ---------- error buffer + last emitted bundle ---------- */
+  var errorsBufferRef = (0, _react.useRef)([]); // pending errors (not yet emitted)
+  var lastEmittedRef = (0, _react.useRef)({
+    externalEvent: null,
+    errors: []
+  }); // last bundle we sent
+  var flushTimerRef = (0, _react.useRef)(null);
+  var emit = (0, _react.useCallback)(function (external, errors) {
+    var payload = {
+      externalEvent: external || null,
+      errors: errors || []
+    };
+    try {
+      onError === null || onError === void 0 || onError(payload);
+    } catch (_unused3) {}
+    // eslint-disable-next-line no-console
+    console.debug('[LiteRenderer:onError]', payload);
+    lastEmittedRef.current = payload;
+  }, [onError]);
+
+  // batch short bursts (e.g., multiple async errors in same tick)
+  var scheduleFlush = (0, _react.useCallback)(function () {
+    if (flushTimerRef.current) return;
+    flushTimerRef.current = setTimeout(function () {
+      flushTimerRef.current = null;
+      var errors = errorsBufferRef.current;
+      if (!errors.length) return;
+      errorsBufferRef.current = [];
+      emit(lastExternalEventRef.current, errors);
+    }, 0); // micro-batch; increase (e.g. 50ms) if you want coarser batching
+  }, [emit]);
+  var pushError = (0, _react.useCallback)(function (errPayload) {
+    errorsBufferRef.current.push(_objectSpread({
+      ts: Date.now()
+    }, errPayload));
+    scheduleFlush();
+  }, [scheduleFlush]);
+
+  /* ---------- global runtime + async error capture ---------- */
+  (0, _react.useEffect)(function () {
+    var onWindowError = function onWindowError(event) {
+      pushError({
+        type: 'runtime-error',
+        error: serializeError((event === null || event === void 0 ? void 0 : event.error) || (event === null || event === void 0 ? void 0 : event.message)),
+        meta: {
+          filename: event === null || event === void 0 ? void 0 : event.filename,
+          lineno: event === null || event === void 0 ? void 0 : event.lineno,
+          colno: event === null || event === void 0 ? void 0 : event.colno
+        }
+      });
+    };
+    var onUnhandledRejection = function onUnhandledRejection(event) {
+      pushError({
+        type: 'unhandled-rejection',
+        error: serializeError(event === null || event === void 0 ? void 0 : event.reason)
+      });
+    };
+    window.addEventListener('error', onWindowError);
+    window.addEventListener('unhandledrejection', onUnhandledRejection);
+    return function () {
+      window.removeEventListener('error', onWindowError);
+      window.removeEventListener('unhandledrejection', onUnhandledRejection);
+    };
+  }, [pushError]);
+
+  /* ---------- re-trigger last batch when externalEvent changes ---------- */
+  var prevExternalEventRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var prev = prevExternalEventRef.current;
+    if (prev === externalEvent) return;
+    prevExternalEventRef.current = externalEvent;
+
+    // if we already emitted something before, re-send it with the new event context
+    var last = lastEmittedRef.current;
+    if (last && last.errors && last.errors.length) {
+      emit(lastExternalEventRef.current, last.errors);
+    }
+  }, [externalEvent, emit]);
+  var _ref = dataBundle || {},
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$appliances = _ref.appliances,
+    appliances = _ref$appliances === void 0 ? [] : _ref$appliances,
+    _ref$furnishing = _ref.furnishing,
+    furnishing = _ref$furnishing === void 0 ? [] : _ref$furnishing,
+    _ref$lighting = _ref.lighting,
+    lighting = _ref$lighting === void 0 ? [] : _ref$lighting;
+  var id = configData.id,
+    logoImg = configData.logoImg,
+    companyUrl = configData.companyUrl;
+  var _React$useState = _react["default"].useState([]),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    outlineSVGData = _React$useState2[0],
+    setOutlineSVGData = _React$useState2[1];
+  (0, _react.useEffect)(function () {
+    var initMyCatalog = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var x, _x, _x2;
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              for (x in Areas) MyCatalog.registerElement(Areas[x]);
+              for (_x in Lines) MyCatalog.registerElement(Lines[_x]);
+              for (_x2 in Holes) MyCatalog.registerElement(Holes[_x2]);
+              MyCatalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
+              MyCatalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function initMyCatalog() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var loadMoldings = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var molding, toeMoldingData, moldingData, promises;
+        return _regenerator["default"].wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              molding = [];
+              toeMoldingData = {};
+              moldingData = {};
+              if (moldingData.name = _constants.TOE_KICK_MOLDING) toeMoldingData = moldingData;
+              promises = molding.map(function (child) {
+                return new Promise(function (resolve, reject) {
+                  var url = child === null || child === void 0 ? void 0 : child.shape_svg;
+                  if (!url) return resolve();
+                  var loader = new _SVGLoader.SVGLoader();
+                  loader.load(url, function (data) {
+                    var _data$xml$viewBox$ani, _data$xml, _data$xml$viewBox$ani2, _data$xml2;
+                    child.data = {
+                      paths: data.paths,
+                      svg_width: (_data$xml$viewBox$ani = (_data$xml = data.xml) === null || _data$xml === void 0 || (_data$xml = _data$xml.viewBox) === null || _data$xml === void 0 || (_data$xml = _data$xml.animVal) === null || _data$xml === void 0 ? void 0 : _data$xml.width) !== null && _data$xml$viewBox$ani !== void 0 ? _data$xml$viewBox$ani : 0,
+                      svg_height: (_data$xml$viewBox$ani2 = (_data$xml2 = data.xml) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.viewBox) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.animVal) === null || _data$xml2 === void 0 ? void 0 : _data$xml2.height) !== null && _data$xml$viewBox$ani2 !== void 0 ? _data$xml$viewBox$ani2 : 0
+                    };
+                    resolve();
+                  }, null, function (error) {
+                    console.error(error);
+                    reject(error);
+                  });
+                });
+              });
+              return _context2.abrupt("return", Promise.all(promises));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function loadMoldings() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    var loadSVGs = /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var svgLoadPromises, outlineData;
+        return _regenerator["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              svgLoadPromises = data.map(/*#__PURE__*/function () {
+                var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(item) {
+                  var _parsed$xml$viewBox, _parsed$xml$viewBox2, response, svgText, loader, parsed, _t;
+                  return _regenerator["default"].wrap(function (_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        if (item.outline) {
+                          _context3.next = 1;
+                          break;
+                        }
+                        return _context3.abrupt("return", null);
+                      case 1:
+                        _context3.prev = 1;
+                        _context3.next = 2;
+                        return fetch(item.outline, {
+                          cache: 'no-store'
+                        });
+                      case 2:
+                        response = _context3.sent;
+                        _context3.next = 3;
+                        return response.text();
+                      case 3:
+                        svgText = _context3.sent;
+                        loader = new _SVGLoader.SVGLoader();
+                        parsed = loader.parse(svgText);
+                        if (!(0, _helper.isEmpty)(parsed.paths)) {
+                          _context3.next = 4;
+                          break;
+                        }
+                        return _context3.abrupt("return", null);
+                      case 4:
+                        return _context3.abrupt("return", {
+                          paths: parsed.paths,
+                          svgWidth: parseFloat(parsed.xml.getAttribute('width')) || ((_parsed$xml$viewBox = parsed.xml.viewBox) === null || _parsed$xml$viewBox === void 0 || (_parsed$xml$viewBox = _parsed$xml$viewBox.animVal) === null || _parsed$xml$viewBox === void 0 ? void 0 : _parsed$xml$viewBox.width) || 0,
+                          svgHeight: parseFloat(parsed.xml.getAttribute('height')) || ((_parsed$xml$viewBox2 = parsed.xml.viewBox) === null || _parsed$xml$viewBox2 === void 0 || (_parsed$xml$viewBox2 = _parsed$xml$viewBox2.animVal) === null || _parsed$xml$viewBox2 === void 0 ? void 0 : _parsed$xml$viewBox2.height) || 0,
+                          reverse: !parseFloat(parsed.xml.getAttribute('height'))
+                        });
+                      case 5:
+                        _context3.prev = 5;
+                        _t = _context3["catch"](1);
+                        console.error('Failed to load SVG:', item.outline, _t);
+                        return _context3.abrupt("return", null);
+                      case 6:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3, null, [[1, 5]]);
+                }));
+                return function (_x3) {
+                  return _ref5.apply(this, arguments);
+                };
+              }());
+              _context4.next = 1;
+              return Promise.all(svgLoadPromises);
+            case 1:
+              outlineData = _context4.sent;
+              setOutlineSVGData(outlineData);
+            case 2:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function loadSVGs() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    var initCatalog = /*#__PURE__*/function () {
+      var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        return _regenerator["default"].wrap(function (_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 1;
+              return initMyCatalog();
+            case 1:
+              _context5.next = 2;
+              return loadMoldings();
+            case 2:
+              _context5.next = 3;
+              return loadSVGs();
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      return function initCatalog() {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+    initCatalog();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data, id]);
+
+  // Register items once SVGs are loaded
+  (0, _react.useEffect)(function () {
+    if (!outlineSVGData.length) return;
+    var Item = [];
+    data.forEach(function (obj, index) {
+      Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
+        type: 'cabinet',
+        outlineSVGData: outlineSVGData[index],
+        render2DItem: _itemLoader.render2DItem,
+        render3DItem: _itemLoader.render3DItem
+      })));
+    });
+    appliances.forEach(function (obj) {
+      Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
+        render2DItem: _itemLoader.render2DItem,
+        render3DItem: _itemLoader.render3DApplianceItem,
+        type: 'appliance'
+      })));
+    });
+    lighting.forEach(function (obj) {
+      Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
+        type: 'lighting',
+        render2DItem: _itemLoader.render2DItem,
+        render3DItem: _itemLoader.render3DLightingItem
+      })));
+    });
+    furnishing.forEach(function (obj) {
+      Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
+        type: 'furnishing',
+        render2DItem: _itemLoader.render2DItem,
+        render3DItem: _itemLoader.render3DApplianceItem
+      })));
+    });
+    for (var x in Item) MyCatalog.registerElement(Item[x]);
+  }, [outlineSVGData, data, appliances, furnishing, lighting]);
+  return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+    store: store
+  }, /*#__PURE__*/_react["default"].createElement(ToolErrorBoundary, {
+    pushError: pushError
+  }, /*#__PURE__*/_react["default"].createElement(_LiteKitchenConfigurator["default"], (0, _extends2["default"])({
+    catalog: MyCatalog,
+    width: width,
+    height: height,
+    logoImage: logoImg,
+    companyURL: companyUrl,
+    plugins: plugins,
+    stateExtractor: function stateExtractor(state) {
+      return state.get('KitchenConfigurator');
+    },
+    data: data,
+    configData: configData,
+    externalEvent: externalEvent,
+    onInternalEvent: onInternalEvent
+  }, passThrough)))));
+}
+
+/* ============================== prop types ============================== */
+
+LiteRenderer.propTypes = {
+  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  projectElement: _propTypes["default"].arrayOf(_propTypes["default"].object),
+  dataBundle: _propTypes["default"].any,
+  configData: _propTypes["default"].any,
+  catalog: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].instanceOf(Models.Catalog)]),
+  logoImg: _propTypes["default"].any,
+  companyUrl: _propTypes["default"].string,
+  options: _propTypes["default"].object,
+  user: _propTypes["default"].object,
+  auth: _propTypes["default"].object,
+  featureFlags: _propTypes["default"].object,
+  sentry: _propTypes["default"].shape({
+    dsn: _propTypes["default"].string,
+    environment: _propTypes["default"].string
+  }),
+  externalEvent: _propTypes["default"].object,
+  onInternalEvent: _propTypes["default"].func,
+  onError: _propTypes["default"].func,
+  store: _propTypes["default"].object
+};
+module.exports = exports.default;

package/lib/actions/area-actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectArea = selectArea;
+exports.setFloorStyles = setFloorStyles;
+var _constants = require("../constants");
+function selectArea(layerID, areaID) {
+  return {
+    type: _constants.SELECT_AREA,
+    layerID: layerID,
+    areaID: areaID
+  };
+}
+function setFloorStyles(texture) {
+  return {
+    type: _constants.SET_FLOOR_STYLES,
+    texture: texture
+  };
+}

package/lib/actions/export.js

@@ -0,0 +1,36 @@
+import * as projectActions from "./project-actions";
+import * as viewer2DActions from "./viewer2d-actions";
+import * as viewer3DActions from "./viewer3d-actions";
+import * as linesActions from "./lines-actions";
+import * as holesActions from "./holes-actions";
+import * as sceneActions from "./scene-actions";
+import * as verticesActions from "./vertices-actions";
+import * as itemsActions from "./items-actions";
+import * as areaActions from "./area-actions";
+import * as groupsActions from "./groups-actions";
+
+export {
+  projectActions,
+  viewer2DActions,
+  viewer3DActions,
+  linesActions,
+  holesActions,
+  sceneActions,
+  verticesActions,
+  itemsActions,
+  areaActions,
+  groupsActions
+};
+
+export default {
+  projectActions,
+  viewer2DActions,
+  viewer3DActions,
+  linesActions,
+  holesActions,
+  sceneActions,
+  verticesActions,
+  itemsActions,
+  areaActions,
+  groupsActions
+};

package/lib/actions/groups-actions.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addGroup = addGroup;
+exports.addGroupFromSelected = addGroupFromSelected;
+exports.addToGroup = addToGroup;
+exports.groupRotate = groupRotate;
+exports.groupTranslate = groupTranslate;
+exports.removeFromGroup = removeFromGroup;
+exports.removeGroup = removeGroup;
+exports.removeGroupAndDeleteElements = removeGroupAndDeleteElements;
+exports.selectGroup = selectGroup;
+exports.setGroupAttributes = setGroupAttributes;
+exports.setGroupBarycenter = setGroupBarycenter;
+exports.setGroupProperties = setGroupProperties;
+exports.unselectGroup = unselectGroup;
+var _constants = require("../constants");
+function addGroup() {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_GROUP
+  };
+}
+function addGroupFromSelected() {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_GROUP_FROM_SELECTED
+  };
+}
+function selectGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.SELECT_GROUP,
+    groupID: groupID
+  };
+}
+function unselectGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.UNSELECT_GROUP,
+    groupID: groupID
+  };
+}
+function addToGroup(groupID, layerID, elementPrototype, elementID) {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_TO_GROUP,
+    groupID: groupID,
+    layerID: layerID,
+    elementPrototype: elementPrototype,
+    elementID: elementID
+  };
+}
+function removeFromGroup(groupID, layerID, elementPrototype, elementID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_FROM_GROUP,
+    groupID: groupID,
+    layerID: layerID,
+    elementPrototype: elementPrototype,
+    elementID: elementID
+  };
+}
+function setGroupAttributes(groupID, attributes) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_ATTRIBUTES,
+    groupID: groupID,
+    attributes: attributes
+  };
+}
+function setGroupProperties(groupID, properties) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_PROPERTIES,
+    groupID: groupID,
+    properties: properties
+  };
+}
+function setGroupBarycenter(groupID, barycenter) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_BARYCENTER,
+    groupID: groupID,
+    barycenter: barycenter
+  };
+}
+function removeGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_GROUP,
+    groupID: groupID
+  };
+}
+function removeGroupAndDeleteElements(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_GROUP_AND_DELETE_ELEMENTS,
+    groupID: groupID
+  };
+}
+function groupTranslate(groupID, x, y) {
+  return {
+    type: _constants.GROUP_ACTIONS.GROUP_TRANSLATE,
+    groupID: groupID,
+    x: x,
+    y: y
+  };
+}
+function groupRotate(groupID, rotation) {
+  return {
+    type: _constants.GROUP_ACTIONS.GROUP_ROTATE,
+    groupID: groupID,
+    rotation: rotation
+  };
+}