@croquiscom/pds 10.8.0 → 10.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 10.9.0
+
+### Minor Changes
+
+- 5fa6d3f: ConfirmModal kind 옵션 추가
+
+## 10.8.1
+
+### Patch Changes
+
+- 99fde0e: Dropdown/DropdownInput 컴포넌트에서 필요한 경우에만 가상스크롤을 사용하도록 enableVirtualScroll prop 추가
+
 ## 10.8.0
 
 ### Minor Changes

package/dist/components/dropdown/Dropdown.d.ts

@@ -42,5 +42,6 @@ export interface DropdownProps<OptionValue> {
     keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
     onChange?: (value: OptionValue) => void;
     renderLabel?: (selectedOption: DropdownOption<OptionValue>) => ReactNode;
+    enableVirtualScroll?: boolean;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, }: DropdownProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, enableVirtualScroll, }: DropdownProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/dropdown/DropdownInput.d.ts

@@ -34,4 +34,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
     optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, enableVirtualScroll, }: DropdownInputProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/dropdown/DropdownOptions.d.ts

@@ -30,5 +30,6 @@ export interface PopoverContentProps<OptionValue> {
     setRefs: (node: HTMLElement | null, index: number) => void;
     isPositioned?: boolean;
     setFocusIndex?: (index: number) => void;
+    enableVirtualScroll?: boolean;
 }
-export declare const DropdownOptions: <OptionValue extends string | number>({ className, zIndex, size: sizeProp, initialFocus, options, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, isPositioned, setFocusIndex, }: PopoverContentProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const DropdownOptions: <OptionValue extends string | number>({ className, zIndex, size: sizeProp, initialFocus, options, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, isPositioned, setFocusIndex, enableVirtualScroll, }: PopoverContentProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/modal/ConfirmModal.d.ts

@@ -2,7 +2,12 @@ import React, { ReactNode } from 'react';
 import { ModalButtonProps } from './Modal';
 import { ModalOverlayBaseProps } from './ModalOverlay';
 import { ModalActionButtonType } from './ModalActionButton';
+import { NotificationKind } from '../notification';
 export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'> {
+    /**
+     * @default info
+     */
+    kind?: NotificationKind;
     title: ReactNode;
     text?: ReactNode;
     subtext?: ReactNode;
@@ -38,7 +43,7 @@ export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'
      */
     onClose?: () => void | Promise<void>;
 }
-export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => React.JSX.Element;
+export declare const ConfirmModal: ({ title, kind, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => React.JSX.Element;
 export declare const StyledText: import("@emotion/styled").StyledComponent<(import("../text").BaseTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)) & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/modal/ConfirmModal.stories.d.ts

@@ -9,3 +9,4 @@ export declare const ContinuosOpen: Story;
 export declare const AutoFocusButtonCustom: Story;
 export declare const DisabledAutoFocusButton: Story;
 export declare const CustomPropsButton: Story;
+export declare const Kind: Story;