refactor(SearchInput)!: decorators属性を削除しIntlProviderのみを使用 (#6237)

Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: AtsushiM

packages/smarthr-ui/src/components/Input/SearchInput/SearchInput.tsx

@@ -1,10 +1,4 @@
-import {
-  type ComponentProps,
-  type ComponentPropsWithoutRef,
-  type ReactNode,
-  forwardRef,
-  useMemo,
-} from 'react'
+import { type ComponentProps, type ReactNode, forwardRef, useMemo } from 'react'
 import { tv } from 'tailwind-variants'
 
 import { InputWithTooltip } from '../InputWithTooltip'
@@ -14,7 +8,6 @@ import { SearchInputIcon } from './SearchInputIcon'
 type Props = Omit<ComponentProps<typeof InputWithTooltip>, 'tooltipMessage' | 'prefix'> & {
   /** 入力欄の説明を紐付けるツールチップに表示するメッセージ */
   tooltipMessage: ReactNode
-  decorators?: ComponentPropsWithoutRef<typeof SearchInputIcon>['decorators']
 }
 
 const classNameGenerator = tv({
@@ -33,7 +26,7 @@ const classNameGenerator = tv({
 })
 
 export const SearchInput = forwardRef<HTMLInputElement, Props>(
-  ({ decorators, width, className, ...rest }, ref) => {
+  ({ width, className, ...rest }, ref) => {
     const labelStyle = useMemo(
       () => ({
         width: typeof width === 'number' ? `${width}px` : width,
@@ -54,7 +47,7 @@ export const SearchInput = forwardRef<HTMLInputElement, Props>(
         <InputWithTooltip
           {...rest}
           ref={ref}
-          prefix={<SearchInputIcon decorators={decorators} />}
+          prefix={<SearchInputIcon />}
           className={classNames.input}
         />
       </label>

packages/smarthr-ui/src/components/Input/SearchInput/SearchInputIcon.tsx

@@ -2,30 +2,20 @@
 
 import { useMemo } from 'react'
 
-import { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'
 import { useIntl } from '../../../intl'
 import { FaMagnifyingGlassIcon } from '../../Icon'
 
-type Props = {
-  decorators?: DecoratorsType<DecoratorKeyTypes>
-}
-
-type DecoratorKeyTypes = 'iconAlt'
-
-export const SearchInputIcon = ({ decorators }: Props) => {
+export const SearchInputIcon = () => {
   const { localize } = useIntl()
 
-  const decoratorDefaultTexts = useMemo(
-    () => ({
-      iconAlt: localize({
+  const iconAlt = useMemo(
+    () =>
+      localize({
         id: 'smarthr-ui/SearchInput/iconAlt',
         defaultText: '検索',
       }),
-    }),
     [localize],
   )
 
-  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)
-
-  return <FaMagnifyingGlassIcon alt={decorated.iconAlt} color="TEXT_GREY" />
+  return <FaMagnifyingGlassIcon alt={iconAlt} color="TEXT_GREY" />
 }