lkd-web-kit 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -0,0 +1,358 @@
+import { BeforeErrorHook } from 'ky';
+import { BoxProps } from '@mantine/core';
+import { ButtonProps } from '@mantine/core';
+import { CenterProps } from '@mantine/core';
+import { ComboboxItem } from '@mantine/core';
+import { ComponentProps } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ControllerProps } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { DefaultMantineColor } from '@mantine/core';
+import { Dispatch } from 'react';
+import { ElementProps } from '@mantine/core';
+import { FC } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { HTTPError } from 'ky';
+import { InfiniteData } from '@tanstack/react-query';
+import { InfiniteQueryHookResult } from 'react-query-kit';
+import { InputBaseProps } from '@mantine/core';
+import { JSX } from 'react/jsx-runtime';
+import { KyResponse } from 'ky';
+import { LoaderProps } from '@mantine/core';
+import { MantineColorShade } from '@mantine/core';
+import { MantineThemeColors } from '@mantine/core';
+import { ModalProps } from '@mantine/core';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+import { SetStateAction } from 'react';
+import { SubmitErrorHandler } from 'react-hook-form';
+import { SubmitHandler } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+import { ZodTypeAny } from 'zod';
+
+export declare const addBodyJsonHook: BeforeErrorHook;
+
+export declare interface ApiList<T = unknown> {
+    data: T[];
+}
+
+export declare interface ApiPagination<T> {
+    data: T[];
+}
+
+export declare const breakpointsWithPx: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+};
+
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+
+export declare interface EmptyProps extends ComponentProps<'div'> {
+    label: ReactNode;
+    action?: ReactNode;
+    icon: IconFC;
+    size?: keyof typeof pxBySize;
+}
+
+export declare const EmptyState: ({ label, action, icon, className, size, ...props }: EmptyProps) => JSX.Element;
+
+export declare const Form: <T extends FieldValues>({ methods, onSubmit, onSubmitError, ...rest }: FormProps<T>) => JSX.Element;
+
+export declare function formatBytes(bytes: number, decimals?: number): string;
+
+export declare const FormButtonSubmit: (props: FormButtonSubmitProps) => JSX.Element;
+
+export declare interface FormButtonSubmitProps extends ButtonProps, ElementProps<"button", keyof ButtonProps> {
+}
+
+export declare type FormFieldProps<T = unknown> = Parameters<ControllerProps['render']>[0] & {
+    props: T;
+    field: {
+        label?: React.ReactNode;
+        placeholder?: string;
+        description?: React.ReactNode;
+        error?: string;
+    };
+};
+
+declare interface FormProps<T extends FieldValues> extends BoxProps, ElementProps<'form', 'onSubmit'> {
+    methods: UseFormReturn<T, any, any>;
+    onSubmit?: SubmitHandler<T>;
+    onSubmitError?: SubmitErrorHandler<any>;
+}
+
+export declare const groupBy: <T extends any>(arr: T[], getKey: (item: T) => string | string[] | null) => Record<string, T[] | undefined>;
+
+export declare type GroupByResult<T> = Record<string, T[] | undefined>;
+
+export declare enum HttpStatus {
+    Continue = 100,
+    SwitchingProtocols = 101,
+    Processing = 102,
+    EarlyHints = 103,
+    Ok = 200,
+    Created = 201,
+    Accepted = 202,
+    NonAuthoritativeInformation = 203,
+    NoContent = 204,
+    ResetContent = 205,
+    PartialContent = 206,
+    MultiStatus = 207,
+    AlreadyReported = 208,
+    ImUsed = 226,
+    MultipleChoices = 300,
+    MovedPermanently = 301,
+    Found = 302,
+    SeeOther = 303,
+    NotModified = 304,
+    UseProxy = 305,
+    TemporaryRedirect = 307,
+    PermanentRedirect = 308,
+    BadRequest = 400,
+    Unauthorized = 401,
+    PaymentRequired = 402,
+    Forbidden = 403,
+    NotFound = 404,
+    MethodNotAllowed = 405,
+    NotAcceptable = 406,
+    ProxyAuthenticationRequired = 407,
+    RequestTimeout = 408,
+    Conflict = 409,
+    Gone = 410,
+    LengthRequired = 411,
+    PreconditionFailed = 412,
+    PayloadTooLarge = 413,
+    UriTooLong = 414,
+    UnsupportedMediaType = 415,
+    RangeNotSatisfiable = 416,
+    ExpectationFailed = 417,
+    MisdirectedRequest = 421,
+    UnprocessableEntity = 422,
+    Locked = 423,
+    FailedDependency = 424,
+    TooEarly = 425,
+    UpgradeRequired = 426,
+    PreconditionRequired = 428,
+    TooManyRequests = 429,
+    RequestHeaderFieldsTooLarge = 431,
+    UnavailableForLegalReasons = 451,
+    InternalServerError = 500,
+    NotImplemented = 501,
+    BadGateway = 502,
+    ServiceUnavailable = 503,
+    GatewayTimeout = 504,
+    HttpVersionNotSupported = 505,
+    VariantAlsoNegotiates = 506,
+    InsufficientStorage = 507,
+    LoopDetected = 508,
+    NotExtended = 510,
+    NetworkAuthenticationRequired = 511
+}
+
+export declare type IconFC = default_2.FC<ComponentPropsWithoutRef<"svg">>;
+
+export declare interface IconProps extends ComponentPropsWithoutRef<"svg"> {
+    i: IconFC;
+    /**
+     * @property xs: 16px
+     * @property sm: 20px
+     * @property md: 24px
+     * @property lg: 28px
+     * @property xl: 32px
+     * @property 2xl: 40px
+     */
+    size?: keyof typeof stylesBySize | number;
+}
+
+export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined): Record<C, T | undefined>;
+
+export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined, getValue: (item: T) => K): Record<C, K | undefined>;
+
+export declare type IndexByResult<T> = Record<string, T | undefined>;
+
+export declare const InfinityLoader: ({ infinity, loaderProps, ...props }: InfinityLoaderProps) => JSX.Element;
+
+export declare interface InfinityLoaderProps extends CenterProps {
+    infinity: InfiniteQueryHookResult<InfiniteData<{
+        data: unknown[];
+    }>, unknown>;
+    loaderProps?: LoaderProps;
+}
+
+export declare type KyError<T = unknown> = HTTPError<T> & {
+    response: {
+        bodyJson?: T;
+    };
+};
+
+export declare interface LayoutProps {
+    children: React.ReactNode;
+    params: Promise<PageParams>;
+}
+
+declare interface NavigationHistoryHook {
+    history: string[];
+    goBack: (fallback?: string) => void;
+    currentRoute: string | null;
+    hasPreviousRoute: boolean;
+    getPreviousRoute: () => string | null;
+}
+
+/**
+ * Proveedor de historial de navegación
+ * Solo se encarga de registrar las rutas visitadas
+ */
+export declare function NavigationHistoryProvider({ children }: NavigationHistoryProviderProps): JSX.Element;
+
+declare interface NavigationHistoryProviderProps {
+    children: ReactNode;
+}
+
+export declare const NavItems: ({ items }: NavItemsProps) => JSX.Element;
+
+export declare interface NavItemsProps {
+    items: {
+        leftSection?: ReactNode;
+        rightSection?: ReactNode;
+        onClick?: (e: MouseEvent_2<Element>) => void;
+        disabled?: boolean;
+        className?: string;
+        children?: ReactNode;
+        label: string;
+        href?: string;
+        isActive?: boolean;
+    }[];
+}
+
+export declare const nullableInput: <T extends ZodTypeAny>(schema: T, message?: string) => z.ZodEffects<z.ZodNullable<T>, (T["_output"] & undefined) | (T["_output"] & {}), T["_input"] | null>;
+
+export declare const PageDataProvider: ({ value, children }: PageDataProviderProps) => JSX.Element;
+
+declare interface PageDataProviderProps {
+    children: React.ReactNode;
+    value: any;
+}
+
+declare interface PageParams extends Record<string, string | string[] | undefined> {
+}
+
+export declare interface PageProps {
+    params: Promise<PageParams>;
+    searchParams: Promise<{
+        [key: string]: string | string[] | undefined;
+    }>;
+}
+
+export declare const parseJSON: (response: KyResponse) => Promise<any>;
+
+declare const pxBySize: {
+    sm: number;
+    md: number;
+    lg: number;
+};
+
+export declare const QP_BACK_URL_NAME = "backUrl";
+
+export declare enum Revalidate {
+    OneHour = 3600,
+    OneDay = 86400,
+    OneWeek = 604800,
+    OneMonth = 2592000,
+    OneYear = 31536000
+}
+
+export declare function SelectInfinity({ value, onChange, data, searchValue, onSearchChange, renderOption, onOptionSubmit, nothingFoundMessage, infinity, placeholder, ...props }: SelectInfinityProps): JSX.Element;
+
+export declare interface SelectInfinityProps extends InputBaseProps, ElementProps<'button', keyof InputBaseProps | 'value' | 'onChange'> {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    data?: ComboboxItem[];
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    renderOption?: (args: {
+        option: ComboboxItem;
+    }) => React.ReactNode;
+    onOptionSubmit?: (value: string) => void;
+    nothingFoundMessage?: ReactNode;
+    infinity: InfiniteQueryHookResult<InfiniteData<{
+        data: unknown[];
+    }, number>, Error>;
+    placeholder?: string;
+}
+
+export declare type Setter<T> = Dispatch<SetStateAction<T>>;
+
+export declare const shuffleArray: <T>(array: T[]) => T[];
+
+declare const stylesBySize: {
+    xs: {
+        height: number;
+        width: number;
+    };
+    sm: {
+        height: number;
+        width: number;
+    };
+    md: {
+        height: number;
+        width: number;
+    };
+    lg: {
+        height: number;
+        width: number;
+    };
+    xl: {
+        height: number;
+        width: number;
+    };
+    "2xl": {
+        height: number;
+        width: number;
+    };
+};
+
+export declare const toTailwindColors: (colors: MantineThemeColors) => Record<DefaultMantineColor, Record<MantineColorShade, string>>;
+
+export declare const useFetchNextPageOnScroll: (infinity: InfiniteQueryHookResult<InfiniteData<{
+    data: unknown[];
+}, number>, Error>, elementRef?: RefObject<HTMLElement | null>) => void;
+
+/**
+ * Hook para usar el historial de navegación
+ * @returns {NavigationHistoryHook} Objeto con el historial y la función goBack
+ */
+export declare function useNavigationHistory(): NavigationHistoryHook;
+
+export declare const useOnScrollProgress: (triggerPercentage: number, callback: () => void, elementRef?: RefObject<HTMLElement | null>) => void;
+
+export declare const usePageData: <T>() => T;
+
+export declare const withForm: <P extends unknown>(WrappedComponent: React.ComponentType<FormFieldProps<P>>, getControllerProps?: (props: P) => Omit<Partial<ControllerProps>, "render">) => FC<P & WithFormProps>;
+
+export declare interface WithFormProps {
+    name?: string;
+    label?: React.ReactNode;
+    placeholder?: string;
+    description?: React.ReactNode;
+    validate?: ZodTypeAny;
+    disabled?: boolean;
+}
+
+export declare const withModalManager: <P extends Object>(WrappedComponent: React.ComponentType<P & ModalProps>) => FC<P & WithModalManagerProps & ModalProps>;
+
+export declare interface WithModalManagerProps {
+    removeModal: () => void;
+    opened: boolean;
+}
+
+export declare const zodValidator: (schema: ZodTypeAny) => (values: any) => string | undefined;
+
+export { }