@croquiscom/pds 15.13.1 → 15.15.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 15.15.0
+
+### Minor Changes
+
+- f544498: draggable List에서 움직임 영역 부모 크기로 제한
+
+## 15.14.0
+
+### Minor Changes
+
+- 5cff1bf: DataTable > rowExpansion, onExpandRows 옵션 추가
+
 ## 15.13.1
 
 ### Patch Changes

package/dist/components/date-picker/DatePickerMask.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react" />
 export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
+    draggable?: (boolean | "true" | "false") | undefined;
     color?: string | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
@@ -231,7 +232,6 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
     hidden?: boolean | undefined;
     nonce?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;

package/dist/components/list/List.stories.d.ts

@@ -5,4 +5,5 @@ export default meta;
 type Story = StoryObj<typeof List>;
 export declare const Base: Story;
 export declare const Draggable: Story;
+export declare const DraggableOverflow: Story;
 export declare const FullCase: Story;

package/dist/components/list-item/ListItem.d.ts

@@ -8,6 +8,12 @@ export interface ListItemProps<T = string> {
      * @default false
      */
     draggable?: boolean;
+    /**
+    /**
+     * 드래그 오버레이된 항목 여부
+     * @see draggable
+     */
+    draggingOverlay?: boolean;
     /**
      * draggable=true이면, index는 필수값이 된다
      * @see draggable
@@ -32,4 +38,4 @@ export interface ListItemProps<T = string> {
      */
     onPin?: (fixed: boolean, index?: number) => void;
 }
-export declare const ListItem: <T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: ListItemProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ListItem: <T extends string>({ id, isOn, fixed, disabled, text, draggable, draggingOverlay, index, onToggle, onPin, }: ListItemProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/list-item/styles.d.ts

@@ -828,5 +828,5 @@ export declare const getItemStyle: (isDragging: boolean, style?: React.CSSProper
 export declare const item_base_css: import("@emotion/utils").SerializedStyles;
 export declare const pin_base_css: import("@emotion/utils").SerializedStyles;
 export declare const getStylesByPinned: (isFixed: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const getDraggableStyle: (isDragging: boolean, disabled: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const getDraggableStyle: (isDragging: boolean, isDraggingOverlay: boolean, disabled: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const three_bars_base_css: import("@emotion/utils").SerializedStyles;

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

@@ -107,6 +107,15 @@ export interface DataTableProps<DataType> {
      * @default true
      */
     expandableButton?: boolean;
+    /**
+     * 테이블 로우 확장 상태
+     *  - 각 테이블 로우에 고유 key가 존재해야 합니다.
+     */
+    rowExpansion?: Key[];
+    /**
+     * 확장된 로우의 키 리스트를 전달합니다.
+     */
+    onExpandRows?: (expandedRowKeys: Key[]) => void;
     /**
      *  열 하위에 확장된 Row를 렌더링합니다.
      *   - 각 테이블 로우에 고유 key가 존재해야 합니다.

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

@@ -37,4 +37,5 @@ export declare const CustomRowColor: Story;
 export declare const DisabledCellOff: Story;
 export declare const ExpandableRow: Story;
 export declare const ExpandableRowNoButton: Story;
+export declare const BeforehandExpansionByKey: Story;
 export declare const WrapperSticky: Story;

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

@@ -109,6 +109,7 @@ export interface DataTableState<DataType = any> {
     emitSelectedEvent?: boolean;
     autoResetRowSelection?: boolean;
     expandedRows?: Key[];
+    emitExpandedEvent?: boolean;
 }
 export interface SelectRowsAction<DataType> {
     type: 'SELECT_ROWS';
@@ -137,4 +138,9 @@ export interface ExpandedRowAction<DataType> {
     row: DataTableRowType<DataType>;
     expanded: boolean;
 }
-export type DataTableAction<DataType> = SelectRowsAction<DataType> | SelectRowAction<DataType> | SelectControlledRowAction<DataType> | ResetSelectRowsAction | CheckAllSelectedRowsAction<DataType> | ExpandedRowAction<DataType>;
+export interface ExpandControlledRowAction<DataType> {
+    type: 'EXPAND_CONTROLLED_ROW';
+    expandedRows: Key[];
+    rows: DataTableRowsType<DataType>;
+}
+export type DataTableAction<DataType> = SelectRowsAction<DataType> | SelectRowAction<DataType> | SelectControlledRowAction<DataType> | ResetSelectRowsAction | CheckAllSelectedRowsAction<DataType> | ExpandedRowAction<DataType> | ExpandControlledRowAction<DataType>;