react-sync-board 0.4.4 → 0.4.5

package/dist/cjs/index.js

@@ -7036,10 +7036,16 @@ var useDim = function useDim() {
   var _useRecoilValue = recoil.useRecoilValue(ConfigurationAtom),
       itemExtentGlobal = _useRecoilValue.itemExtent;
 
-  var setDimSafe = recoil.useRecoilCallback(function (_ref2) {
+  var getDim = recoil.useRecoilCallback(function (_ref2) {
     var snapshot = _ref2.snapshot;
+    return function () {
+      return snapshot.getPromise(BoardTransformAtom);
+    };
+  }, []);
+  var setDimSafe = recoil.useRecoilCallback(function (_ref3) {
+    var snapshot = _ref3.snapshot;
     return /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(fn) {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(fn) {
         var _yield$snapshot$getPr, itemExtent, boardWrapperRect, boardSize;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -7111,14 +7117,14 @@ var useDim = function useDim() {
       }));
 
       return function (_x) {
-        return _ref3.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }();
   }, [setDim]);
-  var zoomTo = recoil.useRecoilCallback(function (_ref4) {
-    var snapshot = _ref4.snapshot;
+  var zoomTo = recoil.useRecoilCallback(function (_ref5) {
+    var snapshot = _ref5.snapshot;
     return /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(factor, zoomCenter) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(factor, zoomCenter) {
         var _yield$snapshot$getPr2, itemExtent, boardWrapperRect, boardSize, center;
 
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -7190,12 +7196,12 @@ var useDim = function useDim() {
       }));
 
       return function (_x2, _x3) {
-        return _ref5.apply(this, arguments);
+        return _ref6.apply(this, arguments);
       };
     }();
   }, [setDim]);
-  var updateScaleBoundaries = recoil.useRecoilCallback(function (_ref6) {
-    var snapshot = _ref6.snapshot;
+  var updateScaleBoundaries = recoil.useRecoilCallback(function (_ref7) {
+    var snapshot = _ref7.snapshot;
     return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
       var _yield$snapshot$getPr3, _yield$snapshot$getPr4, width, height, boardWrapperRect, scaleX, scaleY, newScale;
 
@@ -7225,8 +7231,8 @@ var useDim = function useDim() {
       }, _callee3);
     }));
   }, []);
-  var getCenterCoordinates = recoil.useRecoilCallback(function (_ref8) {
-    var snapshot = _ref8.snapshot;
+  var getCenterCoordinates = recoil.useRecoilCallback(function (_ref9) {
+    var snapshot = _ref9.snapshot;
     return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
       var _yield$snapshot$getPr5, boardWrapperRect, boardSize, _yield$snapshot$getPr6, translateX, translateY, scale;
 
@@ -7262,11 +7268,11 @@ var useDim = function useDim() {
       }, _callee4);
     }));
   }, []);
-  var updateItemExtent = recoil.useRecoilCallback(function (_ref10) {
-    var snapshot = _ref10.snapshot,
-        set = _ref10.set;
+  var updateItemExtent = recoil.useRecoilCallback(function (_ref11) {
+    var snapshot = _ref11.snapshot,
+        set = _ref11.set;
     return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      var itemIds, _yield$snapshot$getPr7, boardWrapperRect, boardWrapper, boardSize, _yield$snapshot$getPr8, scale, translateX, translateY, _ref12, left, top, width, height, relativeExtent, delta, _delta;
+      var itemIds, _yield$snapshot$getPr7, boardWrapperRect, boardWrapper, boardSize, _yield$snapshot$getPr8, scale, translateX, translateY, _ref13, left, top, width, height, relativeExtent, delta, _delta;
 
       return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
@@ -7293,12 +7299,12 @@ var useDim = function useDim() {
               scale = _yield$snapshot$getPr8.scale;
               translateX = _yield$snapshot$getPr8.translateX;
               translateY = _yield$snapshot$getPr8.translateY;
-              _ref12 = getItemBoundingBox(itemIds, boardWrapper) || {
+              _ref13 = getItemBoundingBox(itemIds, boardWrapper) || {
                 left: boardSize / 2 * scale + boardWrapperRect.left + translateX,
                 top: boardSize / 2 * scale + boardWrapperRect.top + translateY,
                 width: 0,
                 height: 0
-              }, left = _ref12.left, top = _ref12.top, width = _ref12.width, height = _ref12.height;
+              }, left = _ref13.left, top = _ref13.top, width = _ref13.width, height = _ref13.height;
               relativeExtent = {
                 left: (left - boardWrapperRect.left - translateX) / scale,
                 top: (top - boardWrapperRect.top - translateY) / scale,
@@ -7344,6 +7350,7 @@ var useDim = function useDim() {
   }, [updateScaleBoundaries, itemExtentGlobal]);
   return {
     setDim: setDimSafe,
+    getDim: getDim,
     zoomTo: zoomTo,
     getCenter: getCenterCoordinates,
     updateItemExtent: debouncedUpdateItemExtent
@@ -8944,6 +8951,7 @@ exports.BoardWrapper = ConnectedSyncBoard;
 exports.RoomWrapper = ConnectedSyncRoom;
 exports.useAvailableActions = useAvailableActions;
 exports.useBoardConfig = useBoardConfig;
+exports.useBoardPosition = useDim;
 exports.useBoardState = useBoardState;
 exports.useItemActions = useItemActions;
 exports.useItemInteraction = useItemInteraction;