@ceed/ads 0.0.167-1 → 0.0.168-0

package/dist/components/DataTable/DataTable.d.ts

@@ -1,173 +1,5 @@
-import React, { ComponentProps, ReactNode } from "react";
-import { Link } from "@mui/joy";
-import { Table } from "../Table";
-import CurrencyInput from "../CurrencyInput";
-import DatePicker from "../DatePicker";
-import Input from "../Input";
-import Textarea from "../Textarea";
-import Autocomplete from "../Autocomplete";
-import Select from "../Select";
-export type RenderCellHandler<T extends Record<string, V>, V = unknown> = (params: {
-    row: T;
-    value?: V;
-    id: string;
-}) => ReactNode;
-export type CellEditStartEvent<T extends Record<string, V>, V = unknown> = (params: {
-    originalRow: T;
-    row: T;
-    value?: V;
-    id: string;
-}) => void;
-export type CellEditStopEvent<T extends Record<string, V>, V = unknown> = (params: {
-    originalRow: T;
-    row: T;
-    value?: V;
-    id: string;
-}) => void;
-type BaseColumnDef<T extends Record<string, V>, V> = {
-    field: keyof T;
-    headerName?: string;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    resizable?: boolean;
-    renderCell?: RenderCellHandler<T, V>;
-    isCellEditable?: ((params: {
-        row: T;
-        value?: V;
-        id: string;
-    }) => boolean) | boolean;
-    required?: boolean;
-    onCellEditStart?: CellEditStartEvent<T, V>;
-    onCellEditStop?: CellEditStopEvent<T, V>;
-};
-type AutocompleteColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
-    type: "autocomplete";
-    componentProps?: ComponentProps<typeof Autocomplete> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<typeof Autocomplete>);
-};
-type CurrencyColumnDef<T extends Record<string, number>> = BaseColumnDef<T, number> & {
-    type: "currency";
-    componentProps?: ComponentProps<typeof CurrencyInput> | ((params: {
-        row: T;
-        value?: number;
-        id: string;
-    }) => ComponentProps<typeof CurrencyInput>);
-};
-type DateColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
-    type: "date";
-    componentProps?: ComponentProps<typeof DatePicker> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<typeof DatePicker>);
-};
-type NumberColumnDef<T extends Record<string, number>> = BaseColumnDef<T, number> & {
-    type: "number";
-    componentProps?: ComponentProps<typeof Input> | ((params: {
-        row: T;
-        value?: number;
-        id: string;
-    }) => ComponentProps<typeof Input>);
-};
-type TextColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
-    type: "text";
-    componentProps?: ComponentProps<typeof Input> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<typeof Input>);
-};
-type LongTextColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
-    type: "longText";
-    componentProps?: ComponentProps<typeof Textarea> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<typeof Textarea>);
-};
-type SelectColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
-    type: "select";
-    componentProps?: ComponentProps<typeof Select<string, false>> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<typeof Select<string, false>>);
-};
-type LinkColumnDef<T extends Record<string, string>, C extends React.ElementType = typeof Link> = BaseColumnDef<T, string> & {
-    type: "link";
-    component?: C;
-    componentProps?: ComponentProps<C> | ((params: {
-        row: T;
-        value?: string;
-        id: string;
-    }) => ComponentProps<C>);
-};
-type OtherColumnDef<T extends Record<string, any>> = BaseColumnDef<T, any> & {
-    type?: "any";
-    componentProps?: {};
-};
-export type ColumnDef<T extends Record<string, any>> = AutocompleteColumnDef<T> | CurrencyColumnDef<T> | DateColumnDef<T> | NumberColumnDef<T> | TextColumnDef<T> | LongTextColumnDef<T> | LinkColumnDef<T> | SelectColumnDef<T> | OtherColumnDef<T>;
-export type DataTableProps<T extends Record<string, unknown>> = {
-    rows: T[];
-    checkboxSelection?: boolean;
-    columns: ColumnDef<T>[];
-    editMode?: boolean;
-    /**
-     * 체크박스가 있는 경우, 체크박스를 클릭했을 때 선택된 row의 index를 지정한다.
-     */
-    selectionModel?: string[];
-    onSelectionModelChange?: (newSelectionModel: string[], 
-    /**
-     * Total Select를 클릭한 경우에만 값이 true/false로 들어온다.
-     * MUI에는 없는 인터페이스지만 Total Select 기능이 추가되었기 때문에 추가해야했다.
-     */
-    isTotalSelected?: boolean) => void;
-    pagination?: boolean;
-    paginationMode?: "client" | "server";
-    paginationModel?: {
-        page: number;
-        pageSize: number;
-    };
-    onPaginationModelChange?: (model: {
-        page: number;
-        pageSize: number;
-    }) => void;
-    /**
-     * Rows의 총 갯수를 직접 지정 할 수 있다.
-     * 기본적으로는 rows.length를 사용하지만, 이 값을 지정하면 rows.length를 사용하지 않는다.
-     * server mode를 사용할 때 유용하다.
-     */
-    rowCount?: number;
-    loading?: boolean;
-    getId?: (row: T) => string;
-    /**
-     * 기본적으로 Uncontrolled로 작동하지만, Controlled로 작동하게 하고 싶을 때 사용한다.
-     * 이 값이 true이면, 현재 페이지 이외에도 존재하는 모든 데이터가 선택된것으로 간주하고 동작한다.
-     */
-    isTotalSelected?: boolean;
-    slots?: {
-        checkbox?: React.ElementType;
-        toolbar?: React.ElementType;
-        footer?: React.ElementType;
-        loadingOverlay?: React.ElementType;
-    };
-    slotProps?: {
-        checkbox?: Partial<{
-            checked: boolean;
-            [key: string]: any;
-        }>;
-        toolbar?: Partial<{
-            [key: string]: any;
-        }>;
-        background?: Partial<{
-            [key: string]: any;
-        }>;
-    };
-} & ComponentProps<typeof Table>;
+import React from "react";
+import { DataTableProps } from "./type";
 declare function DataTable<T extends Record<string, unknown>>(props: DataTableProps<T>): React.JSX.Element;
 declare namespace DataTable {
     var displayName: string;

package/dist/components/DataTable/type.d.ts

@@ -0,0 +1,170 @@
+import { ReactNode, ComponentProps } from 'react';
+import { Link } from '@mui/joy';
+import { Table } from "../Table";
+import CurrencyInput from "../CurrencyInput";
+import DatePicker from "../DatePicker";
+import Input from "../Input";
+import Textarea from "../Textarea";
+import Autocomplete from "../Autocomplete";
+import Select from "../Select";
+export type RenderCellHandler<T extends Record<string, V>, V = unknown> = (params: {
+    row: T;
+    value?: V;
+    id: string;
+}) => ReactNode;
+export type CellEditStartEvent<T extends Record<string, V>, V = unknown> = (params: {
+    originalRow: T;
+    row: T;
+    value?: V;
+    id: string;
+}) => void;
+export type CellEditStopEvent<T extends Record<string, V>, V = unknown> = (params: {
+    originalRow: T;
+    row: T;
+    value?: V;
+    id: string;
+}) => void;
+export type BaseColumnDef<T extends Record<string, V>, V> = {
+    field: keyof T;
+    headerName?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    resizable?: boolean;
+    renderCell?: RenderCellHandler<T, V>;
+    isCellEditable?: ((params: {
+        row: T;
+        value?: V;
+        id: string;
+    }) => boolean) | boolean;
+    required?: boolean;
+    onCellEditStart?: CellEditStartEvent<T, V>;
+    onCellEditStop?: CellEditStopEvent<T, V>;
+};
+export type AutocompleteColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
+    type: "autocomplete";
+    componentProps?: ComponentProps<typeof Autocomplete> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<typeof Autocomplete>);
+};
+export type CurrencyColumnDef<T extends Record<string, number>> = BaseColumnDef<T, number> & {
+    type: "currency";
+    componentProps?: ComponentProps<typeof CurrencyInput> | ((params: {
+        row: T;
+        value?: number;
+        id: string;
+    }) => ComponentProps<typeof CurrencyInput>);
+};
+export type DateColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
+    type: "date";
+    componentProps?: ComponentProps<typeof DatePicker> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<typeof DatePicker>);
+};
+export type NumberColumnDef<T extends Record<string, number>> = BaseColumnDef<T, number> & {
+    type: "number";
+    componentProps?: ComponentProps<typeof Input> | ((params: {
+        row: T;
+        value?: number;
+        id: string;
+    }) => ComponentProps<typeof Input>);
+};
+export type TextColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
+    type: "text";
+    componentProps?: ComponentProps<typeof Input> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<typeof Input>);
+};
+export type LongTextColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
+    type: "longText";
+    componentProps?: ComponentProps<typeof Textarea> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<typeof Textarea>);
+};
+export type SelectColumnDef<T extends Record<string, string>> = BaseColumnDef<T, string> & {
+    type: "select";
+    componentProps?: ComponentProps<typeof Select<string, false>> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<typeof Select<string, false>>);
+};
+export type LinkColumnDef<T extends Record<string, string>, C extends React.ElementType = typeof Link> = BaseColumnDef<T, string> & {
+    type: "link";
+    component?: C;
+    componentProps?: ComponentProps<C> | ((params: {
+        row: T;
+        value?: string;
+        id: string;
+    }) => ComponentProps<C>);
+};
+export type OtherColumnDef<T extends Record<string, any>> = BaseColumnDef<T, any> & {
+    type?: "any";
+    componentProps?: {};
+};
+export type ColumnDef<T extends Record<string, any>> = AutocompleteColumnDef<T> | CurrencyColumnDef<T> | DateColumnDef<T> | NumberColumnDef<T> | TextColumnDef<T> | LongTextColumnDef<T> | LinkColumnDef<T> | SelectColumnDef<T> | OtherColumnDef<T>;
+export type DataTableProps<T extends Record<string, unknown>> = {
+    rows: T[];
+    checkboxSelection?: boolean;
+    columns: ColumnDef<T>[];
+    editMode?: boolean;
+    /**
+     * 체크박스가 있는 경우, 체크박스를 클릭했을 때 선택된 row의 index를 지정한다.
+     */
+    selectionModel?: string[];
+    onSelectionModelChange?: (newSelectionModel: string[], 
+    /**
+     * Total Select를 클릭한 경우에만 값이 true/false로 들어온다.
+     * MUI에는 없는 인터페이스지만 Total Select 기능이 추가되었기 때문에 추가해야했다.
+     */
+    isTotalSelected?: boolean) => void;
+    pagination?: boolean;
+    paginationMode?: "client" | "server";
+    paginationModel?: {
+        page: number;
+        pageSize: number;
+    };
+    onPaginationModelChange?: (model: {
+        page: number;
+        pageSize: number;
+    }) => void;
+    /**
+     * Rows의 총 갯수를 직접 지정 할 수 있다.
+     * 기본적으로는 rows.length를 사용하지만, 이 값을 지정하면 rows.length를 사용하지 않는다.
+     * server mode를 사용할 때 유용하다.
+     */
+    rowCount?: number;
+    loading?: boolean;
+    getId?: (row: T) => string;
+    /**
+     * 기본적으로 Uncontrolled로 작동하지만, Controlled로 작동하게 하고 싶을 때 사용한다.
+     * 이 값이 true이면, 현재 페이지 이외에도 존재하는 모든 데이터가 선택된것으로 간주하고 동작한다.
+     */
+    isTotalSelected?: boolean;
+    slots?: {
+        checkbox?: React.ElementType;
+        toolbar?: React.ElementType;
+        footer?: React.ElementType;
+        loadingOverlay?: React.ElementType;
+    };
+    slotProps?: {
+        checkbox?: Partial<{
+            checked: boolean;
+            [key: string]: any;
+        }>;
+        toolbar?: Partial<{
+            [key: string]: any;
+        }>;
+        background?: Partial<{
+            [key: string]: any;
+        }>;
+    };
+} & ComponentProps<typeof Table>;