@lls/vivi 24.37.0-dde481fe → 24.37.0-e4928d15

package/lib/builttypes/vivi/src/hooks/useEditor.d.ts

@@ -0,0 +1,13 @@
+import type { PrimaryPage } from '@lls/store';
+declare const useEditor: ({ id }: {
+    id: PrimaryPage["id"] | undefined;
+}) => {
+    positions: {
+        x: number;
+        y: number;
+    };
+    path: string | undefined;
+    open: (editPath: string, e?: React.MouseEvent | React.TouchEvent) => void;
+    close: () => void;
+};
+export default useEditor;

package/lib/builttypes/vivi/src/hooks/usePictureSource.d.ts

@@ -0,0 +1,13 @@
+import type { PrimaryPage } from '@lls/store';
+import type { ReactSetState } from '@lls/typings/react';
+import type { Mode } from '#vivi/types/common';
+type usePictureSourceProps = {
+    template: PrimaryPage | undefined;
+    mode?: Mode;
+};
+declare const usePictureSource: ({ template }: usePictureSourceProps) => {
+    pictureSource: string | undefined;
+    pictureRatio: number;
+    setPictureRatio: ReactSetState<number>;
+};
+export default usePictureSource;

package/lib/builttypes/vivi/src/hooks/useScroll.d.ts

@@ -0,0 +1,7 @@
+type UseScrollType = {
+    scrollOffset?: number;
+};
+declare const useScroll: ({ scrollOffset }?: UseScrollType) => {
+    scrollTo: (nameOrUuid: string) => void;
+};
+export default useScroll;

package/lib/builttypes/vivi/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Editor } from './index.editor';
+export { default as Viewer } from './index.viewer';

package/lib/builttypes/vivi/src/index.editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorNextProps } from '#vivi/components/lazy/index.editor';
+declare const ViewerEditor: (props: EditorNextProps) => import("react/jsx-runtime").JSX.Element;
+export default ViewerEditor;

package/lib/builttypes/vivi/src/index.viewer.d.ts

