@teamturing/react-kit 2.53.8 → 2.55.0

package/dist/core/CheckboxGroup/CheckboxGroupOption.d.ts

@@ -0,0 +1,44 @@
+import { ChangeEvent, PropsWithChildren, ReactNode } from 'react';
+import { CheckboxProps } from '../Checkbox';
+type CheckboxGroupOptionProps = {
+    /**
+     * Checkbox의 값
+     */
+    value: string | number | boolean;
+    /**
+     * Label 텍스트 또는 컴포넌트
+     * children이 있으면 children이 우선됨
+     */
+    label?: ReactNode;
+    /**
+     * 이 옵션만 비활성화 (CheckboxGroup의 disabled와 별개)
+     */
+    disabled?: boolean;
+    /**
+     * 개별 onChange 핸들러 (CheckboxGroup의 onChange와 함께 호출됨)
+     */
+    onChange?: (value: string | number | boolean, e: ChangeEvent<HTMLInputElement>) => void;
+} & PropsWithChildren & Omit<CheckboxProps, 'name' | 'checked' | 'onChange' | 'disabled'>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * Checkbox의 값
+     */
+    value: string | number | boolean;
+    /**
+     * Label 텍스트 또는 컴포넌트
+     * children이 있으면 children이 우선됨
+     */
+    label?: ReactNode;
+    /**
+     * 이 옵션만 비활성화 (CheckboxGroup의 disabled와 별개)
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 개별 onChange 핸들러 (CheckboxGroup의 onChange와 함께 호출됨)
+     */
+    onChange?: ((value: string | number | boolean, e: ChangeEvent<HTMLInputElement>) => void) | undefined;
+} & {
+    children?: ReactNode;
+} & Omit<CheckboxProps, "onChange" | "checked" | "disabled" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+export default _default;
+export type { CheckboxGroupOptionProps };

package/dist/core/CheckboxGroup/index.d.ts

