p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: use extracted & compressed instead of safe & unsafe

Browse Source
This commit is contained in:
p-sw 2024-05-28 22:21:57 +09:00
parent 7fc2a64d29
commit 8098effc09
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/react/components/Input.tsx
View File

@ -48,14 +48,15 @@ interface InputFrameProps
const InputFrame = React.forwardRef<HTMLLabelElement, InputFrameProps>( const InputFrame = React.forwardRef<HTMLLabelElement, InputFrameProps>(
(props, ref) => { (props, ref) => {
const [variantProps, otherPropsUnsafe] = resolveInputVariantProps(props); const [variantProps, otherPropsCompressed] =
const { children, ...otherPropsSafe } = otherPropsUnsafe; resolveInputVariantProps(props);
const { children, ...otherPropsExtracted } = otherPropsCompressed;
return ( return (
<label <label
ref={ref} ref={ref}
className={`group/input-frame ${inputVariant(variantProps)}`} className={`group/input-frame ${inputVariant(variantProps)}`}
{...otherPropsSafe} {...otherPropsExtracted}
> >
{children} {children}
</label> </label>
@ -85,8 +86,8 @@ interface InputProps
} }
const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => { const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
const [variantProps, otherPropsUnsafe] = resolveInputVariantProps(props); const [variantProps, otherPropsCompressed] = resolveInputVariantProps(props);
const { type, invalid, ...otherPropsSafe } = otherPropsUnsafe; const { type, invalid, ...otherPropsExtracted } = otherPropsCompressed;
const innerRef = React.useRef<HTMLInputElement | null>(null); const innerRef = React.useRef<HTMLInputElement | null>(null);
@ -108,7 +109,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
} }
}} }}
className={inputVariant(variantProps)} className={inputVariant(variantProps)}
{...otherPropsSafe} {...otherPropsExtracted}
/> />
); );
}); });