@sonamu-kit/react-components 0.1.8 → 0.1.9

package/dist/components/index.d.ts

@@ -4,8 +4,6 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from '.
 export { Alert, AlertDescription, AlertTitle } from './ui/alert';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './ui/alert-dialog';
 export { AspectRatio } from './ui/aspect-ratio';
-export type { AsyncSelectOption, AsyncSelectProps } from './ui/async-select';
-export { AsyncSelect } from './ui/async-select';
 export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
 export { Badge, badgeVariants } from './ui/badge';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
@@ -37,8 +35,6 @@ export { Label } from './ui/label';
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from './ui/menubar';
 export type { MonthPickerValue } from './ui/month-picker-multiple';
 export { MonthPickerMultiple } from './ui/month-picker-multiple';
-export type { MultiSelectOption, MultiSelectProps, MultiSelectRef, } from './ui/multi-select';
-export { MultiSelect } from './ui/multi-select';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, } from './ui/navigation-menu';
 export { Pagination } from './ui/pagination';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from './ui/popover';
@@ -46,8 +42,12 @@ export { Progress } from './ui/progress';
 export { RadioGroup, RadioGroupItem } from './ui/radio-group';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from './ui/resizable';
 export { ScrollArea, ScrollBar } from './ui/scroll-area';
-export type { SelectItemDef, SelectProps } from './ui/select';
-export { Select } from './ui/select';
+export type { EnumSelectProps } from './ui/select/enum-select';
+export { EnumSelect } from './ui/select/enum-select';
+export type { AsyncIdConfig, IdAsyncSelectProps } from './ui/select/id-async-select';
+export { IdAsyncSelect } from './ui/select/id-async-select';
+export type { ExtractValue, SelectItemDef, SelectProps } from './ui/select/select';
+export { Select } from './ui/select/select';
 export { Separator } from './ui/separator';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from './ui/sheet';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from './ui/sidebar';

package/dist/components/ui/select/enum-select.d.ts

