/** * ConfigPanelValueInput - 値入力統合コンポーネント * * フィルター設定パネルの値入力部分を統合管理します。 * inputTypeに応じて適切な入力コンポーネント(CheckboxValueInput, RadioValueInput, * DateRangeInput, TextValueInput)をレンダリングします。 * * @example * ```tsx * * ``` */ import React from "react"; import { FilterTypeConfig } from "../types"; export type ConfigPanelValueInputProps = { /** フィルタータイプの設定 */ filterConfig?: FilterTypeConfig; /** 選択中のオペレーター */ operator: string; /** テキスト入力値 */ value: string; /** チェックボックスで選択された値の配列 */ selectedValues: (string | boolean)[]; /** ラジオボタンで選択された値 */ selectedRadioValue: string | boolean; /** 日付範囲の開始日 */ startDate: string; /** 日付範囲の終了日 */ endDate: string; /** テキスト入力値が変更されたときのコールバック */ onValueChange: (value: string) => void; /** チェックボックスの値がトグルされたときのコールバック */ onValueToggle: (value: string | boolean, checked: boolean) => void; /** ラジオボタンの値が変更されたときのコールバック */ onRadioChange: (value: string | boolean) => void; /** 開始日が変更されたときのコールバック */ onStartDateChange: (dateString: string) => void; /** 終了日が変更されたときのコールバック */ onEndDateChange: (dateString: string) => void; /** キーボードイベントのハンドラー */ onKeyDown: (event: React.KeyboardEvent) => void; /** 範囲指定オペレーターかどうかを判定する関数 */ isRangeOperator: (operator: string) => boolean; /** テキスト入力要素への ref(inputType=text 時のみ使用) */ textInputRef?: React.Ref; /** 入力を無効化する */ disabled?: boolean; }; /** * 値入力統合コンポーネント * * フィルター設定に応じて適切な入力コンポーネントを選択してレンダリングします。 */ export declare const ConfigPanelValueInput: React.FC;