@atlaskit/editor-plugin-synced-block 10.6.1 → 10.6.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 10.6.2
+
+### Patch Changes
+
+- [`1207d5bc1e287`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1207d5bc1e287) -
+  Show zero synced locations immediately for newly inserted source blocks
+- Updated dependencies
+
 ## 10.6.1
 
 ### Patch Changes

package/dist/cjs/ui/SyncedLocationDropdown.js

@@ -593,17 +593,24 @@ var useReferenceData = function useReferenceData(_ref10) {
     intl = _ref10.intl,
     isSource = _ref10.isSource,
     localId = _ref10.localId;
-  var _useState1 = (0, _react.useState)({
-      fetchStatus: 'loading',
-      referenceData: []
+  var _useState1 = (0, _react.useState)(function () {
+      return isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId);
+    }),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 1),
+    isNewSourceBlock = _useState10[0];
+  var _useState11 = (0, _react.useState)(function () {
+      return {
+        fetchStatus: isNewSourceBlock ? 'success' : 'loading',
+        referenceData: []
+      };
     }),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    state = _useState10[0],
-    setState = _useState10[1];
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    state = _useState12[0],
+    setState = _useState12[1];
   (0, _react.useEffect)(function () {
     var isCurrentRequest = true;
     setState({
-      fetchStatus: 'loading',
+      fetchStatus: isNewSourceBlock ? 'success' : 'loading',
       referenceData: []
     });
     var getReferenceData = /*#__PURE__*/function () {
@@ -622,6 +629,9 @@ var useReferenceData = function useReferenceData(_ref10) {
               }
               return _context2.abrupt("return");
             case 2:
+              if (isNewSourceBlock) {
+                syncBlockStore.sourceManager.clearNewSourceBlock(resourceId);
+              }
               if (!response.error) {
                 _context2.next = 3;
                 break;
@@ -650,7 +660,7 @@ var useReferenceData = function useReferenceData(_ref10) {
     return function () {
       isCurrentRequest = false;
     };
-  }, [syncBlockStore, resourceId, intl, isSource, localId]);
+  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock]);
   return {
     fetchStatus: state.fetchStatus,
     referenceData: state.referenceData
@@ -679,7 +689,7 @@ var SyncedLocationTriggerContent = function SyncedLocationTriggerContent(_ref12)
       }));
     case 'success':
       {
-        var count = referenceCount === 0 ? formatMessage(_messages.syncBlockMessages.syncedLocationDropdownNone) : referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
+        var count = referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
         return formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleWithCount, {
           count: count
         });

package/dist/es2019/ui/SyncedLocationDropdown.js

@@ -534,14 +534,15 @@ const useReferenceData = ({
   isSource,
   localId
 }) => {
-  const [state, setState] = useState({
-    fetchStatus: 'loading',
+  const [isNewSourceBlock] = useState(() => isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId));
+  const [state, setState] = useState(() => ({
+    fetchStatus: isNewSourceBlock ? 'success' : 'loading',
     referenceData: []
-  });
+  }));
   useEffect(() => {
     let isCurrentRequest = true;
     setState({
-      fetchStatus: 'loading',
+      fetchStatus: isNewSourceBlock ? 'success' : 'loading',
       referenceData: []
     });
     const getReferenceData = async () => {
@@ -549,6 +550,9 @@ const useReferenceData = ({
       if (!isCurrentRequest) {
         return;
       }
+      if (isNewSourceBlock) {
+        syncBlockStore.sourceManager.clearNewSourceBlock(resourceId);
+      }
       if (response.error) {
         setState({
           fetchStatus: 'error',
@@ -565,7 +569,7 @@ const useReferenceData = ({
     return () => {
       isCurrentRequest = false;
     };
-  }, [syncBlockStore, resourceId, intl, isSource, localId]);
+  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock]);
   return {
     fetchStatus: state.fetchStatus,
     referenceData: state.referenceData
@@ -594,7 +598,7 @@ const SyncedLocationTriggerContent = ({
       }));
     case 'success':
       {
-        const count = referenceCount === 0 ? formatMessage(messages.syncedLocationDropdownNone) : referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
+        const count = referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
         return formatMessage(messages.syncedLocationDropdownTitleWithCount, {
           count
         });

package/dist/esm/ui/SyncedLocationDropdown.js

@@ -585,17 +585,24 @@ var useReferenceData = function useReferenceData(_ref10) {
     intl = _ref10.intl,
     isSource = _ref10.isSource,
     localId = _ref10.localId;
-  var _useState1 = useState({
-      fetchStatus: 'loading',
-      referenceData: []
+  var _useState1 = useState(function () {
+      return isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId);
+    }),
+    _useState10 = _slicedToArray(_useState1, 1),
+    isNewSourceBlock = _useState10[0];
+  var _useState11 = useState(function () {
+      return {
+        fetchStatus: isNewSourceBlock ? 'success' : 'loading',
+        referenceData: []
+      };
     }),
-    _useState10 = _slicedToArray(_useState1, 2),
-    state = _useState10[0],
-    setState = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    state = _useState12[0],
+    setState = _useState12[1];
   useEffect(function () {
     var isCurrentRequest = true;
     setState({
-      fetchStatus: 'loading',
+      fetchStatus: isNewSourceBlock ? 'success' : 'loading',
       referenceData: []
     });
     var getReferenceData = /*#__PURE__*/function () {
@@ -614,6 +621,9 @@ var useReferenceData = function useReferenceData(_ref10) {
               }
               return _context2.abrupt("return");
             case 2:
+              if (isNewSourceBlock) {
+                syncBlockStore.sourceManager.clearNewSourceBlock(resourceId);
+              }
               if (!response.error) {
                 _context2.next = 3;
                 break;
@@ -642,7 +652,7 @@ var useReferenceData = function useReferenceData(_ref10) {
     return function () {
       isCurrentRequest = false;
     };
-  }, [syncBlockStore, resourceId, intl, isSource, localId]);
+  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock]);
   return {
     fetchStatus: state.fetchStatus,
     referenceData: state.referenceData
@@ -671,7 +681,7 @@ var SyncedLocationTriggerContent = function SyncedLocationTriggerContent(_ref12)
       }));
     case 'success':
       {
-        var count = referenceCount === 0 ? formatMessage(messages.syncedLocationDropdownNone) : referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
+        var count = referenceCount > 99 ? '99+' : intl.formatNumber(referenceCount);
         return formatMessage(messages.syncedLocationDropdownTitleWithCount, {
           count: count
         });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "10.6.1",
+	"version": "10.6.2",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^56.1.0",
-		"@atlaskit/button": "24.3.8",
+		"@atlaskit/button": "24.3.9",
 		"@atlaskit/dropdown-menu": "17.2.0",
 		"@atlaskit/editor-json-transformer": "^9.1.0",
 		"@atlaskit/editor-plugin-analytics": "^12.0.0",