@croquiscom/pds 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 3.4.2
+
+### Patch Changes
+
+- e708072: react-aria useFocusRing isFocusVisible 속성 외부 제어 가능하도록 수정
+
+## 3.4.1
+
+### Patch Changes
+
+- f49470b: export되지 않은 Menu 부속 컴포넌트 export 하도록 수정
+
 ## 3.4.0
 
 ### Minor Changes

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { AriaFocusProps } from '../../types/common';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, AriaFocusProps {
     checked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;

package/dist/components/checkbox/CheckboxGroup.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { AlignType } from '../radio';
+import { AriaFocusProps } from '../../types/common';
 interface CheckboxItem<CheckboxValue> {
     label: ReactNode;
     value: CheckboxValue;
@@ -7,7 +8,7 @@ interface CheckboxItem<CheckboxValue> {
     link?: string;
     onClickLink?: (e: CheckboxValue) => void;
 }
-export interface CheckboxGroupProps<CheckboxValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'> {
+export interface CheckboxGroupProps<CheckboxValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'>, AriaFocusProps {
     className?: string;
     defaultValue?: CheckboxValue[];
     value?: CheckboxValue[];

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { DatePickerIconProps } from './DatePickerIcon';
 import { InputBaseProps } from '../input/InputBase';
-export interface DateRangeInputProps extends Omit<InputBaseProps, 'leftAddon' | 'rightAddon' | 'alignment'> {
+import { AriaFocusProps } from '../../types/common';
+export interface DateRangeInputProps extends Omit<InputBaseProps, 'leftAddon' | 'rightAddon' | 'alignment'>, AriaFocusProps {
     fromDate?: string;
     toDate?: string;
     onClickRemoveButton?: () => void;

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { DropdownLabelProps } from './DropdownLabel';
 import { CSSValueWithLength } from '../../styles';
 import { InputSize } from '../input/types';
+import { AriaFocusProps } from '../../types/common';
 export interface DropdownOption<OptionValue> {
     label: ReactNode;
     value: OptionValue;
@@ -42,4 +43,4 @@ export interface DropdownProps<OptionValue> {
     onChange?: (value: OptionValue) => void;
     renderLabel?: (selectedOption: DropdownOption<OptionValue>) => ReactNode;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, renderLabel, }: DropdownProps<OptionValue>) => 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, }: DropdownProps<OptionValue> & AriaFocusProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, renderLabel, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, }: import("./Dropdown").DropdownProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { AriaFocusProps } from '../../types/common';
 import { DropdownProps } from './Dropdown';
 export interface DropdownInputOption<OptionValue> {
     label: string;
@@ -14,4 +15,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     options: Array<DropdownInputOption<OptionValue>>;
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;

package/dist/components/input/Input.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { InputAffixProps } from './InputAffix';
 import { InputBaseProps } from './InputBase';
 export type InputProps = InputBaseProps & InputAffixProps;
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & InputAffixProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & import("../../types/common").AriaFocusProps & InputAffixProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/Input.stories.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & import("../../types/common").AriaFocusProps & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;

package/dist/components/input/InputBase.d.ts

@@ -1,4 +1,5 @@
 import React, { InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+import { AriaFocusProps } from '../../types/common';
 import { InputAffixProps } from './InputAffix';
 import { InputAlignment, InputSize, InputStatus } from './types';
 import { IconProps } from '../icons/generated';
@@ -24,6 +25,6 @@ export interface InputBaseType {
      */
     showCounter?: boolean;
 }
-export type InputBaseProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'size'> & InputBaseType;
+export type InputBaseProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'size'> & InputBaseType & AriaFocusProps;
 export declare const controlledInputValue: (value: any) => string;
-export declare const InputBase: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & InputBaseType & React.RefAttributes<HTMLInputElement>>;
+export declare const InputBase: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & InputBaseType & AriaFocusProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/menu/index.d.ts

@@ -1 +1,3 @@
 export * from './Menu';
+export * from './MenuItem';
+export * from './MenuGroup';

package/dist/components/radio/Radio.d.ts

@@ -1,6 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
 import { RadioItemType } from './RadioGroup';
-export interface RadioProps extends Exclude<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+import { AriaFocusProps } from '../../types/common';
+export interface RadioProps extends Exclude<InputHTMLAttributes<HTMLInputElement>, 'type'>, AriaFocusProps {
     /**
      * @default false
      */

package/dist/components/radio/RadioGroup.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AriaFocusProps } from '../../types/common';
 export type AlignType = 'horizontal' | 'vertical';
 export type RadioItemType = 'default' | 'box';
 interface RadioItem<RadioValue> {
@@ -6,7 +7,7 @@ interface RadioItem<RadioValue> {
     value: RadioValue;
     disabled?: boolean;
 }
-export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'> {
+export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'>, AriaFocusProps {
     className?: string;
     defaultValue?: RadioValue;
     value?: RadioValue;

package/dist/components/textarea/Textarea.d.ts

@@ -1,6 +1,7 @@
 import React, { TextareaHTMLAttributes } from 'react';
+import { AriaFocusProps } from '../../types/common';
 import { SizeProps } from '../../styles';
-export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, SizeProps {
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, SizeProps, AriaFocusProps {
     error?: boolean;
     /**
      * 입력된 value count 노출 여부

package/dist/components/time-picker/TimeRangeInput.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { AriaFocusProps } from '../../types/common';
 import { TimePickerIconProps } from './TimePickerIcon';
 import { InputBaseProps } from '../input/InputBase';
-export interface TimeRangeInputProps extends Omit<InputBaseProps, 'leftAddon' | 'rightAddon' | 'alignment'> {
+export interface TimeRangeInputProps extends Omit<InputBaseProps, 'leftAddon' | 'rightAddon' | 'alignment'>, AriaFocusProps {
     fromTime?: string;
     toTime?: string;
     onClickRemoveButton?: () => void;