@abyss-project/commons-front-core 1.0.136 → 1.0.140

package/dist/components/Layouts/AbyssSidebar/AbyssSidebar.component.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+export declare const ABYSS_SIDEBAR_WIDTH = 260;
+export declare const ABYSS_SIDEBAR_WIDTH_COLLAPSED = 68;
+export type AbyssSidebarItem = {
+    label: string;
+    icon?: React.ReactNode;
+    path?: string;
+    exactMatch?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    badge?: React.ReactNode;
+    children?: AbyssSidebarItem[];
+    hidden?: boolean;
+    tooltip?: string;
+    isExternal?: boolean;
+};
+export type AbyssSidebarSection = {
+    title?: string;
+    titleIcon?: React.ReactNode;
+    items: AbyssSidebarItem[];
+};
+type Props = {
+    header?: React.ReactNode;
+    sections?: AbyssSidebarSection[];
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    width?: number;
+    collapsedWidth?: number;
+    sxProps?: SxProps;
+};
+declare const AbyssSidebar: React.FC<Props>;
+export default AbyssSidebar;

package/dist/components/Layouts/AbyssSidebar/AbyssSidebarItem.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { AbyssSidebarItem as AbyssSidebarItemType } from './AbyssSidebar.component';
+type Props = {
+    item: AbyssSidebarItemType;
+    collapsed: boolean;
+    depth?: number;
+};
+declare const AbyssSidebarItem: React.FC<Props>;
+export default AbyssSidebarItem;

package/dist/components/Layouts/AbyssSidebar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AbyssSidebar } from './AbyssSidebar.component';
+export type { AbyssSidebarItem, AbyssSidebarSection } from './AbyssSidebar.component';
+export { ABYSS_SIDEBAR_WIDTH, ABYSS_SIDEBAR_WIDTH_COLLAPSED } from './AbyssSidebar.component';

package/dist/components/Layouts/AbyssThemeToggle/AbyssThemeToggle.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type Props = {
+    mode: 'light' | 'dark';
+    onToggle: () => void;
+};
+declare const AbyssThemeToggle: React.FC<Props>;
+export default AbyssThemeToggle;

package/dist/components/Layouts/AbyssThemeToggle/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssThemeToggle } from './AbyssThemeToggle.component';

package/dist/components/Layouts/DashboardLayout/DashboardLayout.layout.d.ts

@@ -1,9 +1,8 @@
 import { SxProps } from '@mui/material';
 import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 export declare const drawerWidth = 275;
 export declare const drawerWidthCollapsed = 72;
