@robotical/webapp-types 3.7.21 → 3.7.23

package/dist-types/src/application/ApplicationManager/ApplicationManager.d.ts

@@ -10,6 +10,7 @@ import { RaftConnEvent, RaftUpdateEvent, RaftPublishEvent, RaftWifiScanResults,
 import { ConnectedRaftItem } from "../../store/SelectedRaftContext";
 import Toaster from "../../utils/Toaster";
 import AnalyticsFacade from "@robotical/appv2-analytics-gatherer";
+import { CarouselNavigatorManager } from "../../utils/CarouselNavigatorManager";
 export default class ApplicationManager {
     AnalyticsFacade: typeof AnalyticsFacade;
     analyticsSessionId: string | undefined;
@@ -20,6 +21,7 @@ export default class ApplicationManager {
     };
     connectedRaftsContext: ConnectedRaftItem[];
     returnToMainApp: () => void;
+    carouselNavigatorManager: CarouselNavigatorManager;
     private _router;
     setRouter(router: any): void;
     navigateTo(path: string): void;

package/dist-types/src/application/ApplicationManager/ApplicationManager.js

@@ -55,6 +55,7 @@ import ConnectingLoadingSpinnerModal from "../../components/modals/ConnectingLoa
 import draggableModalState from "../../state-observables/modal/DraggableModalState";
 import SensorsDashboardModal from "../../components/modals/ SensorsDashboardModal";
 import LEDLightsOrQRVerificationModal from "../../components/modals/LEDLightsOrQRVerificationModal";
+import { CarouselNavigatorManager } from "../../utils/CarouselNavigatorManager";
 var SHOW_LOGS = true;
 var TAG = "ApplicationManager";
 var ApplicationManager = /** @class */ (function () {
@@ -67,6 +68,8 @@ var ApplicationManager = /** @class */ (function () {
         this.connectedRafts = {};
         this.connectedRaftsContext = [];
         this.returnToMainApp = function () { };
+        // Carousel navigators
+        this.carouselNavigatorManager = new CarouselNavigatorManager();
         // Callback to call when a RAFT is selected (Phone App only)
         // We need that to make sure the connection button gets the selected RAFT once the user selects one
         this.ricSelectedCb = null;

package/dist-types/src/utils/CarouselNavigatorManager.d.ts

@@ -0,0 +1,24 @@
+export type CarouselNavigatorNames = "games" | "activities" | "other";
+export type CarouselImage = {
+    src: string;
+    link: string;
+};
+export declare class CarouselNavigatorManager {
+    carouselNavigators: Map<CarouselNavigatorNames, CarouselNavigator>;
+    constructor();
+    addNavigator(name: CarouselNavigatorNames, setImages: (images: CarouselImage[]) => void, rerenderComponent: (rerenderState: boolean) => void, setHighlightedItem: (highlightedItem: any) => void, setIsVisible: (isVisible: boolean) => void): void;
+    _addGamesNavigator(name: CarouselNavigatorNames, setImages: (images: CarouselImage[]) => void, rerenderComponent: (rerenderState: boolean) => void, setHighlightedItem: (highlightedItem: any) => void, setIsVisible: (isVisible: boolean) => void): void;
+    removeNavigator(name: CarouselNavigatorNames): void;
+    getNavigator(name: CarouselNavigatorNames): CarouselNavigator | undefined;
+}
+declare class CarouselNavigator {
+    name: CarouselNavigatorNames;
+    images: CarouselImage[];
+    rerenderComponent: (rerenderState: boolean) => void;
+    setHighlightedItem: (highlightedItem: any) => void;
+    setIsVisible: (isVisible: boolean) => void;
+    currentIndex: number;
+    constructor(name: CarouselNavigatorNames, images: CarouselImage[], rerenderComponent: (rerenderState: boolean) => void, setHighlightedItem: (highlightedItem: any) => void, setIsVisible: (isVisible: boolean) => void);
+    highlightImage(index: number): void;
+}
+export {};

package/dist-types/src/utils/CarouselNavigatorManager.js

@@ -0,0 +1,53 @@
+import CarouselCodewheelImg from "../assets/carousel-navigation/carousel-codewheel.png";
+import CarouselJump from "../assets/carousel-navigation/carousel-jump.png";
+import CarouselMaze from "../assets/carousel-navigation/carousel-maze.png";
+import CarouselRobofly from "../assets/carousel-navigation/carousel-robofly.png";
+import CarouselSki from "../assets/carousel-navigation/carousel-ski.png";
+var CarouselNavigatorManager = /** @class */ (function () {
+    function CarouselNavigatorManager() {
+        this.carouselNavigators = new Map();
+    }
+    CarouselNavigatorManager.prototype.addNavigator = function (name, setImages, rerenderComponent, setHighlightedItem, setIsVisible) {
+        if (name === "games") {
+            this._addGamesNavigator(name, setImages, rerenderComponent, setHighlightedItem, setIsVisible);
+        }
+    };
+    CarouselNavigatorManager.prototype._addGamesNavigator = function (name, setImages, rerenderComponent, setHighlightedItem, setIsVisible) {
+        var images = [
+            { src: CarouselCodewheelImg, link: '/codewheel' },
+            { src: CarouselJump, link: '/jumping-game' },
+            { src: CarouselRobofly, link: '/robofly-game' },
+            { src: CarouselSki, link: '/skiing-game' },
+            { src: CarouselMaze, link: '/maze' },
+        ];
+        this.carouselNavigators.set("games", new CarouselNavigator(name, images, rerenderComponent, setHighlightedItem, setIsVisible));
+        setImages(images);
+    };
+    CarouselNavigatorManager.prototype.removeNavigator = function (name) {
+        if (this.carouselNavigators.has(name)) {
+            this.carouselNavigators.delete(name);
+        }
+    };
+    CarouselNavigatorManager.prototype.getNavigator = function (name) {
+        return this.carouselNavigators.get(name);
+    };
+    return CarouselNavigatorManager;
+}());
+export { CarouselNavigatorManager };
+var CarouselNavigator = /** @class */ (function () {
+    function CarouselNavigator(name, images, rerenderComponent, setHighlightedItem, setIsVisible) {
+        this.name = name;
+        this.images = images;
+        this.rerenderComponent = rerenderComponent;
+        this.setHighlightedItem = setHighlightedItem;
+        this.setIsVisible = setIsVisible;
+        this.currentIndex = 0;
+        this.images = images;
+    }
+    CarouselNavigator.prototype.highlightImage = function (index) {
+        this.currentIndex = index;
+        this.setHighlightedItem(this.images[index]);
+        this.rerenderComponent(true);
+    };
+    return CarouselNavigator;
+}());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robotical/webapp-types",
-  "version": "3.7.21",
+  "version": "3.7.23",
   "description": "Type definitions for the Application Manager",
   "main": "dist/application-manager.d.ts",
   "types": "dist/application-manager.d.ts",