@@ -0,0 +1,48 @@
+import { ChangeEventHandler, PropsWithChildren, ReactNode } from 'react';
+import { CheckboxGroupOptionProps } from './CheckboxGroupOption';
+type CheckboxGroupContextValue = {
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    value?: Array<string | number | boolean>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+declare const useCheckboxGroupContext: () => CheckboxGroupContextValue;
+type CheckboxGroupProps = {
+    'name'?: string;
+    'required'?: boolean;
+    'disabled'?: boolean;
+    'value'?: Array<string | number | boolean>;
+    'onChange'?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * CheckboxGroup.Option들을 감싸는 컨테이너 렌더 함수
+     * @example (children) => <Grid gapX={3}>{children}</Grid>
+     */
+    'renderContainer'?: (children: ReactNode) => ReactNode;
+    /**
+     * 각 CheckboxGroup.Option을 감싸는 래퍼 렌더 함수
+     * @example (children, i) => <Grid.Unit size={1/3} key={i}>{children}</Grid.Unit>
+     */
+    'renderItemWrapper'?: (children: ReactNode, index: number) => ReactNode;
+    /**
+     * aria-label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * aria-labelledby for accessibility
+     */
+    'aria-labelledby'?: string;
+} & PropsWithChildren;
+export { useCheckboxGroupContext };
+declare const _default: (({ children, name, required, disabled, value, onChange, renderContainer, renderItemWrapper, ...ariaProps }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element) & {
+    Option: import("react").ForwardRefExoticComponent<{
+        value: string | number | boolean;
+        label?: ReactNode;
+        disabled?: boolean | undefined;
+        onChange?: ((value: string | number | boolean, e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    } & {
+        children?: ReactNode;
+    } & Omit<import("../Checkbox").CheckboxProps, "onChange" | "checked" | "disabled" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export type { CheckboxGroupProps, CheckboxGroupContextValue, CheckboxGroupOptionProps };

package/dist/core/CheckboxOrRadioGroupFormControl/CheckboxOrRadioGroupFormControlCaption.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const CheckboxOrRadioGroupFormControlCaption: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxOrRadioGroupFormControlCaption;
+export type { Props as CheckboxOrRadioGroupFormControlCaptionProps };

package/dist/core/CheckboxOrRadioGroupFormControl/CheckboxOrRadioGroupFormControlErrorMessage.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const CheckboxOrRadioGroupFormControlErrorMessage: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxOrRadioGroupFormControlErrorMessage;
+export type { Props as CheckboxOrRadioGroupFormControlErrorMessageProps };

package/dist/core/CheckboxOrRadioGroupFormControl/CheckboxOrRadioGroupFormControlLabel.d.ts

@@ -0,0 +1,8 @@
+import { SxProp } from '@teamturing/react-kit';
+import { PropsWithChildren } from 'react';
+type Props = {
+    visuallyHidden?: boolean;
+} & SxProp;
+declare const CheckboxOrRadioGroupFormControlLabel: ({ children, visuallyHidden, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxOrRadioGroupFormControlLabel;
+export type { Props as CheckboxOrRadioGroupFormControlLabelProps };

package/dist/core/CheckboxOrRadioGroupFormControl/CheckboxOrRadioGroupFormControlSuccessMessage.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const CheckboxOrRadioGroupFormControlSuccessMessage: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxOrRadioGroupFormControlSuccessMessage;
+export type { Props as CheckboxOrRadioGroupFormControlSuccessMessageProps };

package/dist/core/CheckboxOrRadioGroupFormControl/CheckboxOrRadioGroupFormControlTooltipIcon.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { StyledIconProps } from '../StyledIcon';
+import { TooltipProps } from '../Tooltip';
+type Props = {} & Partial<StyledIconProps> & Pick<TooltipProps, 'text' | 'direction'>;
+declare const CheckboxOrRadioGroupFormControlTooltipIcon: ({ text, direction, icon, size, color, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxOrRadioGroupFormControlTooltipIcon;
+export type { Props as CheckboxOrRadioGroupFormControlTooltipIconProps };

package/dist/core/CheckboxOrRadioGroupFormControl/index.d.ts

@@ -0,0 +1,61 @@
+import { SxProp } from '@teamturing/react-kit';
+import { PropsWithChildren } from 'react';
+import { CheckboxOrRadioGroupFormControlCaptionProps } from './CheckboxOrRadioGroupFormControlCaption';
+import { CheckboxOrRadioGroupFormControlErrorMessageProps } from './CheckboxOrRadioGroupFormControlErrorMessage';
+import { CheckboxOrRadioGroupFormControlLabelProps } from './CheckboxOrRadioGroupFormControlLabel';
+import { CheckboxOrRadioGroupFormControlSuccessMessageProps } from './CheckboxOrRadioGroupFormControlSuccessMessage';
+import { CheckboxOrRadioGroupFormControlTooltipIconProps } from './CheckboxOrRadioGroupFormControlTooltipIcon';
+type Props = {
+    /**
+     * `CheckboxOrRadioGroupFormControl`의 ID입니다. `Label`, `Caption`과 연결짓기 위해 사용합니다.
+     */
+    id?: string;
+    /**
+     * 사용자의 입력을 허용할지에 대한 여부입니다.
+     */
+    disabled?: boolean;
+    /**
+     * 사용자의 입력을 필요로 하는지에 대한 여부입니다.
+     * @default true
+     */
+    required?: boolean;
+} & SxProp;
+type CheckboxOrRadioGroupFormControlFieldProps = {
+    name: string;
+    label: string;
+    caption?: string;
+};
+type CheckboxOrRadioGroupFormControlContextValue = {} & Props;
+declare const CheckboxOrRadioGroupFormControlContext: import("react").Context<CheckboxOrRadioGroupFormControlContextValue>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * `CheckboxOrRadioGroupFormControl`의 ID입니다. `Label`, `Caption`과 연결짓기 위해 사용합니다.
+     */
+    id?: string | undefined;
+    /**
+     * 사용자의 입력을 허용할지에 대한 여부입니다.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 사용자의 입력을 필요로 하는지에 대한 여부입니다.
+     * @default true
+     */
+    required?: boolean | undefined;
+} & SxProp & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Label: ({ children, visuallyHidden, ...props }: PropsWithChildren<CheckboxOrRadioGroupFormControlLabelProps>) => import("react/jsx-runtime").JSX.Element;
+    Caption: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ErrorMessage: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SuccessMessage: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TooltipIcon: ({ text, direction, icon, size, color, ...props }: PropsWithChildren<CheckboxOrRadioGroupFormControlTooltipIconProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export { CheckboxOrRadioGroupFormControlContext };
+export type { Props as CheckboxOrRadioGroupFormControlProps, CheckboxOrRadioGroupFormControlFieldProps, CheckboxOrRadioGroupFormControlContextValue, CheckboxOrRadioGroupFormControlCaptionProps, CheckboxOrRadioGroupFormControlErrorMessageProps, CheckboxOrRadioGroupFormControlLabelProps, CheckboxOrRadioGroupFormControlSuccessMessageProps, CheckboxOrRadioGroupFormControlTooltipIconProps, };

package/dist/core/RadioGroup/RadioGroupOption.d.ts

@@ -0,0 +1,44 @@
+import { ChangeEvent, PropsWithChildren, ReactNode } from 'react';
+import { RadioProps } from '../Radio';
+type RadioGroupOptionProps = {
+    /**
+     * Radio의 값
+     */
+    value: string | number | boolean;
+    /**
+     * Label 텍스트 또는 컴포넌트
+     * children이 있으면 children이 우선됨
+     */
+    label?: ReactNode;
+    /**
+     * 이 옵션만 비활성화 (RadioGroup의 disabled와 별개)
+     */
+    disabled?: boolean;
+    /**
+     * 개별 onChange 핸들러 (RadioGroup의 onChange와 함께 호출됨)
+     */
+    onChange?: (value: string | number | boolean, e: ChangeEvent<HTMLInputElement>) => void;
+} & PropsWithChildren & Omit<RadioProps, 'name' | 'checked' | 'onChange' | 'disabled'>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * Radio의 값
+     */
+    value: string | number | boolean;
+    /**
+     * Label 텍스트 또는 컴포넌트
+     * children이 있으면 children이 우선됨
+     */
+    label?: ReactNode;
+    /**
+     * 이 옵션만 비활성화 (RadioGroup의 disabled와 별개)
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 개별 onChange 핸들러 (RadioGroup의 onChange와 함께 호출됨)
+     */
+    onChange?: ((value: string | number | boolean, e: ChangeEvent<HTMLInputElement>) => void) | undefined;
+} & {
+    children?: ReactNode;
+} & Omit<RadioProps, "onChange" | "checked" | "disabled" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+export default _default;
+export type { RadioGroupOptionProps };

package/dist/core/RadioGroup/index.d.ts

@@ -0,0 +1,48 @@
+import { ChangeEventHandler, PropsWithChildren, ReactNode } from 'react';
+import { RadioGroupOptionProps } from './RadioGroupOption';
+type RadioGroupContextValue = {
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    value?: string | number | boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+declare const useRadioGroupContext: () => RadioGroupContextValue;
+type RadioGroupProps = {
+    'name'?: string;
+    'required'?: boolean;
+    'disabled'?: boolean;
+    'value'?: string | number | boolean;
+    'onChange'?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * RadioGroup.Option들을 감싸는 컨테이너 렌더 함수
+     * @example (children) => <Grid gapX={3}>{children}</Grid>
+     */
+    'renderContainer'?: (children: ReactNode) => ReactNode;
+    /**
+     * 각 RadioGroup.Option을 감싸는 래퍼 렌더 함수
+     * @example (children, i) => <Grid.Unit size={1/3} key={i}>{children}</Grid.Unit>
+     */
+    'renderItemWrapper'?: (children: ReactNode, index: number) => ReactNode;
+    /**
+     * aria-label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * aria-labelledby for accessibility
+     */
+    'aria-labelledby'?: string;
+} & PropsWithChildren;
+export { useRadioGroupContext };
+declare const _default: (({ children, name, required, disabled, value, onChange, renderContainer, renderItemWrapper, ...ariaProps }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element) & {
+    Option: import("react").ForwardRefExoticComponent<{
+        value: string | number | boolean;
+        label?: ReactNode;
+        disabled?: boolean | undefined;
+        onChange?: ((value: string | number | boolean, e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    } & {
+        children?: ReactNode;
+    } & Omit<import("../Radio").RadioProps, "onChange" | "checked" | "disabled" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export type { RadioGroupProps, RadioGroupContextValue, RadioGroupOptionProps };