@layers-app/shared 0.0.2

package/dist/index.d.ts

@@ -0,0 +1,478 @@
+/// <reference types="react" />
+
+import { AvatarProps } from '@mantine/core';
+import { BoxProps } from '@mantine/core';
+import { ButtonProps } from '@mantine/core';
+import { default as default_2 } from 'react';
+import { DropzoneProps } from '@mantine/dropzone';
+import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
+import { FileWithPath } from '@mantine/dropzone';
+import { FloatingPosition } from '@mantine/core';
+import { FunctionComponent } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MemoExoticComponent } from 'react';
+import { NotificationData } from '@mantine/notifications';
+import { OpenConfirmModal } from '@mantine/modals/lib/context';
+import { PersistOptions } from 'zustand/middleware';
+import { PolymorphicComponentProps } from '@mantine/core';
+import { PopoverProps } from '@mantine/core';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import { StackProps } from '@mantine/core';
+import { StoreApi } from 'zustand';
+import { SVGProps } from 'react';
+import { TextProps } from '@mantine/core';
+import { TitleProps } from '@mantine/core';
+import { TouchEventHandler } from 'react';
+import { UseBoundStore } from 'zustand';
+
+export declare const AlertsBlock: (props: AlertType) => JSX_2.Element;
+
+export declare type AlertType = {
+    trigger: any;
+    message: string | React.ReactNode;
+    type?: 'error' | 'success' | 'info';
+    onClose?: () => void;
+    autoClose?: boolean;
+};
+
+export declare const AppContainer: (({ header, content, navbar, navbarTitle, }: AppContainerProps) => JSX_2.Element) & {
+    NavbarContent: ({ children }: {
+        children?: ReactNode;
+    }) => JSX_2.Element;
+    NavbarFooter: ({ children }: {
+        children?: ReactNode;
+    }) => JSX_2.Element;
+    NavbarHeader: ({ children }: {
+        children?: ReactNode;
+    }) => JSX_2.Element;
+};
+
+export declare type AppContainerActionsStore = {
+    readNotificationsFunc: (data: ReadNotificationsRequest) => void;
+};
+
+export declare type AppContainerDataStore = {
+    tools: ToolDef[];
+    workspaceMenu: WorkspaceMenuProps;
+    user: MenuUser;
+    userMenuItems?: ReactNode;
+    notifications: UserNotifications[];
+};
+
+export declare type AppContainerProps = {
+    content?: ReactNode;
+    navbar?: ReactNode;
+    header?: ReactNode;
+    navbarTitle?: string;
+};
+
+export declare type AppContainerStore = {
+    navbarWidth: number;
+    onNavbarWidthChange: (width: number) => void;
+    opened: boolean;
+    toggle: () => void;
+    close: () => void;
+    open: () => void;
+    theme: string;
+    hiddenTools: string[];
+    toggleToolVisibility: (id: string) => void;
+    withoutNavbar: boolean;
+    withoutHeader: boolean;
+};
+
+export declare const appFeature: (value: string) => void;
+
+export declare enum AuthErrors {
+    g_access_denied = "GOAuthFailed",
+    f_access_denied = "FOAuthFailed"
+}
+
+declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy"];
+
+export declare const closeAppMenu: () => void;
+
+export declare const closeSearchModal: () => void;
+
+export declare const CustomKBD: ({ value, miw, w, mr, fz, fontFamily, fw, bbw, br, onClick, ...props }: CustomKBDProps & BoxProps) => JSX_2.Element;
+
+declare interface CustomKBDProps {
+    value: string | ReactNode;
+    miw?: number;
+    w?: number;
+    mr?: number;
+    fz?: number;
+    h?: number;
+    color?: string;
+    onClick?: () => void;
+    fontFamily?: string;
+    fw?: number;
+    c?: string;
+    br?: number;
+    bbw?: number;
+}
+
+export declare const EmojiPicker: ({ value, children, onChange, onRemove, hasIcon, position, popoverProps, locales, }: PropsWithChildren<EmojiPickerProps>) => JSX_2.Element;
+
+export declare type EmojiPickerLocales = {
+    emojis?: string;
+    search?: string;
+    searchResults?: string;
+    searchNoResults?: string;
+    remove?: string;
+    emojiCategory?: Record<string, string>;
+};
+
+export declare type EmojiPickerProps = {
+    value?: string;
+    onChange?: (v: string) => void;
+    onRemove?: () => void;
+    hasIcon?: boolean;
+    position?: FloatingPosition;
+    popoverProps?: PopoverProps;
+    locales?: EmojiPickerLocales;
+};
+
+export declare const ErrorPage: ({ error, closeAction }: Props) => JSX_2.Element;
+
+export declare const getAccessToken: () => string | null;
+
+export declare const getCookie: (name: string) => string | null;
+
+export declare const getCurrentUserId: () => number;
+
+export declare const illustrationMap: {
+    empty: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noAccess: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    trash: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noImage: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noResults: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noTasks: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noComments: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noData: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    addDataR7: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    addDataLayers: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    emptyFolder: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    emptyBoard: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    noTaskResults: FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    '404': FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+    '500': FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+    titleId?: string | undefined;
+    desc?: string | undefined;
+    descId?: string | undefined;
+    }>;
+};
+
+declare type IllustrationType = keyof typeof illustrationMap | string;
+
+export declare const ImagePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, galleryCollection, popoverProps, dropZoneProps, locales, }: PropsWithChildren<ImagePickerProps>) => JSX_2.Element;
+
+declare type ImagePickerGalleryCollection = {
+    title: string;
+    path: string;
+    id: string;
+    url: string;
+    items: string[];
+};
+
+declare type ImagePickerLocales = {
+    gallery?: string;
+    link?: string;
+    error?: string;
+    search?: string;
+    upload?: string;
+    uploadFile?: string;
+    change?: string;
+    remove?: string;
+    dragOrClickToChoose?: string;
+    maxFileSize?: string;
+    pasteLink?: string;
+    submitLink?: string;
+    worksWithAnyImage?: string;
+    noImages?: string;
+    errors: {
+        typeIsNotAllowed?: string;
+        shouldNotExceed?: string;
+        doNotUploadMoreThanSingleFile?: string;
+        invalidLink?: string;
+    };
+};
+
+export declare type ImagePickerProps = PropsWithChildren<{
+    onChange?: (v: string) => void;
+    onRemove?: () => void;
+    onUpload?: (files: FileWithPath[], setOpened: (state: boolean) => void) => void;
+    uploading?: boolean;
+    showTabs?: readonly TabType[];
+    position?: FloatingPosition;
+    width?: number;
+    readOnly?: boolean;
+    hasImage?: boolean;
+    giphyToken?: string;
+    unsplashClientId?: string;
+    galleryCollection?: ImagePickerGalleryCollection[];
+    popoverProps?: PopoverProps;
+    dropZoneProps?: Omit<DropzoneProps, 'onDrop'>;
+    locales?: ImagePickerLocales;
+}>;
+
+export declare const isFeature: () => boolean;
+
+declare type Language = {
+    value: string;
+    label: string;
+};
+
+export declare const LanguagePicker: ({ data, value, onChange, }: LanguagePickerProps) => JSX_2.Element;
+
+declare interface LanguagePickerProps {
+    data: Language[];
+    value: string;
+    onChange: (value: string) => void;
+}
+
+export declare type MenuUser = {
+    id: string;
+    avatar: string | null;
+    email: string | null;
+    name: string;
+};
+
+export declare const MenuUserDropdown: ({ position, children, user, menuItems, }: MenuUserDropdownProps) => JSX_2.Element;
+
+export declare type MenuUserDropdownProps = PropsWithChildren<{
+    position?: FloatingPosition;
+    menuItems?: ReactNode;
+    user: MenuUser;
+}>;
+
+export declare type MenuWorkspace = {
+    workspaceId: string;
+    workspaceName: string;
+    workspaceIcon: string;
+};
+
+declare type MessageType = string | number | NotificationData;
+
+export declare const NavbarResizer: MemoExoticComponent<({ width, onChange, showResizer, }: {
+width?: number;
+onChange?: (v: number) => void;
+showResizer?: boolean;
+}) => JSX_2.Element>;
+
+export declare const NoData: React.FC<NoDataProps & StackProps>;
+
+declare interface NoDataProps {
+    title?: ReactNode;
+    titleProps?: TitleProps;
+    description?: ReactNode;
+    descriptionProps?: TextProps;
+    buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
+    illustration?: IllustrationType;
+    size?: number;
+}
+
+export declare const openSearchModal: () => void;
+
+export declare const openSubmitModal: (props: OpenConfirmModal & {
+    children?: React.ReactNode;
+}) => void;
+
+export declare type ProfilePictureType = {
+    url: string;
+};
+
+declare type Props = {
+    error: FetchBaseQueryError | SerializedError | undefined;
+    closeAction?: () => void;
+};
+
+declare type ReadNotificationsRequest = {
+    messageIds: number[];
+    markAll: boolean;
+    action: 1;
+};
+
+declare interface SearchModalState {
+    opened: boolean;
+}
+
+declare interface SerializedError {
+    name?: string;
+    message?: string;
+    stack?: string;
+    code?: string;
+}
+
+export declare const setWithoutNavbar: (v: boolean) => void;
+
+export declare const showErrorNotification: (props: NotificationData) => void;
+
+export declare const showRequestNotifications: <Response, Request extends Promise<Response> = Promise<Response>>(request: Request, options?: {
+    notifyId?: string;
+    successMsg?: ((res: Response) => MessageType) | MessageType;
+    errorMsg?: ((err: any) => MessageType) | MessageType;
+}) => Promise<any>;
+
+export declare const showSuccessNotification: (props: NotificationData) => void;
+
+declare type TabType = (typeof baseTabsList)[number];
+
+export declare const toggleAppMenu: () => void;
+
+export declare type ToolDef = {
+    id: string;
+    name: string;
+    icon: ReactNode;
+    path: string;
+    onClick?: () => void;
+};
+
+export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, readNotificationsFunc, }: AppContainerDataStore & AppContainerActionsStore) => void;
+
+export declare const useAppContainerStore: UseBoundStore<Omit<StoreApi<AppContainerStore>, "persist"> & {
+persist: {
+setOptions: (options: Partial<PersistOptions<AppContainerStore, AppContainerStore>>) => void;
+clearStorage: () => void;
+rehydrate: () => void | Promise<void>;
+hasHydrated: () => boolean;
+onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
+onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
+getOptions: () => Partial<PersistOptions<AppContainerStore, AppContainerStore>>;
+};
+}>;
+
+export declare const useDateFnsLocale: () => void;
+
+export declare const useFormatDistance: () => (timestamp: string) => string;
+
+export declare const useHideHeader: () => void;
+
+export declare const useIsDarkTheme: () => boolean;
+
+export declare const useMenu: () => {
+    isMobile: boolean | undefined;
+    opened: boolean;
+};
+
+export declare const useOAuthErrorParams: () => void;
+
+export declare const UserAvatar: default_2.ForwardRefExoticComponent<UserAvatarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface UserAvatarProps extends AvatarProps, Omit<default_2.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    user?: MenuUser | null;
+}
+
+declare interface UserAvatarProps_2 extends AvatarProps, Omit<default_2.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    workspace?: MenuWorkspace | null;
+}
+
+export declare type UserNotifications = {
+    createdAt: string;
+    read: boolean;
+    link: string;
+    description: string;
+    id: number;
+    type: number;
+    projectName: string;
+    pageIcon: string;
+    pageName: string;
+    projectIcon: number;
+    taskName?: string;
+    pageId?: number;
+    taskId?: number;
+};
+
+export declare const useSearchModalStore: UseBoundStore<StoreApi<SearchModalState>>;
+
+export declare const useSwipeDetect: (callback: (side: 'left' | 'right') => void) => {
+    onTouchStart: TouchEventHandler<HTMLDivElement>;
+    onTouchMove: TouchEventHandler<HTMLDivElement>;
+    onTouchEnd: TouchEventHandler<HTMLDivElement>;
+};
+
+export declare const WorkspaceAvatar: default_2.ForwardRefExoticComponent<UserAvatarProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const WorkspaceMenu: <W extends MenuWorkspace>({ children, onCreate, onClick, active, items, settingsLink, membersLink, }: WorkspaceMenuProps<W>) => JSX_2.Element;
+
+export declare type WorkspaceMenuProps<W extends MenuWorkspace = MenuWorkspace> = PropsWithChildren<{
+    onCreate?: () => void;
+    onClick?: (w: W) => void;
+    items: W[];
+    active?: W | null;
+    settingsLink?: string;
+    membersLink?: string;
+}>;
+
+export { }