ingred-ui 33.7.0 → 33.9.0-canary.1

package/dist/components/AdvancedFilter/internal/CheckboxValueInput.d.ts

@@ -25,6 +25,7 @@ export type CheckboxValueInputProps = {
     selectedValues: (string | boolean)[];
     /** チェックボックスの状態が変更されたときのコールバック */
     onValueToggle: (value: string | boolean, checked: boolean) => void;
+    disabled?: boolean;
 };
 /**
  * チェックボックス形式の値入力コンポーネント

package/dist/components/AdvancedFilter/internal/ConfigPanelValueInput.d.ts

@@ -58,6 +58,8 @@ export type ConfigPanelValueInputProps = {
     isRangeOperator: (operator: string) => boolean;
     /** テキスト入力要素への ref（inputType=text 時のみ使用） */
     textInputRef?: React.Ref<HTMLInputElement>;
+    /** 入力を無効化する */
+    disabled?: boolean;
 };
 /**
  * 値入力統合コンポーネント

package/dist/components/AdvancedFilter/internal/RadioValueInput.d.ts

@@ -25,6 +25,7 @@ export type RadioValueInputProps = {
     selectedRadioValue: string | boolean;
     /** ラジオボタンの選択が変更されたときのコールバック */
     onRadioChange: (value: string | boolean) => void;
+    disabled?: boolean;
 };
 /**
  * ラジオボタン形式の値入力コンポーネント

package/dist/components/AdvancedFilter/internal/TextValueInput.d.ts

@@ -39,6 +39,7 @@ export type TextValueInputProps = {
     format?: string;
     /** テキスト入力要素への ref（inputType=text 時のみ使用） */
     inputRef?: React.Ref<HTMLInputElement>;
+    disabled?: boolean;
 };
 /**
  * テキスト/日付入力コンポーネント

package/dist/components/AdvancedFilter/types.d.ts

@@ -104,6 +104,14 @@ export type MultiFilterConditionConfig = {
      * - false: 任意（空でも適用可能）
      */
     required?: boolean;
+    /**
+     * 他条件の選択値に応じてこの条件を活性化する。
+     * 未指定時は常に活性。指定時は参照条件の値が values のいずれかと一致したときのみ活性。
+     */
+    enabledWhen?: {
+        conditionKey: string;
+        values: (string | boolean)[];
+    };
     /** カスタムオペレーター関数 */
     customOperator?: (filterValues: (string | boolean)[], operator?: string, currentValue?: unknown) => boolean;
     /** カスタムバリデーション関数 */

package/dist/components/AdvancedFilter/utils/helpers.d.ts

@@ -137,6 +137,16 @@ export declare const getMultiConditionLogic: (filterConfig?: FilterTypeConfig) =
  * 条件キーから条件設定を取得する
  */
 export declare const getConditionConfigByKey: (filterConfig: FilterTypeConfig | undefined, conditionKey: string) => MultiFilterConditionConfig | undefined;
+/**
+ * enabledWhen により条件入力が非活性かどうかを判定する
+ */
+export declare const isConditionDisabledByDependency: (conditionConfig: MultiFilterConditionConfig, conditions: Array<{
+    conditionKey: string;
+    operator: string;
+    value: string;
+    selectedValues: (string | boolean)[];
+    selectedRadioValue: string | boolean;
+}>, filterConfig?: FilterTypeConfig) => boolean;
 /**
  * 条件設定のデフォルトオペレーターを取得する
  * defaultOperatorがoperatorsに存在しない場合はエラーを投げる

package/dist/components/FilterComboBox/FilterComboBox.d.ts

@@ -16,6 +16,35 @@ type FilterTagInputProps = {
     tagVariant?: FilterVariant;
     searchPlaceholder?: string;
     noResultsMessage?: string;
+    /**
+     * 検索語が入力されるまで候補リストを描画しない
+     * 候補が大量にある場合に、開いた瞬間の全件描画を避けるためのオプション。
+     * @default false
+     */
+    showOptionsOnlyWhenSearching?: boolean;
+    /**
+     * showOptionsOnlyWhenSearching=true かつ検索語が空のときに表示する案内文言
+     * @default "キーワードを入力してください"
+     */
+    searchPromptMessage?: string;
+    /**
+     * 候補の絞り込みをコンポーネント内で行うか。
+     * false にすると getFilteredOptions をスキップし、親から渡された options を
+     * そのまま描画する（サーバ検索など、親が options を供給するケース向け）。
+     * @default true
+     */
+    filterLocally?: boolean;
+    /**
+     * 検索語が変わるたびに呼ばれる。サーバ検索する親側で debounce する想定。
+     * filterLocally=false と組み合わせて使う。
+     */
+    onSearchChange?: (searchTerm: string) => void;
+    /**
+     * 検索結果を取得中かどうか。true の間は候補の代わりにローディングを表示する。
+     * サーバ検索（filterLocally=false）と組み合わせて使う。
+     * @default false
+     */
+    isLoading?: boolean;
     disabled?: boolean;
     applyButtonText?: string;
     cancelButtonText?: string;
@@ -31,5 +60,5 @@ type FilterTagInputProps = {
      */
     middleware?: Middleware[];
 };
-export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: FilterTagInputProps) => React.JSX.Element;
+export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, showOptionsOnlyWhenSearching, searchPromptMessage, filterLocally, onSearchChange, isLoading, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: FilterTagInputProps) => React.JSX.Element;
 export {};

package/dist/components/FilterComboBox/styled.d.ts

@@ -47,6 +47,7 @@ export declare const StyledContextMenu2TextInputItem: import("styled-components/
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
 }, "$insetFocusRingPadding">>> & string;
+export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const SearchHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const SearchInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const SearchResetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

package/dist/components/Select2/types.d.ts

@@ -106,6 +106,18 @@ export type Select2Props = {
      * @default "オプションがありません"
      */
     noResultsMessage?: string;
+    /**
+     * 検索語が入力されるまで候補リストを描画しない
+     * 候補が大量にある場合に、開いた瞬間の全件描画を避けるためのオプション。
+     * searchable=true が前提（検索窓がないと候補を表示できないため）。
+     * @default false
+     */
+    showOptionsOnlyWhenSearching?: boolean;
+    /**
+     * showOptionsOnlyWhenSearching=true かつ検索語が空のときに表示する案内文言
+     * @default "キーワードを入力してください"
+     */
+    searchPromptMessage?: string;
     /**
      * エラー状態
      * @default false