react-sync-board 0.4.4 → 0.4.5

package/dist/esm/index.js

@@ -7028,10 +7028,16 @@ var useDim = function useDim() {
   var _useRecoilValue = useRecoilValue(ConfigurationAtom),
       itemExtentGlobal = _useRecoilValue.itemExtent;
 
-  var setDimSafe = useRecoilCallback(function (_ref2) {
+  var getDim = useRecoilCallback(function (_ref2) {
     var snapshot = _ref2.snapshot;
+    return function () {
+      return snapshot.getPromise(BoardTransformAtom);
+    };
+  }, []);
+  var setDimSafe = 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) {
@@ -7103,14 +7109,14 @@ var useDim = function useDim() {
       }));
 
       return function (_x) {
-        return _ref3.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }();
   }, [setDim]);
-  var zoomTo = useRecoilCallback(function (_ref4) {
-    var snapshot = _ref4.snapshot;
+  var zoomTo = 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) {
@@ -7182,12 +7188,12 @@ var useDim = function useDim() {
       }));
 
       return function (_x2, _x3) {
-        return _ref5.apply(this, arguments);
+        return _ref6.apply(this, arguments);
       };
     }();
   }, [setDim]);
-  var updateScaleBoundaries = useRecoilCallback(function (_ref6) {
-    var snapshot = _ref6.snapshot;
+  var updateScaleBoundaries = 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;
 
@@ -7217,8 +7223,8 @@ var useDim = function useDim() {
       }, _callee3);
     }));
   }, []);
-  var getCenterCoordinates = useRecoilCallback(function (_ref8) {
-    var snapshot = _ref8.snapshot;
+  var getCenterCoordinates = 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;
 
@@ -7254,11 +7260,11 @@ var useDim = function useDim() {
       }, _callee4);
     }));
   }, []);
-  var updateItemExtent = useRecoilCallback(function (_ref10) {
-    var snapshot = _ref10.snapshot,
-        set = _ref10.set;
+  var updateItemExtent = 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) {
@@ -7285,12 +7291,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,
@@ -7336,6 +7342,7 @@ var useDim = function useDim() {
   }, [updateScaleBoundaries, itemExtentGlobal]);
   return {
     setDim: setDimSafe,
+    getDim: getDim,
     zoomTo: zoomTo,
     getCenter: getCenterCoordinates,
     updateItemExtent: debouncedUpdateItemExtent
@@ -8931,5 +8938,5 @@ var ConnectedSyncRoom = function ConnectedSyncRoom(_ref) {
   }, /*#__PURE__*/React.createElement(SubscribeUserEvents, null), children));
 };
 
-export { Board, ConnectedSyncBoard as BoardWrapper, ConnectedSyncRoom as RoomWrapper, useAvailableActions, useBoardConfig, useBoardState, useItemActions, useItemInteraction, useItemList as useItems, useMessage, useSelectedItems, useSelectionBox, useUsers, useWire };
+export { Board, ConnectedSyncBoard as BoardWrapper, ConnectedSyncRoom as RoomWrapper, useAvailableActions, useBoardConfig, useDim as useBoardPosition, useBoardState, useItemActions, useItemInteraction, useItemList as useItems, useMessage, useSelectedItems, useSelectionBox, useUsers, useWire };
 //# sourceMappingURL=index.js.map