ingred-ui 31.0.4 → 31.0.6

package/dist/components/AdvancedFilter/hooks/useConfigPanelTextInputFocus.d.ts

@@ -0,0 +1,15 @@
+/**
+ * useConfigPanelTextInputFocus - ConfigPanel 表示時のテキスト入力フォーカス
+ *
+ * パネルが位置確定したタイミングで、テキスト入力欄にフォーカスを当てます。
+ * 同一セッション内のオペレーター変更では再フォーカスしません。
+ */
+/// <reference types="react" />
+export type UseConfigPanelTextInputFocusProps = {
+    isOpen: boolean;
+    isPositioned: boolean;
+    focusSessionKey: string;
+    shouldFocus: boolean;
+    textInputRef: React.RefObject<HTMLInputElement | null>;
+};
+export declare const useConfigPanelTextInputFocus: ({ isOpen, isPositioned, focusSessionKey, shouldFocus, textInputRef, }: UseConfigPanelTextInputFocusProps) => void;

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

@@ -56,6 +56,8 @@ export type ConfigPanelValueInputProps = {
     onKeyDown: (event: React.KeyboardEvent) => void;
     /** 範囲指定オペレーターかどうかを判定する関数 */
     isRangeOperator: (operator: string) => boolean;
+    /** テキスト入力要素への ref（inputType=text 時のみ使用） */
+    textInputRef?: React.Ref<HTMLInputElement>;
 };
 /**
  * 値入力統合コンポーネント

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

@@ -10,5 +10,6 @@ export type MultiConditionInputProps = {
     filterConfig?: FilterTypeConfig;
     multiConditionState: UseMultiConditionStateReturn;
     onKeyDown: (event: React.KeyboardEvent) => void;
+    textInputRef?: React.Ref<HTMLInputElement>;
 };
 export declare const MultiConditionInput: React.FC<MultiConditionInputProps>;

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

@@ -37,6 +37,8 @@ export type TextValueInputProps = {
     onKeyDown?: (event: React.KeyboardEvent) => void;
     /** 日付の表示フォーマット（inputType=date時、dayjsのformat形式） @default YYYY-MM-DD */
     format?: string;
+    /** テキスト入力要素への ref（inputType=text 時のみ使用） */
+    inputRef?: React.Ref<HTMLInputElement>;
 };
 /**
  * テキスト/日付入力コンポーネント

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

@@ -168,6 +168,7 @@ export type AdvancedFilterConfigPanelProps = {
     onApply: (config: FilterConfig) => void;
     onCancel: () => void;
     editingFilter?: {
+        id?: string;
         operator: string;
         values: (string | boolean)[];
         conditions?: FilterCondition[];

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

@@ -150,3 +150,13 @@ export declare const getConditionPlaceholder: (conditionConfig: MultiFilterCondi
  * 条件設定の範囲指定オペレーターかどうかを判定
  */
 export declare const isConditionRangeOperator: (conditionConfig: MultiFilterConditionConfig, operator: string) => boolean;
+type ConditionForTextFocus = {
+    id: string;
+    conditionKey: string;
+    operator: string;
+};
+/**
+ * 複数条件モードで最初のテキスト入力条件の ID を取得する
+ */
+export declare const getFirstTextConditionId: (filterConfig: FilterTypeConfig | undefined, conditions: ConditionForTextFocus[]) => string | null;
+export {};

package/dist/components/DateField/DateField2/useDateField2.d.ts

@@ -33,6 +33,7 @@ export declare const useDateField2: ({ date, format, disabled, onDateChange, }:
         spellCheck?: undefined;
         autoCorrect?: undefined;
         style?: undefined;
+        "aria-label"?: undefined;
         onFocus?: undefined;
         onBlur?: undefined;
         onKeyDown?: undefined;
@@ -52,6 +53,7 @@ export declare const useDateField2: ({ date, format, disabled, onDateChange, }:
         style: {
             caretColor: "transparent";
         };
+        "aria-label": "日" | "月" | "年" | undefined;
         onFocus: () => void;
         onBlur: (e: React.FocusEvent) => void;
         onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;

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

@@ -59,6 +59,16 @@ export type DropdownButtonProps = {
      * - アイコン + テキスト: スピナー + ローディングテキストを表示（`true`の場合はデフォルトで"Loading..."）
      */
     loading?: boolean | string;
+    /**
+     * ドロップダウンメニューを開くトグルボタンに付ける accessible name。
+     * - split=true のときの分割トリガー（矢印のみのボタン）
+     * - 単一トリガーが children を持たないとき（アイコンのみ／ローディング中）
+     * のフォールバックとして使用されます。split モードのメインボタン (左側
+     * の onClick 用ボタン) には適用されないので、そちらが icon-only になる
+     * 場合は呼び出し側で `children` か aria-label を渡してください。
+     * @default "メニューを開く"
+     */
+    toggleAriaLabel?: string;
 };
 export type DropdownButtonSizeConfig = {
     arrowIconSize: number;

package/dist/components/LoadingBar/LoadingBar.d.ts

@@ -1,2 +1,2 @@
-declare const LoadingBar: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+declare const LoadingBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, "role" | "aria-busy" | "aria-label"> & Partial<Pick<any, "role" | "aria-busy" | "aria-label">>> & string;
 export default LoadingBar;

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

@@ -45,6 +45,10 @@ export type SliderProps = {
      * Additional inline styles.
      */
     style?: React.CSSProperties;
+    /**
+     * Accessible name for the slider. Use this when the slider has no visible label.
+     */
+    "aria-label"?: string;
     /**
      * ID of the element that labels the slider.
      */

package/dist/components/TimeField/useTimeField2.d.ts

@@ -32,6 +32,7 @@ export declare const useTimeField2: ({ time, disabled, onTimeChange, }: Props) =
         spellCheck?: undefined;
         autoCorrect?: undefined;
         style?: undefined;
+        "aria-label"?: undefined;
         onFocus?: undefined;
         onBlur?: undefined;
         onKeyDown?: undefined;
@@ -51,6 +52,7 @@ export declare const useTimeField2: ({ time, disabled, onTimeChange, }: Props) =
         style: {
             caretColor: "transparent";
         };
+        "aria-label": string;
         onFocus: () => void;
         onBlur: (e: React.FocusEvent) => void;
         onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;

package/dist/components/WeekTime/internal/WeekTimeElement/WeekTimeElement.d.ts

@@ -6,6 +6,13 @@ export type WeekTimeElementProps = {
         active: boolean;
         hover: boolean;
     } & React.HTMLAttributes<HTMLButtonElement | HTMLSpanElement>>;
+    /**
+     * インタラクティブなセル（button）として描画される場合は true。
+     * 読み取り専用（span）として描画される場合は false。
+     * span に aria-label / aria-pressed を付与すると axe の aria-prohibited-attr に該当するため、
+     * インタラクティブな場合のみ付与する。
+     */
+    interactive?: boolean;
     isWithinHoverRange?: (weekIndex: number, timeIndex: number) => boolean;
     onMouseOver?: (weekIndex: number, timeIndex: number) => void;
     onMouseDown?: (weekIndex: number, timeIndex: number, time: string) => void;