ingred-ui 31.0.3 → 31.0.5

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/Badge/styled.d.ts

@@ -2,5 +2,4 @@ export declare const TextWrapper: import("styled-components/dist/types").IStyled
 export declare const NormalBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const PillBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const SignalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const SignalDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -10,9 +10,9 @@ export declare const BADGE_SIZE: {
         pillHeight: string;
         gap: string;
         padding: (theme: Theme) => string;
-        signalPadding: (theme: Theme) => string;
-        signalGap: (theme: Theme) => string;
-        dotSize: string;
+        signalPaddingLeft: string;
+        signalPaddingRight: string;
+        dotSize: number;
         fontSize: string;
     };
     small: {
@@ -21,9 +21,9 @@ export declare const BADGE_SIZE: {
         pillHeight: string;
         gap: string;
         padding: (theme: Theme) => string;
-        signalPadding: (theme: Theme) => string;
-        signalGap: (theme: Theme) => string;
-        dotSize: string;
+        signalPaddingLeft: string;
+        signalPaddingRight: string;
+        dotSize: number;
         fontSize: string;
     };
     medium: {
@@ -32,9 +32,9 @@ export declare const BADGE_SIZE: {
         pillHeight: string;
         gap: string;
         padding: (theme: Theme) => string;
-        signalPadding: (theme: Theme) => string;
-        signalGap: (theme: Theme) => string;
-        dotSize: string;
+        signalPaddingLeft: string;
+        signalPaddingRight: string;
+        dotSize: number;
         fontSize: string;
     };
 };