@layers-app/shared 0.0.11 → 0.0.12

package/dist/components/ImagePicker/ImagePickerUpload.d.ts

@@ -0,0 +1,8 @@
+import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
+import { ImagePickerLocales } from './types';
+export declare const ImagePickerUpload: ({ locales, uploading, dropZoneProps, onUpload, }: {
+    locales: ImagePickerLocales;
+    uploading: boolean;
+    dropZoneProps?: Omit<DropzoneProps, 'onDrop'>;
+    onUpload: (files: FileWithPath[]) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ImagePicker/api/giphyApi.d.ts

@@ -0,0 +1,10 @@
+import { ApiGiphy } from '../../../api/giphy';
+type Data = {
+    items: ApiGiphy.Datum[];
+    page: number;
+    totalPages: number;
+    hasMore: boolean;
+};
+export declare const fetchGiphyPhotos: (params: ApiGiphy.Request, page?: number, token?: string) => Promise<Data>;
+export declare const useGiphyPhotos: (params: ApiGiphy.Request, page: number, token?: string) => import('@tanstack/react-query').UseQueryResult<Data, Error>;
+export {};

package/dist/components/ImagePicker/api/unsplashApi.d.ts

@@ -0,0 +1,10 @@
+import { ApiUnsplash } from '../../../api/unsplash';
+type Data = {
+    items: ApiUnsplash.Datum[];
+    page: number;
+    totalPages: number;
+    hasMore: boolean;
+};
+export declare const fetchUnsplashPhotos: (params: ApiUnsplash.Request, clientId?: string, previousData?: Data) => Promise<Data>;
+export declare const useUnsplashPhotos: (params: ApiUnsplash.Request, clientId?: string, rest?: any) => import('@tanstack/react-query').DefinedUseQueryResult<Data, Error>;
+export {};

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

@@ -0,0 +1 @@
+export * from './ImagePicker';

package/dist/components/ImagePicker/types.d.ts

@@ -0,0 +1,29 @@
+export type ImagePickerGalleryCollection = {
+    title: string;
+    path: string;
+    id: string;
+    url: string;
+    items: string[];
+};
+export 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;
+    };
+};

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