-export declare const DOCUMENTATION_URL = "https://abyss-project.gitbook.io/abyss/";
+export declare const DOCUMENTATION_URL = "https://docs.abyss-project.fr/abyss-project/";
 type Props = {
     isMobileOpen?: boolean;
     handleDrawerToggle?: () => void;
@@ -13,9 +12,8 @@ type Props = {
     mainSxProps?: SxProps;
     containerSxProps?: SxProps;
     footer?: React.ReactNode;
-    classes: Record<string, string>;
     drawerCollapsed?: boolean;
     children: React.ReactNode;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const DashboardLayout: React.FC<Props>;
+export default DashboardLayout;

package/dist/components/Layouts/DashboardLayout/DashboardLayoutHeader.layout.d.ts

@@ -1,13 +1,11 @@
+import { default as React } from 'react';
 import { SxProps } from '@mui/material';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
     hasDrawer?: boolean;
     drawerCollapsed?: boolean;
     content?: React.ReactNode;
     handleDrawerToggle: () => void;
     sxProps?: SxProps;
-    classes: Record<string, string>;
 };
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const DashboardLayoutHeader: React.FC<Props>;
+export default DashboardLayoutHeader;

package/dist/components/Layouts/LoadingLayout/LoadingLayout.layout.d.ts

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
     title?: string;
     abyssLandingUrl?: string;
-    classes: Record<string, string>;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const LoadingLayout: React.FC<Props>;
+export default LoadingLayout;

package/dist/components/Layouts/MainLayout/MainLayout.layout.d.ts

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
     shouldDisplayLandingButton?: boolean;
     shouldMaskLogo?: boolean;
     abyssLandingUrl?: string;
-    classes: Record<string, string>;
     children: React.ReactNode;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const MainLayout: React.FC<Props>;
+export default MainLayout;

package/dist/components/Layouts/index.d.ts

@@ -1,3 +1,11 @@
 export * from './MainLayout';
 export * from './LoadingLayout';
 export * from './DashboardLayout';
+export * from './AbyssLayoutProvider';
+export * from './AbyssDashboardLayout';
+export * from './AbyssHeader';
+export * from './AbyssSidebar';
+export * from './AbyssThemeToggle';
+export * from './AbyssSearchBar';
+export * from './AbyssBillingPlan';
+export * from './AbyssLoadingScreen';

package/dist/components/Modals/AbyssModal/AbyssModal.component.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { DialogProps, SxProps } from '@mui/material';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-declare const _default: React.JSXElementConstructor<Omit<{
-    disableCloseButton?: boolean | undefined;
-    sxCloseButton?: SxProps | undefined;
-    classes: Record<string, string>;
-    onClose?: (() => void) | undefined;
-    disableFullScreenOnMobile?: boolean | undefined;
-} & DialogProps, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+type Props = {
+    disableCloseButton?: boolean;
+    sxCloseButton?: SxProps;
+    onClose?: () => void;
+    disableFullScreenOnMobile?: boolean;
+    disablePaperPadding?: boolean;
+} & DialogProps;
+declare const AbyssModal: React.FC<Props>;
+export default AbyssModal;

package/dist/components/Modals/ConfirmModal/ConfirmModal.d.ts

@@ -1,6 +1,5 @@
 import { default as React, ReactNode } from 'react';
 import { Breakpoint, SxProps } from '@mui/material';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 export type ConfirmModalVariant = 'default' | 'danger' | 'warning' | 'info' | 'success';
 type Props = {
     title?: string | ReactNode;
@@ -13,11 +12,11 @@ type Props = {
     onCancel: () => Promise<void>;
     onConfirm: () => Promise<void>;
     isConfirmDisabled?: boolean;
-    classes: Record<string, string>;
     maxWidth?: Breakpoint;
+    fullWidth?: boolean;
     sx?: SxProps;
     variant?: ConfirmModalVariant;
     icon?: ReactNode;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const ConfirmModal: React.FC<Props>;
+export default ConfirmModal;

package/dist/components/Modals/ConfirmModal/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './ConfirmModal';
+export { default, default as ConfirmModal } from './ConfirmModal';
 export type { ConfirmModalVariant } from './ConfirmModal';

package/dist/components/Modals/ImportFromCloudModal/ImportFromCloudModal.component.d.ts

@@ -1,19 +1,29 @@
-import { ICloud, IFile } from '@abyss-project/cloud';
-import { IUser } from '@abyss-project/main';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
+import { default as React } from 'react';
+import { ISpace, IFile, IGetRepositoryCloudData } from '@abyss-project/cloud';
 type Props = {
     isOpen: boolean;
     onCancel: () => Promise<void>;
-    onConfirm: (cloud: ICloud, files: IFile[]) => Promise<void>;
-    classes: Record<string, string>;
+    onConfirm: (cloud: ISpace, files: IFile[]) => Promise<void>;
     maxSize?: number;
     multiple?: boolean;
     accept?: string[];
-    user: IUser;
-    fetchUser: () => Promise<void>;
     abyssCloudUrl: string;
     getFileThumbnailUrl: (id: string) => string;
+    clouds: ISpace[] | null;
+    cloudShares: ISpace[] | null;
+    isLoadingClouds?: boolean;
+    onRefreshClouds: () => Promise<void>;
+    fetchCloudRepository: (cloudId: string) => Promise<IGetRepositoryCloudData>;
+    onActivateService: () => Promise<void>;
+    onCreateCloud: (name: string) => Promise<void>;
+    getSpaceDisplay?: (space: ISpace) => {
+        label: string;
+        avatar?: React.ReactNode;
+        subtitle?: string;
+        organizationId?: string | null;
+        organizationName?: string | null;
+        scope?: 'personal' | 'perso-in-org' | 'org-common' | 'project';
+    };
 };
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const ImportFromCloudModal: React.FC<Props>;
+export default ImportFromCloudModal;

package/dist/components/Modals/QRCodeModal/QRCodeModal.component.d.ts

@@ -1,13 +1,11 @@
 import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
     isOpen: boolean;
     onClose: () => void;
-    classes: Record<string, string>;
     url: string;
     maskShareButton?: boolean;
     maskCopyButton?: boolean;
     handleResetButton?: () => Promise<void>;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const QRCodeModal: React.FC<Props>;
+export default QRCodeModal;

package/dist/components/Modals/SaveCloudModal/SaveCloudModal.component.d.ts

@@ -1,16 +1,18 @@
-import { ICloud, IFolder } from '@abyss-project/cloud';
-import { IUser } from '@abyss-project/main';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
+import { default as React } from 'react';
+import { ISpace, IFolder, IGetRepositoryCloudData } from '@abyss-project/cloud';
 type Props = {
     isOpen: boolean;
     onCancel: () => Promise<void>;
-    onConfirm: (cloud: ICloud, folder: IFolder | null) => Promise<void>;
-    user: IUser;
-    fetchUser: () => Promise<void>;
+    onConfirm: (cloud: ISpace, folder: IFolder | null) => Promise<void>;
     abyssCloudUrl: string;
     getFileThumbnailUrl: (id: string) => string;
-    classes: Record<string, string>;
+    clouds: ISpace[] | null;
+    cloudShares: ISpace[] | null;
+    isLoadingClouds?: boolean;
+    onRefreshClouds: () => Promise<void>;
+    fetchCloudRepository: (cloudId: string) => Promise<IGetRepositoryCloudData>;
+    onActivateService: () => Promise<void>;
+    onCreateCloud: (name: string) => Promise<void>;
 };
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const SaveCloudModal: React.FC<Props>;
+export default SaveCloudModal;

package/dist/components/Modals/UserSettingsModal/UserSettings.compat.d.ts

@@ -0,0 +1,13 @@
+import { UserSettingsUser } from './UserSettingsModal.component';
+type Props = {
+    isOpen: boolean;
+    onCancel: () => Promise<void>;
+    user: UserSettingsUser;
+    resetApiKey: () => Promise<void>;
+    fetchMe: () => Promise<void>;
+    isLoading: boolean;
+    apiKey: string;
+    abyssUrl: string;
+};
+declare const UserSettings: React.FC<Props>;
+export default UserSettings;

package/dist/components/Modals/UserSettingsModal/UserSettingsModal.component.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export type UserSettingsUser = {
+    alias?: string | null;
+    phone?: string | null;
+    name?: string | null;
+    familyName?: string | null;
+};
+export type UserSettingsValues = {
+    alias: string;
+    phone: string;
+    name: string;
+    familyName: string;
+};
+type Props = {
+    isOpen: boolean;
+    onCancel: () => Promise<void>;
+    onSave: (values: UserSettingsValues) => Promise<void>;
+    resetApiKey: () => Promise<void>;
+    user: UserSettingsUser;
+    isLoading: boolean;
+    apiKey: string;
+    abyssUrl: string;
+    profileSuffix?: string;
+    deleteAccountSuffix?: string;
+};
+declare const UserSettingsModal: React.FC<Props>;
+export default UserSettingsModal;

package/dist/components/Modals/UserSettingsModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UserSettingsModal } from './UserSettingsModal.component';
+export type { UserSettingsUser, UserSettingsValues } from './UserSettingsModal.component';

package/dist/components/Modals/index.d.ts

@@ -1,7 +1,7 @@
 export * from './AbyssModal';
 export * from './ConfirmModal';
 export * from './ImportFromCloudModal';
-export * from './ImportFromCollectionModal';
 export * from './QRCodeModal';
 export * from './SaveCloudModal';
-export * from './UserSettings';
+export * from './UserSettingsModal';
+export { default as UserSettings } from './UserSettingsModal/UserSettings.compat';

package/dist/components/PdfEditor/PdfEditor.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { PdfEditorProps } from './types';
+export declare const PdfEditor: React.FC<PdfEditorProps>;

package/dist/components/PdfEditor/hooks/use-acro-form-fields.d.ts

@@ -0,0 +1,2 @@
+import { AcroFormField } from '../types';
+export declare const useAcroFormFields: (sourceBytes: Uint8Array | null) => AcroFormField[];

package/dist/components/PdfEditor/hooks/use-export.d.ts

@@ -0,0 +1,7 @@
+import { PdfOperation } from '../types';
+interface UseExportResult {
+    exportPdf: (sourceBytes: Uint8Array, operations: PdfOperation[], fileName: string) => Promise<void>;
+    exporting: boolean;
+}
+export declare const useExport: () => UseExportResult;
+export {};

package/dist/components/PdfEditor/hooks/use-page-order.d.ts

@@ -0,0 +1,2 @@
+import { PdfOperation } from '../types';
+export declare function usePageOrder(numPages: number, operations: PdfOperation[]): number[];

package/dist/components/PdfEditor/hooks/use-pdf-document.d.ts

@@ -0,0 +1,11 @@
+import { PDFDocumentProxy } from 'pdfjs-dist';
+import { PdfSource } from '../types';
+interface UsePdfDocumentResult {
+    pdfDoc: PDFDocumentProxy | null;
+    sourceBytes: Uint8Array | null;
+    pageCount: number;
+    loading: boolean;
+    error: Error | null;
+}
+export declare const usePdfDocument: (source: PdfSource | null) => UsePdfDocumentResult;
+export {};

package/dist/components/PdfEditor/hooks/use-undo-redo.d.ts

@@ -0,0 +1,7 @@
+import { EditorState } from '../types';
+interface UseUndoRedoResult {
+    canUndo: boolean;
+    canRedo: boolean;
+}
+export declare const useUndoRedo: (state: EditorState) => UseUndoRedoResult;
+export {};

package/dist/components/PdfEditor/hooks/use-uploaded-docs.d.ts

@@ -0,0 +1,3 @@
+import { PDFDocumentProxy } from 'pdfjs-dist';
+import { PdfOperation } from '../types';
+export declare const useUploadedDocs: (operations: PdfOperation[]) => Map<string, PDFDocumentProxy>;

package/dist/components/PdfEditor/index.d.ts

@@ -0,0 +1,3 @@
+export { PdfEditor } from './PdfEditor';
+export { PdfOperationType } from './types';
+export type { PdfEditorProps, PdfOperation, ExportRequest, ExportOption, PdfSource, PdfEditorMode, AcroFormField, AssetPalette, AssetPaletteItem, AssetPaletteOrgBucket, AssetPaletteProjectBucket, SaveSignatureFn, OperationsAdapter, } from './types';

package/dist/components/PdfEditor/operations/apply.d.ts

@@ -0,0 +1,2 @@
+import { PdfOperation } from '../types';
+export declare const applyOperations: (sourceBytes: Uint8Array, operations: PdfOperation[]) => Promise<Uint8Array>;

package/dist/components/PdfEditor/operations/apply.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PdfEditor/operations/compute-page-order.d.ts

@@ -0,0 +1,9 @@
+import { PdfOperation } from '../types';
+export interface InsertedPageRef {
+    opId: string;
+    uploadKey: string;
+    uploadPageIndex: number;
+}
+export declare function computeInsertionTable(numPages: number, operations: PdfOperation[]): Map<number, InsertedPageRef>;
+export declare function computePageOrder(numPages: number, operations: PdfOperation[]): number[];
+export declare function computeRotationMap(operations: PdfOperation[]): Map<number, number>;

package/dist/components/PdfEditor/operations/compute-page-order.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PdfEditor/operations/pdf-data-url.d.ts

@@ -0,0 +1,2 @@
+export declare const dataUrlToBytes: (dataUrl: string) => Uint8Array;
+export declare const isPdfDataUrl: (key: string) => boolean;

package/dist/components/PdfEditor/operations/reducer.d.ts

@@ -0,0 +1,3 @@
+import { EditorState, EditorAction } from '../types';
+export declare const initialEditorState: EditorState;
+export declare const editorReducer: (state: EditorState, action: EditorAction) => EditorState;

package/dist/components/PdfEditor/operations/reducer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PdfEditor/signature/SignatureDrawCanvas.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AssetPalette, SaveSignatureFn } from '../types';
+interface SignatureDrawCanvasProps {
+    onCapture: (dataUrl: string) => void;
+    onCancel: () => void;
+    onSave?: SaveSignatureFn;
+    assetPalette?: AssetPalette;
+}
+export declare const SignatureDrawCanvas: React.FC<SignatureDrawCanvasProps>;
+export {};

package/dist/components/PdfEditor/signature/SignaturePicker.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { AssetPalette, SaveSignatureFn } from '../types';
+interface SignaturePickerProps {
+    open: boolean;
+    onClose: () => void;
+    onCapture: (dataUrl: string) => void;
+    onCaptureText?: (text: string) => void;
+    assetPalette?: AssetPalette;
+    onSaveSignature?: SaveSignatureFn;
+    manageAssetsUrl?: string;
+}
+export declare const SignaturePicker: React.FC<SignaturePickerProps>;
+export {};

package/dist/components/PdfEditor/signature/SignatureSaveButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { AssetPalette, SaveSignatureFn } from '../types';
+interface SignatureSaveButtonProps {
+    dataUrl: string | null;
+    onSave: SaveSignatureFn;
+    assetPalette?: AssetPalette;
+}
+export declare const SignatureSaveButton: React.FC<SignatureSaveButtonProps>;
+export {};

package/dist/components/PdfEditor/signature/SignatureSavedList.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AssetPalette } from '../types';
+interface SignatureSavedListProps {
+    palette: AssetPalette;
+    onPick: (dataUrl: string) => void;
+    onPickText?: (text: string) => void;
+    onClose: () => void;
+}
+export declare const SignatureSavedList: React.FC<SignatureSavedListProps>;
+export {};

