@zextras/carbonio-shell-ui 0.4.35 → 0.4.36-devel.1663256619330

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-shell-ui",
-	"version": "0.4.35",
+	"version": "0.4.36-devel.1663256619330",
 	"description": "The Zextras Carbonio web client",
 	"main": "dist/zapp-shell.bundle.js",
 	"types": "./types/index.d.ts",
@@ -79,8 +79,6 @@
 		"file-loader": "6.2.0",
 		"html-webpack-plugin": "5.5.0",
 		"husky": "7.0.4",
-		"i18next-browser-languagedetector": "6.1.3",
-		"i18next-http-backend": "1.3.2",
 		"is-ci": "3.0.1",
 		"mini-css-extract-plugin": "2.5.3",
 		"moment": "2.29.1",
@@ -101,11 +99,12 @@
 		"@fontsource/roboto": "^4.5.7",
 		"@sentry/browser": "^6.17.7",
 		"@tinymce/tinymce-react": "^3.13.0",
-		"@zextras/carbonio-design-system": "^0.3.10",
-		"@zextras/carbonio-ui-preview": "^0.1.5",
+		"@zextras/carbonio-design-system": "^0.4.0",
+		"@zextras/carbonio-ui-preview": "^0.2.0",
 		"darkreader": "4.9.46",
 		"history": "^5.2.0",
 		"i18next": "21.6.10",
+		"i18next-http-backend": "1.3.2",
 		"immer": "^9.0.12",
 		"lodash": "4.17.21",
 		"path-browserify": "^1.0.1",
@@ -123,7 +122,7 @@
 		"remark-gfm": "3.0.1",
 		"tinymce": "^5.10.2",
 		"ua-parser-js": "^1.0.2",
