@croquiscom/pds 4.7.5 → 4.8.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @croquiscom/pds
 
+## 4.8.1
+
+### Patch Changes
+
+- ccb4eb9: DateRangePicker RadioGroup props에 disabled값 추가
+
+## 4.8.0
+
+### Minor Changes
+
+- 9d50e02: 톡스토어 아이콘 추가
+- 7006400: Add resize functionality to table columns.
+
 ## 4.7.5
 
 ### Patch Changes

package/assets/icons/BoxTalkstore.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.6667 2H5.33333C3.49238 2 2 3.49238 2 5.33333V18.6667C2 20.5076 3.49238 22 5.33333 22H18.6667C20.5076 22 22 20.5076 22 18.6667V5.33333C22 3.49238 20.5076 2 18.6667 2Z" fill="#FBE104"/>
+<path d="M5.87497 5.99927H9.12497V9.99927C9.12497 10.8277 8.39743 11.5411 7.49997 11.5411C6.60251 11.5411 5.87497 10.8277 5.87497 9.99927V5.99927Z" fill="#3C1E1E"/>
+<path d="M10.375 5.99927H13.625V9.99927C13.625 10.8277 12.8974 11.5411 12 11.5411C11.1025 11.5411 10.375 10.8277 10.375 9.99927V5.99927Z" fill="#3C1E1E"/>
+<path d="M14.875 5.99927H18.125V9.99927C18.125 10.8277 17.3974 11.5411 16.5 11.5411C15.6025 11.5411 14.875 10.8277 14.875 9.99927V5.99927Z" fill="#3C1E1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.49997 12.5942V18.2494H17.5V12.5942C17.1872 12.7047 16.8506 12.7649 16.5 12.7649C15.604 12.7649 14.7997 12.3721 14.25 11.7493C13.7003 12.3721 12.896 12.7649 12 12.7649C11.104 12.7649 10.2997 12.3721 9.74997 11.7493C9.20026 12.3721 8.39599 12.7649 7.49997 12.7649C7.14933 12.7649 6.81275 12.7047 6.49997 12.5942ZM14.625 16.4993V14.4993H13.875V16.4993H14.625Z" fill="#3C1E1E"/>
+</svg>

package/dist/components/icons/generated/BoxTalkstore.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxTalkstore: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxTalkstore;

package/dist/components/icons/generated/index.d.ts

@@ -39,6 +39,7 @@ export { default as IconBoxKorea } from './BoxKorea';
 export { default as IconBoxMystore } from './BoxMystore';
 export { default as IconBoxPosty } from './BoxPosty';
 export { default as IconBoxReturn } from './BoxReturn';
+export { default as IconBoxTalkstore } from './BoxTalkstore';
 export { default as IconBoxUsa } from './BoxUsa';
 export { default as IconBoxX } from './BoxX';
 export { default as IconBoxZigzag } from './BoxZigzag';

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

@@ -66,6 +66,12 @@ export interface TableProps<DataType> {
      * @default '데이터가 없습니다'
      */
     noDataText?: ReactNode;
+    /**
+     * 테이블의 컬럼 리사이즈 활성화 여부
+     *   - width값 지정된 컬럼은 resize가 불가합니다.
+     * @default false
+     */
+    resize?: boolean;
     /**
      * 테이블 로우 호버 스타일 사용 유무
      *   - column cellAttributes 스타일 커스텀시 로우 전체 호버 스타일을 제한할 수 있습니다.

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

@@ -12,6 +12,7 @@ export declare const CustomColumnCell: any;
 export declare const CustomRowCell: any;
 export declare const CustomRowCellStyle: any;
 export declare const Loading: any;
+export declare const Resize: any;
 export declare const NoData: any;
 export declare const CustomNoDataText: any;
 export declare const ColumnGroup: any;

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

@@ -9,6 +9,7 @@ interface TableColProps extends TableColumnBase {
     stickyHeader?: boolean;
     sortBy?: string;
     sortDirection?: SortDirection;
+    resize?: boolean;
     onClick?: (sortBy: string) => void;
 }
 export declare const TableCol: React.ForwardRefExoticComponent<TableColProps & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { SelectRowsAction, TableRowsType } from './types';
 import { TableProps } from './Table';
-export interface TableHeaderProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows'> {
+export interface TableHeaderProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows' | 'resize'> {
     allSelected?: boolean;
     selectedRows?: TableRowsType<DataType>;
     onSelectedRows?: (action: SelectRowsAction<DataType>) => void;
 }
-export declare const TableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, onSelectedRows, onSortBy, }: TableHeaderProps<DataType>) => JSX.Element;
+export declare const TableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, resize, onSelectedRows, onSortBy, }: TableHeaderProps<DataType>) => JSX.Element;

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { TableProps } from './Table';
 import { TableRowsType, SelectRowAction } from './types';
-interface TableRowsProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle'> {
+interface TableRowsProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle' | 'resize'> {
     tableContainerAttribute: number;
     allSelected?: boolean;
     selectedRows?: TableRowsType<DataType>;
     onSelectedRow?: (action: SelectRowAction<DataType>) => void;
 }
-export declare const TableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, tableContainerAttribute, onSelectedRow, }: TableRowsProps<DataType>) => JSX.Element;
+export declare const TableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, tableContainerAttribute, resize, onSelectedRow, }: TableRowsProps<DataType>) => JSX.Element;
 export {};