@@ -0,0 +1,4 @@
+import ViewerMd from '#vivi/components/core/viewer/ViewerMd';
+type ViewerProps = Omit<Parameters<typeof ViewerMd>[0], 'pictureSource' | 'pictureRatio' | 'setPictureRatio' | 'showZonesCoordinates' | 'onChange' | 'addDocument' | 'updateLayouts' | 'updateChildren' | 'deleteDocument' | 'openEditor' | 'openMetadataEditor'>;
+declare const Viewer: (props: ViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default Viewer;

package/lib/builttypes/vivi/src/store/documentPropsSlice.d.ts

@@ -0,0 +1,16 @@
+import type { PrimaryDoc, PrimaryPage } from '@lls/store';
+import type { TODO } from '@lls/typings/utils';
+import { type SpecificPropsType } from '#vivi/utils/memo';
+export type DocumentPropsSliceType = {
+    data: {
+        [x: string]: SpecificPropsType;
+    };
+    read: <T extends keyof SpecificPropsType>(iState: DocumentPropsSliceType, docJson: PrimaryDoc, pickProps: Array<T>) => Pick<SpecificPropsType, T>;
+    reduce: (state: DocumentPropsSliceType, input?: {
+        template?: PrimaryPage;
+        mdRendererProps?: TODO;
+        toBecomeSpecificProps?: TODO;
+    }) => DocumentPropsSliceType;
+};
+declare const documentPropsSlice: DocumentPropsSliceType;
+export default documentPropsSlice;

package/lib/builttypes/vivi/src/store/index.d.ts

@@ -0,0 +1,15 @@
+import type { PrimaryDoc } from '@lls/store';
+import { type DocumentPropsSliceType } from './documentPropsSlice';
+import { type MdRendererPropsSliceType } from './mdRendererPropsSlice';
+interface Store {
+    mdRendererProps: MdRendererPropsSliceType;
+    documentProps: DocumentPropsSliceType;
+    update: ({ mdRendererProps, documentProps }: {
+        mdRendererProps: Parameters<MdRendererPropsSliceType['reduce']>[1];
+        documentProps: Parameters<DocumentPropsSliceType['reduce']>[1];
+    }) => void;
+}
+export declare const useWriteStore: ({ mdRendererProps, documentProps }: Parameters<Store["update"]>[0]) => void;
+export declare const useReadDocumentProps: (docJson: PrimaryDoc, props: Parameters<DocumentPropsSliceType["read"]>[2]) => Pick<import("#vivi/utils/memo").SpecificPropsType, keyof import("#vivi/utils/memo").SpecificPropsType>;
+export declare const useReadMdRendererProps: (pickProps: Parameters<MdRendererPropsSliceType["read"]>[1]) => Pick<import("./mdRendererPropsSlice").MdRendererDataType, keyof import("./mdRendererPropsSlice").MdRendererDataType>;
+export {};

package/lib/builttypes/vivi/src/store/mdRendererPropsSlice.d.ts

@@ -0,0 +1,48 @@
+import type { Book, PrimaryDoc, PrimaryPage, Word } from '@lls/store';
+import type { ReactSetState } from '@lls/typings/react';
+import type { Mode, UiState } from '#vivi/types/common';
+export type MdRendererDataType = {
+    isOffline?: boolean;
+    isTouchable?: boolean;
+    zoneVisibilityCounter?: number;
+    uiState?: UiState;
+    wasSsrRendered?: boolean;
+    showZonesCoordinates?: boolean;
+    words?: Word[];
+    onDocChange: (nextDocJson: PrimaryDoc) => void;
+    layouts?: PrimaryPage['layouts'];
+    template?: PrimaryPage;
+    mode: Mode;
+    pageId?: PrimaryPage['id'];
+    numPage: PrimaryPage['page'];
+    nbPages: PrimaryPage['nbPages'];
+    bookDisplayTitle: Book['displayTitle'];
+    fullscreenDocUuid: string | null;
+    addDocument: (coord: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }) => void;
+    addClipboardDocuments: () => void;
+    updateLayouts: (layouts: PrimaryPage['layouts']) => void;
+    updateChildren: (children: PrimaryPage['children']) => void;
+    onChange: ReactSetState<PrimaryPage>;
+    deleteDocument: (uuid: string) => void;
+    setFullscreenDocUuid: (uuid: string | null) => void;
+    setUiState: ReactSetState<UiState>;
+    setPictureRatio: ReactSetState<number>;
+    pictureSource: string | undefined;
+    pictureRatio: number;
+};
+export type MdRendererPropsSliceType = {
+    data: MdRendererDataType;
+    read: <T extends keyof MdRendererDataType>(iState: MdRendererPropsSliceType, pickProps: Array<T>) => Pick<MdRendererDataType, T>;
+    reduce: (state: MdRendererPropsSliceType, input: MdRendererDataType) => MdRendererPropsSliceType;
+};
+declare const _default: {
+    data: MdRendererDataType;
+    reduce: (state: MdRendererPropsSliceType, input: MdRendererDataType) => MdRendererPropsSliceType;
+    read: <T extends keyof MdRendererDataType>(iState: MdRendererPropsSliceType, pickProps: Array<T>) => Pick<MdRendererDataType, T>;
+};
+export default _default;

package/lib/builttypes/vivi/src/utils/css-bare.d.mts

@@ -0,0 +1,2 @@
+export const themeIsDarkMode: "div:where(.vivi-dark)&, div:where(.vivi-dark) &";
+export const themeIsNotDarkMode: "div:where(.vivi-light)&, div:where(.vivi-light) &";

package/lib/builttypes/vivi/src/utils/dom.d.ts

@@ -0,0 +1,6 @@
+export declare const decodeHtmlEntities: (html: string) => string;
+export declare const isValidTagName: (name: string) => boolean;
+export declare const isValidNode: ({ type, name }: {
+    type: string;
+    name: string;
+}) => boolean;

package/lib/builttypes/vivi/src/utils/layoutTemplate.d.ts

@@ -0,0 +1,2 @@
+import type { PrimaryDoc, PrimaryPage } from '@lls/store';
+export declare const evalTemplate: (template: PrimaryPage, fn: <T extends PrimaryDoc | PrimaryPage>(value: T) => Partial<PrimaryPage & PrimaryDoc>) => PrimaryPage;

package/lib/builttypes/vivi/src/utils/lazy.d.ts

