@croquiscom/pds 14.2.4 → 14.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 14.3.0
+
+### Minor Changes
+
+- 9f6fd85: DataTable ExpandableRows 버튼 없이 사용 가능하도록 변경
+
 ## 14.2.4
 
 ### Patch Changes

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

@@ -101,6 +101,11 @@ export interface DataTableProps<DataType> {
      * @default true
      */
     cellDisabledStyle?: boolean;
+    /**
+     * expandableButton 노출 유무
+     * @default true
+     */
+    expandableButton?: boolean;
     /**
      *  열 하위에 확장된 Row를 렌더링합니다.
      *   - 각 테이블 로우에 고유 key가 존재해야 합니다.

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

@@ -34,3 +34,4 @@ export declare const Disabled: Story;
 export declare const CustomRowColor: Story;
 export declare const DisabledCellOff: Story;
 export declare const ExpandableRow: Story;
+export declare const ExpandableRowNoButton: Story;

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

@@ -1,9 +1,9 @@
 import { Key } from 'react';
 import { DataTableProps } from './DataTable';
 import { SelectRowsAction, DataTableRowType } from './types';
-export interface DataTableHeaderProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows' | 'renderExpandedRow' | 'hideSelectAll' | 'resize'> {
+export interface DataTableHeaderProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows' | 'expandableButton' | 'renderExpandedRow' | 'hideSelectAll' | 'resize'> {
     allSelected?: boolean;
     selectedRows?: Map<Key, DataTableRowType<DataType>>;
     onSelectedRows?: (action: SelectRowsAction<DataType>) => void;
 }
-export declare const DataTableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, renderExpandedRow, hideSelectAll, resize, onSelectedRows, onSortBy, }: DataTableHeaderProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DataTableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, expandableButton, renderExpandedRow, hideSelectAll, resize, onSelectedRows, onSortBy, }: DataTableHeaderProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,7 @@ export interface DataTableRowProps<DataType extends object = any> extends Pick<D
     columns: DataTableColumnsType<DataType>;
     index: number;
     rows: DataTableRowsType<DataType>;
+    expandableButton: boolean;
     renderExpandedRow?: (row: DataType, index: number) => ReactNode | null;
     selected: boolean;
     expanded: boolean;
@@ -13,4 +14,4 @@ export interface DataTableRowProps<DataType extends object = any> extends Pick<D
     onSelectedRow?: (row: DataTableRowType<DataType>, selected: boolean) => void;
     onExpandedRow?: (row: DataTableRowType<DataType>, expanded: boolean) => void;
 }
-export declare const DataTableRow: <DataType extends object = any>({ row, columns, index, rows, selected, expanded, rowColor, onSelectedRow, onExpandedRow, selectableRows, renderExpandedRow, clickableRows, cellHoverStyle, cellDisabledStyle, resize, }: DataTableRowProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DataTableRow: <DataType extends object = any>({ row, columns, index, rows, selected, expanded, rowColor, onSelectedRow, onExpandedRow, selectableRows, expandableButton, renderExpandedRow, clickableRows, cellHoverStyle, cellDisabledStyle, resize, }: DataTableRowProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -6,10 +6,11 @@ interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'c
     allSelected?: boolean;
     selectedRows?: Map<Key, DataTableRowType<DataType>>;
     expandedRows?: Key[];
+    expandableButton: boolean;
     renderExpandedRow?: (row: DataType, index: number) => ReactNode | null;
     rowColor?: (row: DataTableRowType<DataType>, index: number) => (string | undefined) | string;
     onSelectedRow?: (action: SelectRowAction<DataType>) => void;
     onExpandedRow?: (action: ExpandedRowAction<DataType>) => void;
 }
-export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, expandedRows, noDataText, noDataPadding, cellHoverStyle, cellDisabledStyle, tableContainerAttribute, resize, renderExpandedRow, onSelectedRow, onExpandedRow, rowColor, }: DataTableRowsProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, expandedRows, noDataText, noDataPadding, cellHoverStyle, cellDisabledStyle, tableContainerAttribute, resize, expandableButton, renderExpandedRow, onSelectedRow, onExpandedRow, rowColor, }: DataTableRowsProps<DataType>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};