package/dist/components/PdfEditor/signature/SignatureUploadDropzone.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AssetPalette, SaveSignatureFn } from '../types';
+interface SignatureUploadDropzoneProps {
+    onCapture: (dataUrl: string) => void;
+    onCancel: () => void;
+    onSave?: SaveSignatureFn;
+    assetPalette?: AssetPalette;
+}
+export declare const SignatureUploadDropzone: React.FC<SignatureUploadDropzoneProps>;
+export {};

package/dist/components/PdfEditor/tools/DrawTool.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface DrawToolProps {
+    color: string;
+    strokeWidth: number;
+    onColorChange: (color: string) => void;
+    onStrokeWidthChange: (width: number) => void;
+}
+export declare const DrawTool: React.FC<DrawToolProps>;
+export {};

package/dist/components/PdfEditor/tools/FillFieldsTool.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { AcroFormField, EditorAction } from '../types';
+interface FillFieldsToolProps {
+    fields: AcroFormField[];
+    dispatch: React.Dispatch<EditorAction>;
+}
+export declare const FillFieldsTool: React.FC<FillFieldsToolProps>;
+export {};

package/dist/components/PdfEditor/tools/SignatureTool.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { AssetPalette, EditorAction, SaveSignatureFn } from '../types';
+interface SignatureToolProps {
+    pendingSignature: string | null;
+    pendingApplyAllPages: boolean;
+    dispatch: React.Dispatch<EditorAction>;
+    assetPalette?: AssetPalette;
+    onSaveSignature?: SaveSignatureFn;
+    manageAssetsUrl?: string;
+}
+export declare const SignatureTool: React.FC<SignatureToolProps>;
+export {};

package/dist/components/PdfEditor/tools/TextTool.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TextTool: React.FC;

package/dist/components/PdfEditor/tools/Toolbar.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { AssetPalette, ToolKind, EditorAction, ExportOption } from '../types';
+interface ToolbarProps {
+    activeTool: ToolKind;
+    canUndo: boolean;
+    canRedo: boolean;
+    exporting: boolean;
+    dispatch: React.Dispatch<EditorAction>;
+    onExport: () => void;
+    onSaveToCloud?: () => void;
+    onChangeSource?: () => void;
+    exportOptions: ExportOption[];
+    fileName?: string;
+    assetPalette?: AssetPalette;
+    pendingApplyAllPages?: boolean;
+}
+export declare const Toolbar: React.FC<ToolbarProps>;
+export {};