@@ -0,0 +1,9 @@
+type DefaultType<T> = T extends {
+    default: infer U;
+} ? U : never;
+export declare const lazyInterop: <T extends {
+    default: any;
+}>(m: T) => {
+    default: DefaultType<T>;
+};
+export {};

package/lib/builttypes/vivi/src/utils/memo.d.ts

@@ -0,0 +1,14 @@
+import type { PrimaryDoc, PrimaryPage } from '@lls/store';
+import type { TODO } from '@lls/typings/utils';
+export declare const shallowExcept: <SliceDataType extends {}>(deepEqualProperties: [keyof SliceDataType]) => (old: SliceDataType, next: SliceDataType) => boolean;
+export type SpecificPropsType = {
+    docTitle: string | undefined;
+    path: [] | Array<string>;
+};
+export declare const makeGetSpecificProps: ({ docJson: rootDocJson, toBecomeSpecificProps: { keepMountedUuids } }: {
+    [x: string]: any;
+    docJson: PrimaryPage;
+}) => (docJson: PrimaryDoc) => SpecificPropsType;
+export declare const shouldReturnCurrent: (old: TODO, next: TODO) => boolean;
+export declare const areDocumentHtmlPropsEqual: (old?: {}, next?: {}) => boolean;
+export declare const areToolbarPropsEqual: (old?: {}, next?: {}) => boolean;

package/lib/builttypes/vivi/src/utils/mode.d.ts

@@ -0,0 +1,3 @@
+import type { Mode } from '#vivi/types/common';
+export declare const isViewMode: (mode?: Mode) => mode is "view";
+export declare const isEditMode: (mode?: Mode) => mode is "edit";

package/lib/builttypes/vivi/src/utils/string.d.ts

@@ -0,0 +1,5 @@
+import _ from 'lodash/fp';
+export declare const escapeRegexChars: (pattern: string) => string;
+export declare const removeTrailingNewLines: _.LodashReplace1x3;
+export declare const escapeTags: (content: string) => string;
+export declare const escapeTagContent: (tagName: string, str: string) => string;

package/lib/builttypes/vivi/src/utils/table.d.ts

@@ -0,0 +1,4 @@
+export declare const generateTable: ({ column, line }: {
+    column: number;
+    line: number;
+}) => string;

package/lib/builttypes/vivi/src/utils/template.d.ts

@@ -0,0 +1,61 @@
+import type { PrimaryDoc, PrimaryLayoutItem, PrimaryPage, PrimaryZoneElement, PrimaryZoneElementTypeCategory, Rect } from '@lls/store';
+export declare const getDocumentByUuid: (uuid: PrimaryDoc["uuid"], template: PrimaryPage) => PrimaryPage;
+export declare const getDepth: (path: string[]) => number;
+export declare const parseErrorsInContentMd: (contentMd: string | undefined, sanitizeErrorFn?: (e: HTMLCollectionOf<Element>) => string | undefined) => string | undefined;
+export declare const getDocumentUniqueId: (doc?: PrimaryPage | PrimaryDoc) => string | number;
+export declare const getMissingUuid: (template?: PrimaryPage) => PrimaryDoc | undefined;
+export declare const getMissingId: (template?: PrimaryPage) => PrimaryDoc | undefined;
+export declare const updateTemplate: (template: PrimaryPage, doc?: PrimaryDoc) => PrimaryPage;
+export declare const addDocumentToTemplate: (template: PrimaryPage, partialDoc: Omit<PrimaryLayoutItem, "id">) => PrimaryPage;
+export declare const deleteDocumentFromTemplate: (template: PrimaryPage, docUuid: string) => PrimaryPage;
+export declare const updateLayoutItemFromTemplate: ({ template, newLayoutItem }: {
+    template: PrimaryPage;
+    newLayoutItem: PrimaryLayoutItem;
+}) => PrimaryPage;
+export declare const addZoneElementToTemplate: ({ template, uuid, type, newZoneElement }: {
+    template: PrimaryPage;
+    uuid: string;
+    type: PrimaryZoneElementTypeCategory;
+    newZoneElement: PrimaryZoneElement;
+}) => PrimaryPage;
+export declare const updateZoneElementFromTemplate: ({ template, uuid, type, newZoneElement }: {
+    template: PrimaryPage;
+    uuid: string;
+    type: PrimaryZoneElementTypeCategory;
+    newZoneElement: PrimaryZoneElement;
+}) => PrimaryPage;
+export declare const rotateDocFromTemplate: ({ template, uuid, rotation }: {
+    template: PrimaryPage;
+    uuid: string;
+    rotation: number;
+}) => PrimaryPage;
+export declare const deleteZoneElementFromTemplate: ({ template, uuid, type, zoneElementId }: {
+    template: PrimaryPage;
+    uuid: string;
+    type: PrimaryZoneElementTypeCategory;
+    zoneElementId: string;
+}) => PrimaryPage;
+export declare const addPictureToTemplate: (template: PrimaryPage, picture: string) => PrimaryPage;
+export type GridItemElement<T extends PrimaryZoneElement = PrimaryZoneElement> = {
+    zoneElement: T;
+    pictureSize: string;
+    pictureRatio: number;
+    pictureAbsolutePosition: Rect;
+    rotation: number;
+    elementRect: Rect;
+};
+export type GridItem = {
+    pictureSize: string;
+    pictureRatio: number;
+    pictureAbsolutePosition: Rect;
+    rotation: number;
+    elements: GridItemElement[];
+};
+export declare const getGridItem: (template: PrimaryPage | undefined, originalPictureRratio: number) => Map<string, GridItem>;
+export declare const validatePrimaryLayoutItemFormat: (doc: Omit<PrimaryLayoutItem, "id">) => boolean;
+export declare const getGridElementStyle: (gridItemElement: GridItemElement, gridItem: GridItem) => {
+    '--v-grid-zone-element-picture-ratio': number;
+    '--v-grid-zone-element-picture-size': string;
+    '--v-grid-zone-element-picture-left': string;
+    '--v-grid-zone-element-picture-top': string;
+};

