@croquiscom/pds 15.14.0 → 15.16.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 15.16.0
+
+### Minor Changes
+
+- 0bc2894: List에 dragOverlayZindex 추가
+
+## 15.15.0
+
+### Minor Changes
+
+- f544498: draggable List에서 움직임 영역 부모 크기로 제한
+
 ## 15.14.0
 
 ### Minor 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.d.ts

@@ -6,6 +6,11 @@ export interface ListProps<T = string> {
      * @default false
      */
     draggable?: boolean;
+    /**
+     * 드래그시 오버레이 영역의 z-index 값
+     * @default 1065
+     */
+    dragOverlayZindex?: number;
     /**
      * 드래그될 경우 변경된 items값을 파라미터로 넘겨준다
      * @see draggable
@@ -13,4 +18,4 @@ export interface ListProps<T = string> {
     onChange?: (items: Array<ListItemProps<T>>) => void;
     width?: number;
 }
-export declare const List: <T extends string>({ items, draggable, onChange, width }: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const List: <T extends string>({ items, draggable, dragOverlayZindex, onChange, width, }: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

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;