feat(DoDontBlock): performance improvement (#781)

* feat(DoDontBlock): performance improvement

* fix tests

* conditionally request assets

* fix review comments

* fix review comments

package.json

@@ -48,6 +48,9 @@
     "pnpm": {
         "overrides": {
             "@codesandbox/sandpack-react@^2.12.1>@codesandbox/sandpack-client": "2.10.0"
+        },
+        "patchedDependencies": {
+            "@udecode/[email protected]": "patches/@[email protected]"
         }
     }
 }

packages/dos-donts-block/src/AssetsProvider.tsx

@@ -0,0 +1,26 @@
+/* (c) Copyright Frontify Ltd., all rights reserved. */
+
+import { AppBridgeBlock, Asset, useBlockAssets } from '@frontify/app-bridge';
+import { ReactNode, createContext } from 'react';
+
+type AssetsProviderProps = {
+    appBridge: AppBridgeBlock;
+    children: ReactNode;
+};
+
+type AssetsContext = {
+    blockAssets?: Record<string, Asset[]>;
+    addAssetIdsToKey?: (key: string, assetIds: number[]) => Promise<void>;
+    deleteAssetIdsFromKey?: (key: string, assetIds: number[]) => Promise<void>;
+};
+
+export const AssetsContext = createContext<AssetsContext>({} as AssetsContext);
+
+export const AssetsProvider = ({ appBridge, children }: AssetsProviderProps) => {
+    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey } = useBlockAssets(appBridge);
+    return (
+        <AssetsContext.Provider value={{ blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey }}>
+            {children}
+        </AssetsContext.Provider>
+    );
+};