package/lib/builttypes/vivi/src/utils/url.d.ts

@@ -0,0 +1 @@
+export declare const replaceByPlaceholder: (url: string) => string;

package/lib/builttypes/vivi/src/utils/zoneMaker.d.ts

@@ -0,0 +1,45 @@
+import type { PrimaryLayoutItem, PrimaryZone, PrimaryZoneElement, Word } from '@lls/store';
+import { type HandleID } from '#vivi/constants/zoneMaker';
+type MagnetsType = {
+    x: number[];
+    y: number[];
+};
+type Point = {
+    x: number;
+    y: number;
+};
+export declare const roundAndBound: (val: number, min?: number, max?: number) => number;
+export declare const getMagnets: ({ containerRect, zones, currentZoneId, rotation }: {
+    containerRect: DOMRect;
+    zones: PrimaryZone[];
+    currentZoneId: string;
+    rotation?: number;
+}) => MagnetsType;
+export declare const dragZone: <T extends PrimaryZone>({ zone, magnets, startPosition, cursorPosition: iCursorPosition, containerRect: iContainerRect, rotation }: {
+    zone: T;
+    magnets: MagnetsType;
+    startPosition: Point;
+    cursorPosition: Point;
+    containerRect: Pick<DOMRect, "width" | "height" | "x" | "y">;
+    rotation?: number;
+}) => T;
+export declare const resizeZone: <T extends PrimaryZone>({ zone, handleId: iHandleId, magnets, rotation, cursorPosition: iCursorPosition, containerRect: iContainerRect }: {
+    zone: T;
+    handleId?: HandleID;
+    magnets: MagnetsType;
+    cursorPosition: Point;
+    containerRect: Pick<DOMRect, "width" | "height" | "x" | "y">;
+    rotation?: number;
+}) => T;
+export declare const getZoneElementColor: (zone: PrimaryZoneElement) => "black" | "lightgray" | "var(--primary-40-color)" | "var(--secondary-40-color)" | "var(--turquoise-40-color)" | "var(--purple-40-color)" | "var(--pk-pink-30-color)";
+export declare const addPixelToPercent: ({ itemSize, zonePosition, pixelToAdd }: {
+    itemSize: number;
+    zonePosition: number;
+    pixelToAdd: number;
+}) => number;
+export declare const duplicateZone: (zone: PrimaryZoneElement, layoutItem: PrimaryLayoutItem) => PrimaryZoneElement;
+export declare const setWordsList: (words?: Word[]) => {
+    value: number;
+    label: string;
+}[];
+export {};