fix(react-component): Tiny fix to visualize the point cloud filter in the settings drop down

react-components/src/architecture/index.ts

@@ -5,6 +5,7 @@
 export type { CommandUpdateDelegate } from './base/commands/BaseCommand';
 export { BaseCommand } from './base/commands/BaseCommand';
 export { BaseFilterCommand } from './base/commands/BaseFilterCommand';
+export { BaseFilterItemCommand } from './base/commands/BaseFilterCommand';
 export { BaseOptionCommand } from './base/commands/BaseOptionCommand';
 export { BaseSliderCommand } from './base/commands/BaseSliderCommand';
 export { BaseTool } from './base/commands/BaseTool';

react-components/src/components/Architecture/RevealButtons.tsx

@@ -14,11 +14,15 @@ import { KeyboardSpeedCommand } from '../../architecture/base/concreteCommands/K
 import { ObservationsTool } from '../../architecture/concrete/observations/ObservationsTool';
 import { createButtonFromCommandConstructor } from './CommandButtons';
 import { SettingsCommand } from '../../architecture/base/concreteCommands/SettingsCommand';
+import { PointCloudFilterCommand } from '../../architecture';
 
 export class RevealButtons {
   static Settings = (): ReactElement =>
     createButtonFromCommandConstructor(() => new SettingsCommand());
 
+  static PointCloudFilter = (): ReactElement =>
+    createButtonFromCommandConstructor(() => new PointCloudFilterCommand());
+
   static FitView = (): ReactElement =>
     createButtonFromCommandConstructor(() => new FitViewCommand());
 

react-components/src/components/Architecture/SettingsButton.tsx

@@ -209,6 +209,7 @@ function createOptionButton(command: BaseOptionCommand, t: TranslateDelegate): R
 }
 
 function createFilterButton(command: BaseFilterCommand, t: TranslateDelegate): ReactElement {
+  command.initializeChildrenIfNeeded();
   if (!command.isVisible) {
     return <></>;
   }