@croquiscom/pds 12.2.0 → 12.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 12.2.2
+
+### Patch Changes
+
+- bd87e02: DataTable noDataPadding 속성 추가
+
+## 12.2.1
+
+### Patch Changes
+
+- 9fd7078: Section간 여백 수정(Desktop)
+
 ## 12.2.0
 
 ### Minor Changes

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

@@ -75,6 +75,11 @@ export interface DataTableProps<DataType> {
      * @default '데이터가 없습니다'
      */
     noDataText?: ReactNode;
+    /**
+     * Table 데이터가 없을 경우 노출되는 텍스트의 상하 여백입니다.
+     * @default 120
+     */
+    noDataPadding?: number;
     /**
      * 테이블의 컬럼 리사이즈 활성화 여부
      *   - width값 지정된 컬럼은 resize가 불가합니다.

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

@@ -14,6 +14,7 @@ export declare const Loading: Story;
 export declare const Resize: Story;
 export declare const NoData: Story;
 export declare const CustomNoDataText: Story;
+export declare const CustomNoDataPadding: Story;
 export declare const ColumnGroup: Story;
 export declare const CellSpan: Story;
 export declare const ColumnFixed: Story;

package/dist/components/table/DataTableRows.d.ts

@@ -1,12 +1,12 @@
 import { Key } from 'react';
 import { DataTableProps } from './DataTable';
 import { SelectRowAction, DataTableRowType } from './types';
-interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle' | 'cellDisabledStyle' | 'resize'> {
+interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'noDataPadding' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle' | 'cellDisabledStyle' | 'resize'> {
     tableContainerAttribute: number;
     allSelected?: boolean;
     selectedRows?: Map<Key, DataTableRowType<DataType>>;
     rowColor?: (row: DataTableRowType<DataType>, index: number) => (string | undefined) | string;
     onSelectedRow?: (action: SelectRowAction<DataType>) => void;
 }
-export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, cellDisabledStyle, tableContainerAttribute, resize, onSelectedRow, rowColor, }: DataTableRowsProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, noDataPadding, cellHoverStyle, cellDisabledStyle, tableContainerAttribute, resize, onSelectedRow, rowColor, }: DataTableRowsProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};