@croquiscom/pds 0.47.5 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 1.0.1
+
+### Patch Changes
+
+- 601813a: Table Cell 스타일 커스텀 기능 추가
+
+## 1.0.0
+
+### Major Changes
+
+- 6c523d9: Provider Context config 컴포넌트 속성 제공
+
 ## 0.47.5
 
 ### Patch Changes

package/dist/components/file-upload/FileUpload.d.ts

@@ -16,6 +16,7 @@ export interface FileUploadProps {
     label?: ReactNode;
     /**
      * HTMLInputElement['accept']
+     * @default image/*
      */
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;

package/dist/components/provider/Provider.d.ts

@@ -1,8 +1,15 @@
 import React, { PropsWithChildren } from 'react';
 import { ko } from '../../locales/ko';
-type ProviderConfig = {
-    locale: typeof ko;
-};
+import { ModalProps } from '../modal';
+import { PaginationProps } from '../pagination';
+export interface CommonComponentProps {
+    modal?: Pick<ModalProps, 'fill' | 'dense'>;
+    pagination?: Pick<PaginationProps, 'siblingCount' | 'showArrowButton'>;
+}
+export interface ProviderConfig {
+    locale?: typeof ko;
+    components?: CommonComponentProps;
+}
 export declare const defaultProviderConfig: {
     current: ProviderConfig;
 };
@@ -12,4 +19,3 @@ export declare const providerContext: React.Context<ProviderConfig>;
 export type ProviderProps = ProviderConfig;
 export declare const useProviderConfig: () => ProviderConfig;
 export declare const Provider: ({ children, ...props }: PropsWithChildren<ProviderProps>) => JSX.Element;
-export {};

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

@@ -55,8 +55,9 @@ export interface TableProps<DataType> {
      */
     noDataText?: ReactNode;
     /**
-     * 테이블 로우 호버 스타일 사용 유무, 스펙아웃될 예정입니다.
-     *   - rowspan to highlight all relevant rows 이슈 처리전 임시 props
+     * 테이블 로우 호버 스타일 사용 유무
+     *   - column cellAttributes 스타일 커스텀시 로우 전체 호버 스타일을 제한할 수 있습니다.
+     *   - rowspan to highlight all relevant rows 이슈 처리전 임시 props으로 사용할 수 있습니다.
      * @default true
      */
     cellHoverStyle?: boolean;

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

@@ -10,6 +10,7 @@ export declare const Base: any;
 export declare const ColumnAlignAndWidth: any;
 export declare const CustomColumnCell: any;
 export declare const CustomRowCell: any;
+export declare const CustomRowCellStyle: any;
 export declare const Loading: any;
 export declare const NoData: any;
 export declare const CustomNoDataText: any;

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

@@ -22,3 +22,4 @@ export declare const RowSpanRows: TableRowsType<DataType>;
 export declare const fixedColumns: TableColumnsType<DataType>;
 export declare const selectionRows: TableRowsType<DataType>;
 export declare const sortColumns: TableColumnsType<DataType>;
+export declare const customRowStyleColumns: TableColumnsType<DataType>;

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

@@ -1,4 +1,5 @@
 import { Key, ReactNode, TdHTMLAttributes } from 'react';
+import { CSSObject } from '@emotion/styled';
 import { CSSValueWithLength } from '../../styles';
 export type SortDirection = 'asc' | 'desc' | 'default';
 export type ColumnAlign = 'left' | 'right' | 'center';
@@ -7,10 +8,12 @@ export type Scroll = {
     y?: CSSValueWithLength;
 };
 export type CellValue<Value = any> = Value;
-export type RowSelectState<DataType> = ((row: DataType) => boolean) | Array<Key> | null;
-export type CellAttributesProps<DataType> = (row: DataType, index?: number) => Pick<TdHTMLAttributes<any>, 'rowSpan'> & {
+export type CellAttributes = {
     hidden?: boolean;
+    style?: CSSObject;
 };
+export type RowSelectState<DataType> = ((row: DataType) => boolean) | Array<Key> | null;
+export type CellAttributesProps<DataType> = (row: DataType, index?: number) => Pick<TdHTMLAttributes<any>, 'rowSpan'> & CellAttributes;
 export type CellProps<DataType> = ({ row, value, index, }: {
     row: DataType;
     value: CellValue<any>;