@tipp/ui 1.0.52 → 1.0.53

package/dist/molecules/date-picker/index.d.ts

@@ -0,0 +1,10 @@
+import react__default from 'react';
+import * as RDP from 'react-datepicker';
+import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
+
+type DatePickerProps = DatePickerProps$1 & {
+    size?: 'small' | 'medium' | 'large';
+};
+declare const DatePicker: react__default.ForwardRefExoticComponent<DatePickerProps & react__default.RefAttributes<RDP.default>>;
+
+export { DatePicker, type DatePickerProps };

package/dist/molecules/expand-table/index.d.cts

@@ -0,0 +1,23 @@
+import { RowData, ColumnDef } from '@tanstack/react-table';
+export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
+import react__default, { CSSProperties } from 'react';
+import { ExpandComp, OnRowClick } from './row.cjs';
+import '../../utils/get-cell-align.cjs';
+
+interface ExpandTableProps<Datum extends RowData> {
+    /** 렌더할 데이터 배열  */
+    data?: Datum[];
+    /** 테이블 컬럼의 메타 데이터 */
+    columns: ColumnDef<Datum>[];
+    /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
+    ExpandComp?: ExpandComp<Datum>;
+    /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
+    placeholder?: react__default.ReactNode;
+    /** 행 클릭 시 실행할 콜백 */
+    onRowClick?: OnRowClick<Datum>;
+    rowStyle?: CSSProperties;
+    tableStyle?: CSSProperties;
+}
+declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): react__default.ReactNode;
+
+export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };

package/dist/molecules/expand-table/index.d.ts

@@ -0,0 +1,23 @@
+import { RowData, ColumnDef } from '@tanstack/react-table';
+export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
+import react__default, { CSSProperties } from 'react';
+import { ExpandComp, OnRowClick } from './row.js';
+import '../../utils/get-cell-align.js';
+
+interface ExpandTableProps<Datum extends RowData> {
+    /** 렌더할 데이터 배열  */
+    data?: Datum[];
+    /** 테이블 컬럼의 메타 데이터 */
+    columns: ColumnDef<Datum>[];
+    /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */
+    ExpandComp?: ExpandComp<Datum>;
+    /** 데이테가 없을 시 화면에 표시할 컴포넌트 */
+    placeholder?: react__default.ReactNode;
+    /** 행 클릭 시 실행할 콜백 */
+    onRowClick?: OnRowClick<Datum>;
+    rowStyle?: CSSProperties;
+    tableStyle?: CSSProperties;
+}
+declare function ExpandTable<Datum extends RowData>(props: ExpandTableProps<Datum>): react__default.ReactNode;
+
+export { ExpandComp, ExpandTable, type ExpandTableProps, OnRowClick };

package/dist/molecules/expand-table/row.d.cts

@@ -0,0 +1,18 @@
+import { Row as Row$1, RowData } from '@tanstack/react-table';
+import react__default from 'react';
+import { CellAlign } from '../../utils/get-cell-align.cjs';
+
+type ExpandComp<Datum> = react__default.FC<{
+    row: Row$1<Datum>;
+}>;
+type OnRowClick<Datum> = (data: Datum) => void;
+interface RowProps<Datum extends RowData> {
+    row: Row$1<Datum>;
+    ExpandComp?: ExpandComp<Datum>;
+    onRowClick?: OnRowClick<Datum>;
+    gridColTemp: string;
+    defaultAlign: CellAlign;
+}
+declare function Row<Datum extends RowData>(props: RowProps<Datum>): react__default.ReactNode;
+
+export { type ExpandComp, type OnRowClick, Row };

package/dist/molecules/expand-table/row.d.ts

@@ -0,0 +1,18 @@
+import { Row as Row$1, RowData } from '@tanstack/react-table';
+import react__default from 'react';
+import { CellAlign } from '../../utils/get-cell-align.js';
+
+type ExpandComp<Datum> = react__default.FC<{
+    row: Row$1<Datum>;
+}>;
+type OnRowClick<Datum> = (data: Datum) => void;
+interface RowProps<Datum extends RowData> {
+    row: Row$1<Datum>;
+    ExpandComp?: ExpandComp<Datum>;
+    onRowClick?: OnRowClick<Datum>;
+    gridColTemp: string;
+    defaultAlign: CellAlign;
+}
+declare function Row<Datum extends RowData>(props: RowProps<Datum>): react__default.ReactNode;
+
+export { type ExpandComp, type OnRowClick, Row };

package/dist/molecules/index.d.cts

@@ -0,0 +1,8 @@
+export { ExpandTable, ExpandTableProps } from './expand-table/index.cjs';
+export { Navigation, NavigationProps } from './navigation.cjs';
+export { DatePicker, DatePickerProps } from './date-picker/index.cjs';
+export { ExpandComp, OnRowClick } from './expand-table/row.cjs';
+export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
+import 'react';
+import 'react-datepicker';
+import '../utils/get-cell-align.cjs';

