@croquiscom/pds 4.2.1 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 4.3.0
+
+### Minor Changes
+
+- 89a9f32: 테이블 로우에 disabled 속성 및 스타일을 추가한다.
+
+## 4.2.2
+
+### Patch Changes
+
+- 9630b99: DateRangePicker querySelectorAll TypeError
+
 ## 4.2.1
 
 ### Patch Changes

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

@@ -27,3 +27,4 @@ export declare const BeforehandSelectionByKey: any;
 export declare const BeforehandSelectionByFunction: any;
 export declare const Sort: any;
 export declare const WithPagination: any;
+export declare const Disabled: any;

package/dist/components/table/storybook-helper/custom.argTypes.d.ts

@@ -49,5 +49,16 @@ export interface HelperTableRowsTypeProps {
      *  - DataType & { key: Key }
      */
     key?: Key;
+    /**
+     * selectableRows가 true일 경우 체크박스 비활성화 여부를 제어합니다.
+     *  - DataType & { selectable: boolean }
+     */
+    selectable?: boolean;
+    /**
+     * 체크박스 비활성화 및 row의 비활성화 스타일 여부를 제어합니다.
+     *  - selectable에 우선하므로 disabled 스타일을 적용할 경우 disabled만 지정할 것을 권장드립니다.
+     *  - DataType & { disabled: boolean }
+     */
+    disabled?: boolean;
 }
 export declare const HelperTableRowsType: (props: HelperTableRowsTypeProps) => any;

package/dist/components/table/storybook-helper/sampleData.d.ts

@@ -2,7 +2,9 @@ import { Key } from 'react';
 import { TableColumnsType, TableRowsType } from '../index';
 export interface DataType {
     key?: Key;
+    disabled?: boolean;
     id: number;
+    image?: string;
     name: string;
     engName?: string;
     code: number;
@@ -24,3 +26,4 @@ export declare const selectionRows: TableRowsType<DataType>;
 export declare const selectionRows2: TableRowsType<DataType>;
 export declare const sortColumns: TableColumnsType<DataType>;
 export declare const customRowStyleColumns: TableColumnsType<DataType>;
+export declare const comprehensiveCustomColumns: TableColumnsType<DataType>;

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

@@ -72,6 +72,10 @@ export type TableColumnsType<DataType = unknown> = Array<TableColumnType<DataTyp
 export type TableRowType<DataType> = DataType & {
     key?: Key;
     selectable?: boolean;
+    /**
+     * 테이블 로우의 disabled 여부를 지정합니다. selectable 보다 우선합니다.
+     */
+    disabled?: boolean;
 };
 export type TableRowsType<DataType = unknown> = Array<TableRowType<DataType>>;
 export interface TableState<DataType = unknown> {