@@ -0,0 +1,15 @@
+export type EnumSelectProps<TValue extends string = string> = {
+    enum: {
+        options: readonly TValue[];
+    };
+    labels: Record<TValue, string>;
+    value?: TValue | TValue[] | "";
+    onValueChange?: (value: TValue | TValue[] | "" | null | undefined) => void;
+    placeholder?: string;
+    textPrefix?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    className?: string;
+    multiple?: boolean;
+};
+export declare function EnumSelect<TValue extends string = string>({ enum: zodEnum, labels, value, onValueChange, placeholder, textPrefix, clearable, disabled, className, multiple, }: EnumSelectProps<TValue>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/id-async-select.d.ts

@@ -0,0 +1,25 @@
+import { UseQueryResult } from '@tanstack/react-query';
+export type AsyncIdConfig<TSubsetKey extends string = string, _TSubsetMapping = Record<string, unknown>> = {
+    placeholderKey: string;
+    useList: <T extends TSubsetKey>(subset: T, params?: any, options?: {
+        enabled?: boolean;
+    }) => UseQueryResult<Record<string, unknown>, Error>;
+};
+type OnRowChangeType<TSubsetKey extends string, TSubsetMapping> = TSubsetKey extends keyof TSubsetMapping ? TSubsetMapping[TSubsetKey] | TSubsetMapping[TSubsetKey][] | undefined : unknown;
+export type IdAsyncSelectProps<TSubsetKey extends string = string, TSubsetMapping = Record<string, unknown>, TValue extends string | number = string> = {
+    config: AsyncIdConfig<TSubsetKey, TSubsetMapping>;
+    subset: TSubsetKey;
+    baseListParams?: Record<string, unknown>;
+    displayField?: string;
+    valueField?: string;
+    placeholder?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    className?: string;
+    multiple?: boolean;
+    value?: TValue | TValue[] | null;
+    onValueChange?: (value: TValue | TValue[] | undefined) => void;
+    onRowChange?: (row: OnRowChangeType<TSubsetKey, TSubsetMapping>) => void;
+};
+export declare function IdAsyncSelect<TSubsetKey extends string = string, TSubsetMapping = Record<string, unknown>, TValue extends string | number = string>({ config, subset, baseListParams, displayField, valueField, placeholder, clearable, disabled, className, multiple, value, onValueChange, onRowChange, }: IdAsyncSelectProps<TSubsetKey, TSubsetMapping, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/select/select.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+type ExtractValue<Item> = Item extends {
+    value: infer V;
+} ? V : Item;
+type SelectItemDef<V> = V | {
+    value: V;
+    label?: React.ReactNode;
+    disabled?: boolean;
+};
+interface SelectPropsBase<Item> {
+    items: Item[];
+    placeholder?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    className?: string;
+    contentClassName?: string;
+    renderItem?: (value: ExtractValue<Item>) => React.ReactNode;
+    name?: string;
+    onBlur?: React.FocusEventHandler<HTMLSelectElement>;
+}
+type SelectPropsWithValueKey<Item> = ExtractValue<Item> extends string | number ? {
+    valueKey?: (value: ExtractValue<Item>) => string;
+} : {
+    valueKey: (value: ExtractValue<Item>) => string;
+};
+interface SingleSyncProps<Item> {
+    multiple?: false;
+    async?: false;
+    value?: ExtractValue<Item>;
+    onValueChange?: (value: ExtractValue<Item> | undefined) => void;
+    searchable?: boolean;
+}
+interface SingleAsyncProps<Item> {
+    multiple?: false;
+    async: true;
+    value?: ExtractValue<Item>;
+    onValueChange?: (value: ExtractValue<Item> | undefined) => void;
+    loading?: boolean;
+    error?: Error;
+    onSearch: (keyword: string) => void;
+    searchDebounce?: number;
+}
+interface MultiSyncProps<Item> {
+    multiple: true;
+    async?: false;
+    value: ExtractValue<Item>[];
+    onValueChange: (value: ExtractValue<Item>[]) => void;
+    maxCount?: number;
+    hideSelectAll?: boolean;
+    searchable?: boolean;
+}
+interface MultiAsyncProps<Item> {
+    multiple: true;
+    async: true;
+    value: ExtractValue<Item>[];
+    onValueChange: (value: ExtractValue<Item>[]) => void;
+    loading?: boolean;
+    error?: Error;
+    onSearch: (keyword: string) => void;
+    searchDebounce?: number;
+    maxCount?: number;
+    hideSelectAll?: boolean;
+}
+type SelectProps<Item> = SelectPropsBase<Item> & SelectPropsWithValueKey<Item> & (SingleSyncProps<Item> | SingleAsyncProps<Item> | MultiSyncProps<Item> | MultiAsyncProps<Item>);
+export declare const Select: <Item>(props: SelectProps<Item> & React.RefAttributes<HTMLSelectElement>) => React.ReactElement;
+export type { SelectProps, SelectItemDef, ExtractValue };

package/dist/lib/form-helpers.d.ts

@@ -1,9 +1,21 @@
 import { z } from 'zod';
 import { ErrorObj } from './types';
+/**
+ * FormRegisterReturn
+ *
+ * register 함수의 반환 타입입니다.
+ */
+export type FormRegisterReturn = {
+    value: any;
+    onValueChange: (value: any) => void;
+    onRowChange?: (row: any) => void;
+    error?: ErrorObj;
+};
 export declare function useTypeForm<T extends z.ZodObject<any> | z.ZodArray<any>, U extends z.infer<T>>(zType: T, defaultValue: U): {
     form: z.core.output<T>;
     setForm: import('react').Dispatch<import('react').SetStateAction<z.core.output<T>>>;
-    register: (objPath: string, _emptyStringTo?: "normal" | "nullable" | "optional") => any;
+    row: Record<string, any>;
+    register: (objPath: string, _emptyStringTo?: "normal" | "nullable" | "optional") => FormRegisterReturn;
     submit: <R>(callback: (formData: z.infer<T>) => Promise<R>) => () => Promise<R>;
     addError: (objPath: string, errorMessage: string | ErrorObj) => void;
     removeError: (objPath: string) => void;