@@ -0,0 +1,11 @@
+type Language = {
+    value: string;
+    label: string;
+};
+interface LanguagePickerProps {
+    data: Language[];
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const LanguagePicker: ({ data, value, onChange, }: LanguagePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/NavbarResizer/NavbarResizer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const NavbarResizer: import('react').MemoExoticComponent<({ width, onChange, showResizer, }: {
+    width?: number;
+    onChange?: (v: number) => void;
+    showResizer?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/NoData/NoData.d.ts

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+import { ButtonProps, PolymorphicComponentProps, StackProps, TextProps, TitleProps } from '@mantine/core';
+export declare const illustrationMap: {
+    empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noAccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noTasks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noComments: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noData: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    addDataR7: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    addDataLayers: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    emptyFolder: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    emptyBoard: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    noTaskResults: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    '404': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+    '500': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+        desc?: string | undefined;
+        descId?: string | undefined;
+    }>;
+};
+type IllustrationType = keyof typeof illustrationMap | string;
+interface NoDataProps {
+    title?: ReactNode;
+    titleProps?: TitleProps;
+    description?: ReactNode;
+    descriptionProps?: TextProps;
+    buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
+    illustration?: IllustrationType;
+    size?: number;
+}
+export declare const NoData: React.FC<NoDataProps & StackProps>;
+export {};

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

@@ -0,0 +1 @@
+export { NoData, illustrationMap } from './NoData';

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

@@ -0,0 +1,3 @@
+export declare const NotFound: ({ entityType, }: {
+    entityType: 'task' | 'page';
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Notification/NotificationCard.d.ts

@@ -0,0 +1,7 @@
+import { UserNotifications } from '../AppContainer/components/MenuUserDropdown';
+interface NotificationCardProps {
+    isFocused: boolean;
+    notification: UserNotifications;
+}
+declare const NotificationCard: import('react').ForwardRefExoticComponent<NotificationCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default NotificationCard;

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

@@ -0,0 +1,6 @@
+interface NotificationProps {
+    isNotificationOpen: boolean;
+    setNotificationOpen: (value: boolean) => void;
+}
+declare const Notification: ({ isNotificationOpen, setNotificationOpen, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/dist/components/OnBoarding/OnBoardingPage.d.ts

@@ -0,0 +1 @@
+export declare const OnBoardingPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/OnBoarding/ProjectBoard.d.ts

@@ -0,0 +1,4 @@
+declare const ProjectBoard: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ProjectBoard;

package/dist/components/OnBoarding/StepsNavBar.d.ts

@@ -0,0 +1,4 @@
+declare const StepsNavBar: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StepsNavBar;

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

@@ -0,0 +1 @@
+export * from './OnBoardingPage';

package/dist/components/OnBoarding/steps/AddMembers/AddMembers.d.ts

@@ -0,0 +1,2 @@
+declare const AddMembers: () => import("react/jsx-runtime").JSX.Element;
+export default AddMembers;

package/dist/components/OnBoarding/steps/AddTasks/AddTasksNav.d.ts

@@ -0,0 +1,2 @@
+declare const AddTasksNav: () => import("react/jsx-runtime").JSX.Element;
+export default AddTasksNav;

package/dist/components/OnBoarding/steps/AddTasks/TasksListBoard.d.ts

@@ -0,0 +1,2 @@
+declare const TasksListBoard: () => import("react/jsx-runtime").JSX.Element;
+export default TasksListBoard;

package/dist/components/OnBoarding/steps/CreateFirstProject.d.ts

@@ -0,0 +1,2 @@
+declare const CreateFirstProject: () => import("react/jsx-runtime").JSX.Element;
+export default CreateFirstProject;

package/dist/components/OnBoarding/steps/InviteUsers/BoardModal.d.ts

@@ -0,0 +1,2 @@
+declare const BoardModal: () => import("react/jsx-runtime").JSX.Element;
+export default BoardModal;

package/dist/components/OnBoarding/steps/InviteUsers/InviteUsers.d.ts

@@ -0,0 +1,2 @@
+declare const InviteUsers: () => import("react/jsx-runtime").JSX.Element;
+export default InviteUsers;

package/dist/components/OnBoarding/steps/SelectCategory/CategorySelect.d.ts

@@ -0,0 +1,2 @@
+declare const CategorySelect: () => import("react/jsx-runtime").JSX.Element;
+export default CategorySelect;

package/dist/components/OnBoarding/steps/SelectCategory/SelectCategoryNav.d.ts

@@ -0,0 +1,2 @@
+declare const SelectCategoryNav: () => import("react/jsx-runtime").JSX.Element;
+export default SelectCategoryNav;

package/dist/components/OnBoarding/steps/StartedStep.d.ts

@@ -0,0 +1,2 @@
+declare const GettingStarted: () => import("react/jsx-runtime").JSX.Element;
+export default GettingStarted;

package/dist/components/OnBoarding/steps/Wrapper.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '@mantine/core';
+declare const StepperWrapper: ({ children, title, description, prevButtonProps, nextButtonProps, nextText, prevText, }: {
+    children: React.ReactNode;
+    title: string;
+    description?: string;
+    prevButtonProps?: ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+    nextButtonProps?: ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+    nextText: string | null;
+    prevText: string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StepperWrapper;

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

@@ -0,0 +1,4 @@
+import { OpenConfirmModal } from '@mantine/modals/lib/context';
+export declare const openSubmitModal: (props: OpenConfirmModal & {
+    children?: React.ReactNode;
+}) => string;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AvatarProps } from '@mantine/core';
+import { MenuUser } from '../AppContainer/components/MenuUserDropdown';
+export type ProfilePictureType = {
+    url: string;
+};
+interface UserAvatarProps extends AvatarProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    user?: MenuUser | null;
+}
+export declare const UserAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/WorkspaceAvatar/WorkspaceAvatar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { AvatarProps } from '@mantine/core';
+import { MenuWorkspace } from '../WorkspaceMenu/WorkspaceMenu';
+interface UserAvatarProps extends AvatarProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    workspace?: MenuWorkspace | null;
+}
+export declare const WorkspaceAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/WorkspaceMenu/WorkspaceMenu.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+export type MenuWorkspace = {
+    workspaceId: string;
+    workspaceName: string;
+    workspaceIcon: string;
+};
+export type WorkspaceMenuProps<W extends MenuWorkspace = MenuWorkspace> = PropsWithChildren<{
+    onCreate?: () => void;
+    onClick?: (w: W) => void;
+    items: W[];
+    active?: W | null;
+    settingsLink?: string;
+    membersLink?: string;
+}>;
+export declare const WorkspaceMenu: <W extends MenuWorkspace>({ children, onCreate, onClick, active, items, settingsLink, membersLink, }: WorkspaceMenuProps<W>) => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/feature.d.ts

@@ -0,0 +1,2 @@
+export declare const appFeature: (value: string) => void;
+export declare const isFeature: () => boolean;

package/dist/helpers/showNotifications.d.ts

@@ -0,0 +1,10 @@
+import { NotificationData } from '@mantine/notifications';
+type MessageType = string | number | NotificationData;
+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;
+export declare const showErrorNotification: (props: NotificationData) => void;
+export {};

package/dist/helpers/themeUtils.d.ts

@@ -0,0 +1 @@
+export declare const useIsDarkTheme: () => boolean;

package/dist/helpers/token.d.ts

@@ -0,0 +1,3 @@
+export declare const getAccessToken: () => string | null;
+export declare const getCurrentUserId: () => number;
+export declare const getCookie: (name: string) => string | null;

package/dist/helpers/validation.d.ts

@@ -0,0 +1,3 @@
+export declare const isValidEmail: (v: string) => boolean;
+export declare const isImageUrl: (url: string) => Promise<unknown>;
+export declare const isValidUrl: (urlString: string) => boolean;

package/dist/hooks/useDateFnsLocale.d.ts

@@ -0,0 +1 @@
+export declare const useDateFnsLocale: () => void;

package/dist/hooks/useFormatDistance.d.ts

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

package/dist/hooks/useMenu.d.ts

@@ -0,0 +1,7 @@
+export declare const toggleAppMenu: () => void;
+export declare const closeAppMenu: () => void;
+export declare const setWithoutNavbar: (v: boolean) => void;
+export declare const useMenu: () => {
+    isMobile: boolean | undefined;
+    opened: boolean;
+};

package/dist/hooks/useOAuthErrorParams.d.ts

@@ -0,0 +1,5 @@
+export declare enum AuthErrors {
+    g_access_denied = "GOAuthFailed",
+    f_access_denied = "FOAuthFailed"
+}
+export declare const useOAuthErrorParams: () => void;

package/dist/hooks/useSwipeDetect.d.ts

@@ -0,0 +1,6 @@
+import { TouchEventHandler } from 'react';
+export declare const useSwipeDetect: (callback: (side: 'left' | 'right') => void) => {
+    onTouchStart: TouchEventHandler<HTMLDivElement>;
+    onTouchMove: TouchEventHandler<HTMLDivElement>;
+    onTouchEnd: TouchEventHandler<HTMLDivElement>;
+};

package/dist/index.d.ts

@@ -1,149 +1,31 @@
-import { ButtonProps } from '@mantine/core';
-import { default as default_2 } from 'prop-types';
-import { default as default_3 } from 'react';
-import { DropzoneProps } from '@mantine/dropzone';
-import { FileWithPath } from '@mantine/dropzone';
-import { FloatingPosition } from '@mantine/core';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { PolymorphicComponentProps } from '@mantine/core';
-import { PopoverProps } from '@mantine/core';
-import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-import { StackProps } from '@mantine/core';
-import { TextProps } from '@mantine/core';
-import { TitleProps } from '@mantine/core';
-
-declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy"];
-
-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;
-};
-
-declare const illustrationMap: {
-    empty: any;
-    noAccess: any;
-    trash: any;
-    noImage: any;
-    noResults: any;
-    noTasks: any;
-    noComments: any;
-    noData: any;
-    addData: any;
-    emptyFolder: any;
-    noTaskResults: any;
-    '404': any;
-    '500': any;
-};
-
-declare type IllustrationType = keyof typeof illustrationMap;
-
-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;
-    };
-};
-
-declare type ImagePickerProps = {
-    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 ImagePickerProvider: default_3.FC<PropsWithChildren<ImagePickerProviderProps>>;
-
-export declare type ImagePickerProviderProps = ImagePickerProps & {
-    disableReactQueryContext?: boolean;
-};
-
-declare type Language = {
-    value: string;
-    label: string;
-};
-
-export declare const LanguagePicker: {
-    ({ data, value, onChange, }: LanguagePickerProps): JSX_2.Element;
-    propTypes: {
-        data: default_2.Validator<(default_2.InferProps<{
-            value: default_2.Validator<string>;
-            label: default_2.Validator<string>;
-        }> | null | undefined)[]>;
-        value: default_2.Validator<string>;
-        onChange: default_2.Validator<(...args: any[]) => any>;
-    };
-};
-
-declare interface LanguagePickerProps {
-    data: Language[];
-    value: string;
-    onChange: (value: string) => void;
-}
-
-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;
-}
-
-declare type TabType = (typeof baseTabsList)[number];
-
-export { }
+export * from './components/NoData';
+export * from './components/LanguagePicker';
+export * from './components/ImagePicker';
+export * from './components/EmojiPicker';
+export * from './components/AppContainer/AppContainer';
+export * from './components/CustomKBD';
+export * from './components/SubmitModal';
+export * from './components/UserAvatar';
+export * from './components/WorkspaceMenu/WorkspaceMenu';
+export * from './components/WorkspaceAvatar/WorkspaceAvatar';
+export * from './components/NavbarResizer/NavbarResizer';
+export * from './components/AppContainer/components/MenuUserDropdown';
+export * from './helpers/showNotifications';
+export * from './helpers/themeUtils.ts';
+export * from './hooks/useMenu';
+export * from './hooks/useDateFnsLocale';
+export * from './hooks/useFormatDistance';
+export * from './helpers/feature';
+export * from './store/searchModal';
+export * from './helpers/token';
+export * from './components/AppContainer/hooks/useAppContainer';
+export * from './components/AppContainer/hooks/useAppContainerStore';
+export * from './components/AppContainer/hooks/useHideHeader';
+export * from './components/AppContainer/types';
+export * from './components/ErrorPage';
+export * from './hooks/useSwipeDetect.tsx';
+export * from './components/AlertsBlock';
+export * from './hooks/useOAuthErrorParams';
+export * from './components/AppTour/index.tsx';
+export * from './components/OnBoarding/index.ts';
+export * from './store/onboarding.ts';