-		"zustand": "3.6.9"
+		"zustand": "^3.7.2"
 	},
 	"peerDependencies": {
 		"@reduxjs/toolkit": "^1.6.2",

package/types/account/index.d.ts

@@ -21,7 +21,7 @@ export type AccountState = {
 	authenticated: boolean;
 	account?: Account;
 	settings: AccountSettings;
-	zimbraVersion: string;
+	zimbraVersion?: string;
 	usedQuota: number;
 };
 

package/types/apps/index.d.ts

@@ -5,7 +5,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { ComponentType, FC } from 'react';
+import React, { ComponentType, FC } from 'react';
 import { QueryChip } from '../search/items';
 
 export type CarbonioModule = {
@@ -68,7 +68,9 @@ export type CarbonioAccessoryView<P> = {
 export type PrimaryBarComponentProps = { active: boolean };
 export type SecondaryBarComponentProps = { expanded: boolean };
 export type AppViewComponentProps = {};
-export type BoardViewComponentProps = {};
+export type BoardViewComponentProps = {
+	windowHistory: History;
+};
 export type SettingsViewProps = {};
 export type SearchViewProps = {
 	useQuery: () => [QueryChip[], Function];
@@ -116,7 +118,7 @@ export type SearchView = CarbonioView<SearchViewProps> & {
 
 export type PrimaryAccessoryView = CarbonioAccessoryView<PrimaryAccessoryViewProps> & {
 	component: string | ComponentType;
-	onClick?: (ev: any) => void;
+	onClick?: (ev: KeyboardEvent | React.MouseEvent<HTMLButtonElement> | undefined) => void;
 	label: string;
 };
 

package/types/boards/index.d.ts

@@ -0,0 +1,30 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+export type Board<T = unknown> = {
+	id: string;
+	url: string;
+	app: string;
+	icon: string;
+	title: string;
+	context?: T;
+	onClose?: (board: Board<T>) => void;
+	onGoToPanel?: (board: Board<T>) => void;
+};
+
+export type BoardState = {
+	boards: Record<string, Board<any>>;
+	expanded: boolean;
+	minimized: boolean;
+	current?: string;
+};
+
+export type BoardHooksContext = {
+	closeBoard: () => void;
+	updateBoard: (b: Partial<Board>) => void;
+	setCurrentBoard: () => void;
+	getBoardContext: <T>() => T;
+	getBoard: <T>() => Board<T>;
+};

package/types/exports/index.d.ts

@@ -7,8 +7,8 @@
 
 import { ComponentType, Dispatch, FC, SetStateAction } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { Reducer, Store } from 'redux';
 import { TFunction } from 'react-i18next';
+import { i18n } from 'i18next';
 import {
 	AppRoute,
 	AppRouteDescriptor,
@@ -35,20 +35,13 @@ import { HistoryParams, ShellModes, AccordionFolder } from '../misc';
 import { Tag, Tags } from '../tags';
 import { Folder, Folders } from '../folder';
 import { QueryChip } from '../search';
+import { Board, BoardHooksContext } from '../boards';
 import { INotificationManager } from '../notification';
 
 export const getBridgedFunctions: () => {
-	addBoard: (path: string, context?: unknown | { app: string }) => void;
 	createModal: (...params: any[]) => void;
 	createSnackbar: (...params: any[]) => void;
 	getHistory: () => History;
-	removeBoard: (key: string) => void;
-	removeCurrentBoard: () => void;
-	setCurrentBoard: (key: string) => void;
-	updateBoard: (key: string, url: string, title: string) => void;
-	updateCurrentBoard: (url: string, title: string) => void;
-	t: TFunction;
-	toggleMinimizedBoard: () => void;
 };
 export const editSettings: (mods: Mods) => Promise<any>;
 export const ZIMBRA_STANDARD_COLORS: Array<{ zValue: number; hex: string; zLabel: string }>;
@@ -120,21 +113,10 @@ export const useUserSettings: () => AccountSettings;
 export const useUserSetting: <T = void>(...path: Array<string>) => string | T;
 export const getUserSettings: () => AccountSettings;
 export const getUserSetting: <T = void>(...path: Array<string>) => string | T;
-export const store: {
-	store: Store<any>;
-	setReducer(nextReducer: Reducer): void;
-};
 export const useNotify: () => Array<SoapNotify>;
 export const useRefresh: () => SoapRefresh;
 export const AppLink: FC<LinkProps>;
 export const Spinner: FC;
-export const useAddBoardCallback: () => (
-	path: string,
-	context?: { app?: string; title?: string }
-) => void;
-export const useUpdateCurrentBoard: () => (url: string, title: string) => void;
-export const useRemoveCurrentBoard: () => () => void;
-export const useBoardConfig: <T>() => T;
 
 export const useIsMobile: () => boolean;
 export const soapFetch: SoapFetch;
@@ -234,3 +216,24 @@ export const getNotificationManager: () => INotificationManager;
 export const runSearch: (query: Array<QueryChip>, module: string) => void;
 
 export const useLocalStorage: <T>(key: string, initialValue: T) => [T, Dispatch<SetStateAction<T>>];
+
+export const getI18n: () => i18n;
+export const useI18n: () => i18n;
+export const t: TFunction;
+
+export const addBoard: <T = any>(
+	board: Omit<Board<T>, 'app' | 'icon' | 'id'> & { id?: string; icon?: string },
+	expanded?: boolean
+) => Board;
+export const closeBoard: (id: string) => void;
+export const updateBoard: <T = any>(id: string, board: Partial<Board<T>>) => void;
+export const updateBoardContext: <T = any>(id: string, context: T) => void;
+export const getBoardById: <T>(id: string) => Board<T>;
+export const getBoardContextById: <T>(id: string) => T;
+export const useBoardContextById: <T>(id: string) => T;
+export const useBoardById: <T>(id: string) => Board<T>;
+export const minimizeBoards: () => void;
+export const reopenBoards: () => void;
+export const setCurrentBoard: (id: string) => void;
+export const useBoardHooks: () => BoardHooksContext;
+export const useBoard: <T>() => Board<T>;

package/types/i18n/index.d.ts

@@ -0,0 +1,13 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { i18n } from 'i18next';
+
+export type I18nState = {
+	instances: Record<string, i18n>;
+	defaultI18n: i18n;
+	locale: string;
+};

package/types/index.d.ts

@@ -16,3 +16,5 @@ export * from './misc';
 export * from './tags';
 export * from './workers';
 export * from './folder';
+export * from './i18n';
+export * from './boards';

package/types/integrations/index.d.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { ComponentType, MouseEvent } from 'react';
+import { ComponentType, MouseEvent, SyntheticEvent } from 'react';
 
 export type IntegrationsState = {
 	actions: ActionMap;
@@ -29,8 +29,8 @@ export type Action = {
 	id: string;
 	label: string;
 	icon: string;
-	click: (ev: MouseEvent) => void;
-	type: string;
+	click: (ev: SyntheticEvent<HTMLElement> | KeyboardEvent) => void;
+	type: 'divider';
 	primary?: boolean;
 	group?: string;
 	disabled?: boolean;

package/types/misc/index.d.ts

@@ -6,7 +6,6 @@
 
 import { Store } from '@reduxjs/toolkit';
 import { To } from 'history';
-import { i18n } from 'i18next';
 import { ComponentType } from 'react';
 import { CarbonioModule, PanelMode } from '../apps';
 
@@ -19,14 +18,6 @@ export enum JSNS {
 	SYNC = 'urn:zimbraSync'
 }
 
-export interface II18nFactory {
-	_cache: { [pkg: string]: i18n };
-	locale: string;
-	setLocale(locale: string): void;
-	getShellI18n(): i18n;
-	getAppI18n(appPkgDescription: CarbonioModule): i18n;
-}
-
 export type DRPropValues = 'auto' | 'enabled' | 'disabled';
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/types/search/items.d.ts

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 export type QueryChip = {
+	id: string;
 	label: string;
 	value?: string;
 	isGeneric?: boolean;