package/dist/molecules/index.d.ts

@@ -0,0 +1,8 @@
+export { ExpandTable, ExpandTableProps } from './expand-table/index.js';
+export { Navigation, NavigationProps } from './navigation.js';
+export { DatePicker, DatePickerProps } from './date-picker/index.js';
+export { ExpandComp, OnRowClick } from './expand-table/row.js';
+export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
+import 'react';
+import 'react-datepicker';
+import '../utils/get-cell-align.js';

package/dist/molecules/index.js

@@ -1,15 +1,15 @@
 import "../chunk-KHHXN3CH.js";
 import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-EVFFFVFM.js";
-import "../chunk-MDBFTLD7.js";
+  DatePicker
+} from "../chunk-Z2PA5PMV.js";
 import {
   Navigation
 } from "../chunk-RKLEKAON.js";
 import {
-  DatePicker
-} from "../chunk-Z2PA5PMV.js";
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-EVFFFVFM.js";
+import "../chunk-MDBFTLD7.js";
 import "../chunk-BSTJBBEX.js";
 import "../chunk-NDUKDKGB.js";
 import "../chunk-2ANGYYEV.js";

package/dist/molecules/navigation.d.cts

@@ -0,0 +1,19 @@
+import react__default from 'react';
+
+interface Item {
+    itemRender?: (item: Item) => react__default.ReactNode;
+    key: string;
+    onClick?: () => void;
+    title: string;
+    icon?: react__default.ReactNode;
+    children?: Item[];
+}
+interface NavigationProps {
+    items?: Item[];
+    fontColor?: string;
+    backgroundColor?: string;
+    activeKey?: string;
+}
+declare function Navigation({ items, fontColor, backgroundColor, activeKey, }: NavigationProps): react__default.ReactNode;
+
+export { Navigation, type NavigationProps };

package/dist/molecules/navigation.d.ts

@@ -0,0 +1,19 @@
+import react__default from 'react';
+
+interface Item {
+    itemRender?: (item: Item) => react__default.ReactNode;
+    key: string;
+    onClick?: () => void;
+    title: string;
+    icon?: react__default.ReactNode;
+    children?: Item[];
+}
+interface NavigationProps {
+    items?: Item[];
+    fontColor?: string;
+    backgroundColor?: string;
+    activeKey?: string;
+}
+declare function Navigation({ items, fontColor, backgroundColor, activeKey, }: NavigationProps): react__default.ReactNode;
+
+export { Navigation, type NavigationProps };

package/dist/theme/theme-provider.d.cts

@@ -0,0 +1,10 @@
+import react__default from 'react';
+import { Theme } from '@radix-ui/themes';
+
+type ThemeProps = react__default.ComponentProps<typeof Theme>;
+interface ThemeProviderProps extends ThemeProps {
+    children: react__default.ReactNode;
+}
+declare function ThemeProvider(props: ThemeProviderProps): react__default.ReactElement;
+
+export { ThemeProvider };

package/dist/theme/theme-provider.d.ts

@@ -0,0 +1,10 @@
+import react__default from 'react';
+import { Theme } from '@radix-ui/themes';
+
+type ThemeProps = react__default.ComponentProps<typeof Theme>;
+interface ThemeProviderProps extends ThemeProps {
+    children: react__default.ReactNode;
+}
+declare function ThemeProvider(props: ThemeProviderProps): react__default.ReactElement;
+
+export { ThemeProvider };

package/dist/theme/use-theme.d.cts

@@ -0,0 +1 @@
+export { useThemeContext } from '@radix-ui/themes';

package/dist/theme/use-theme.d.ts

@@ -0,0 +1 @@
+export { useThemeContext } from '@radix-ui/themes';

package/dist/types/react-table.d.d.cts

@@ -0,0 +1,19 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정, default값은 left */
+    align?: 'left' | 'right' | 'center';
+  }
+}

package/dist/types/react-table.d.d.ts

@@ -0,0 +1,19 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정, default값은 left */
+    align?: 'left' | 'right' | 'center';
+  }
+}

package/dist/ui-props/index.d.cts

@@ -0,0 +1,2 @@
+import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
+export { index_js as uiProps };

package/dist/ui-props/index.d.ts

@@ -0,0 +1,2 @@
+import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
+export { index_js as uiProps };

package/dist/utils/get-cell-align.d.cts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.d.ts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/index.d.cts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
+import '@tanstack/react-table';

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
+import '@tanstack/react-table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -53,8 +53,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/eslint-config": "0.2.3",
-    "@tipp/typescript-config": "0.0.4"
+    "@tipp/typescript-config": "0.0.4",
+    "@tipp/eslint-config": "0.2.3"
   },
   "scripts": {
     "build": "pnpm run build:js & pnpm run build:css",