lkd-web-kit 0.0.0 → 0.0.2

package/dist/components.d.ts

@@ -0,0 +1,116 @@
+import { CenterProps } from '@mantine/core';
+import { ComboboxItem } from '@mantine/core';
+import { ComponentProps } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { default as default_2 } from 'react';
+import { ElementProps } from '@mantine/core';
+import { InfiniteData } from '@tanstack/react-query';
+import { InfiniteQueryHookResult } from 'react-query-kit';
+import { InputBaseProps } from '@mantine/core';
+import { JSX } from 'react/jsx-runtime';
+import { LoaderProps } from '@mantine/core';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactNode } from 'react';
+
+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 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 const InfinityLoader: ({ infinity, loaderProps, ...props }: InfinityLoaderProps) => JSX.Element;
+
+export declare interface InfinityLoaderProps extends CenterProps {
+    infinity: InfiniteQueryHookResult<InfiniteData<{
+        data: unknown[];
+    }>, unknown>;
+    loaderProps?: LoaderProps;
+}
+
+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;
+    }[];
+}
+
+declare const pxBySize: {
+    sm: number;
+    md: number;
+    lg: number;
+};
+
+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;
+}
+
+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 { }