Packages and styles upgrade (#2692)

* Migrated declarations.
* Upgraded designer styles.
* Updated packages and fixed styles

---------

Co-authored-by: Alexander Zaslonov <alzaslon@microsoft.com>

Author: ygrik

package-lock.json

@@ -79,12 +79,12 @@
         "@fluentui/react": "^8.105.11",
         "@microsoft/applicationinsights-web": "^3.0.2",
         "@monaco-editor/loader": "^1.3.3",
-        "@paperbits/azure": "0.1.593",
-        "@paperbits/common": "0.1.593-hotfix2",
-        "@paperbits/core": "0.1.593-hotfix2",
-        "@paperbits/forms": "0.1.593-hotfix2",
-        "@paperbits/react": "1.0.7",
-        "@paperbits/styles": "0.1.593-hotfix2",
+        "@paperbits/azure": "0.1.623",
+        "@paperbits/common": "0.1.623",
+        "@paperbits/core": "0.1.623",
+        "@paperbits/forms": "0.1.623",
+        "@paperbits/react": "1.0.8",
+        "@paperbits/styles": "0.1.623",
         "@webcomponents/custom-elements": "1.6.0",
         "@webcomponents/shadydom": "^1.11.0",
         "client-oauth2": "4.3.3",

package.json

@@ -1,19 +1,19 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { ApiProductsModel } from "./apiProductsModel";
 
-export class ApiProductsHandlers implements IWidgetHandler {
+export class ApiProductsHandlers implements IWidgetHandler<ApiProductsModel> {
     public async getWidgetModel(): Promise<ApiProductsModel> {
         return new ApiProductsModel("list");
     }
 }
 
-export class ApiProductsDropdownHandlers implements IWidgetHandler {
+export class ApiProductsDropdownHandlers implements IWidgetHandler<ApiProductsModel> {
     public async getWidgetModel(): Promise<ApiProductsModel> {
         return new ApiProductsModel("dropdown");
     }
 }
 
-export class ApiProductsTilesHandlers implements IWidgetHandler {
+export class ApiProductsTilesHandlers implements IWidgetHandler<ApiProductsModel> {
     public async getWidgetModel(): Promise<ApiProductsModel> {
         return new ApiProductsModel("tiles");
     }

src/components/apis/api-products/apiProductsHandlers.ts

@@ -1,7 +1,7 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { DetailsOfApiModel } from "./detailsOfApiModel";
 
-export class DetailsOfApiHandlers implements IWidgetHandler {
+export class DetailsOfApiHandlers implements IWidgetHandler<DetailsOfApiModel> {
     public async getWidgetModel(): Promise<DetailsOfApiModel> {
         return new DetailsOfApiModel();
     }

src/components/apis/details-of-api/detailsOfApiHandlers.ts

@@ -1,7 +1,7 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { HistoryOfApiModel } from "./historyOfApiModel";
 
-export class HistoryOfApiHandlers implements IWidgetHandler {
+export class HistoryOfApiHandlers implements IWidgetHandler<HistoryOfApiModel> {
     public async getWidgetModel(): Promise<HistoryOfApiModel> {
         return new HistoryOfApiModel();
     }

src/components/apis/history-of-api/historyOfApiHandlers.ts

@@ -1,19 +1,19 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { ListOfApisModel } from "./listOfApisModel";
 
-export class ListOfApisHandlers implements IWidgetHandler {
+export class ListOfApisHandlers implements IWidgetHandler<ListOfApisModel> {
     public async getWidgetModel(): Promise<ListOfApisModel> {
         return new ListOfApisModel("list");
     }
 }
 
-export class ListOfApisTilesHandlers implements IWidgetHandler {
+export class ListOfApisTilesHandlers implements IWidgetHandler<ListOfApisModel> {
     public async getWidgetModel(): Promise<ListOfApisModel> {
         return new ListOfApisModel("tiles");
     }
 }
 
-export class ListOfApisDropdownHandlers implements IWidgetHandler {
+export class ListOfApisDropdownHandlers implements IWidgetHandler<ListOfApisModel> {
     public async getWidgetModel(): Promise<ListOfApisModel> {
         return new ListOfApisModel("dropdown");
     }

src/components/apis/list-of-apis/listOfApisHandlers.ts

@@ -3,7 +3,7 @@ import { StyleHelper } from "@paperbits/styles";
 import { CustomHtmlModel } from "./customHtmlModel";
 import { htmlCodeInitial, htmlCodeSizeStylesInitial } from "./ko/constants";
 
-export class HTMLInjectionHandlers implements IWidgetHandler {
+export class HTMLInjectionHandlers implements IWidgetHandler<CustomHtmlModel> {
     public async getWidgetModel(): Promise<CustomHtmlModel> {
         const model = new CustomHtmlModel();
         model.htmlCode = htmlCodeInitial;

src/components/custom-html/customHtmlHandlers.ts

@@ -11,7 +11,7 @@ export interface TCustomWidgetConfig extends CustomWidgetCommonConfig {
     override?: string | boolean;
 }
 
-export class CustomWidgetHandlers implements IWidgetHandler {
+export class CustomWidgetHandlers implements IWidgetHandler<CustomWidgetModel> {
     constructor(private readonly configuration: TCustomWidgetConfig) {
         this.getWidgetModel = this.getWidgetModel.bind(this);
     }

src/components/custom-widget/customWidgetHandlers.ts

@@ -1,7 +1,7 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { OperationDetailsModel } from "./operationDetailsModel";
 
-export class OperationDetailsHandlers implements IWidgetHandler {
+export class OperationDetailsHandlers implements IWidgetHandler<OperationDetailsModel> {
     public async getWidgetModel(): Promise<OperationDetailsModel> {
         return new OperationDetailsModel();
     }

src/components/operations/operation-details/operationDetailsHandlers.ts

@@ -1,7 +1,7 @@
 import { IWidgetHandler } from "@paperbits/common/editing";
 import { OperationListModel } from "./operationListModel";
 
-export class OperationListHandlers implements IWidgetHandler {
+export class OperationListHandlers implements IWidgetHandler<OperationListModel> {
     public async getWidgetModel(): Promise<OperationListModel> {
         return new OperationListModel();
     }