ingred-ui 31.0.4 → 31.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AdvancedFilter/hooks/useConfigPanelTextInputFocus.d.ts +15 -0
- package/dist/components/AdvancedFilter/internal/ConfigPanelValueInput.d.ts +2 -0
- package/dist/components/AdvancedFilter/internal/MultiConditionInput.d.ts +1 -0
- package/dist/components/AdvancedFilter/internal/TextValueInput.d.ts +2 -0
- package/dist/components/AdvancedFilter/types.d.ts +1 -0
- package/dist/components/AdvancedFilter/utils/helpers.d.ts +10 -0
- package/dist/index.es.js +683 -683
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +690 -690
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useConfigPanelTextInputFocus - ConfigPanel 表示時のテキスト入力フォーカス
|
|
3
|
+
*
|
|
4
|
+
* パネルが位置確定したタイミングで、テキスト入力欄にフォーカスを当てます。
|
|
5
|
+
* 同一セッション内のオペレーター変更では再フォーカスしません。
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export type UseConfigPanelTextInputFocusProps = {
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
isPositioned: boolean;
|
|
11
|
+
focusSessionKey: string;
|
|
12
|
+
shouldFocus: boolean;
|
|
13
|
+
textInputRef: React.RefObject<HTMLInputElement | null>;
|
|
14
|
+
};
|
|
15
|
+
export declare const useConfigPanelTextInputFocus: ({ isOpen, isPositioned, focusSessionKey, shouldFocus, textInputRef, }: UseConfigPanelTextInputFocusProps) => void;
|
|
@@ -56,6 +56,8 @@ export type ConfigPanelValueInputProps = {
|
|
|
56
56
|
onKeyDown: (event: React.KeyboardEvent) => void;
|
|
57
57
|
/** 範囲指定オペレーターかどうかを判定する関数 */
|
|
58
58
|
isRangeOperator: (operator: string) => boolean;
|
|
59
|
+
/** テキスト入力要素への ref(inputType=text 時のみ使用) */
|
|
60
|
+
textInputRef?: React.Ref<HTMLInputElement>;
|
|
59
61
|
};
|
|
60
62
|
/**
|
|
61
63
|
* 値入力統合コンポーネント
|
|
@@ -10,5 +10,6 @@ export type MultiConditionInputProps = {
|
|
|
10
10
|
filterConfig?: FilterTypeConfig;
|
|
11
11
|
multiConditionState: UseMultiConditionStateReturn;
|
|
12
12
|
onKeyDown: (event: React.KeyboardEvent) => void;
|
|
13
|
+
textInputRef?: React.Ref<HTMLInputElement>;
|
|
13
14
|
};
|
|
14
15
|
export declare const MultiConditionInput: React.FC<MultiConditionInputProps>;
|
|
@@ -37,6 +37,8 @@ export type TextValueInputProps = {
|
|
|
37
37
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
38
38
|
/** 日付の表示フォーマット(inputType=date時、dayjsのformat形式) @default YYYY-MM-DD */
|
|
39
39
|
format?: string;
|
|
40
|
+
/** テキスト入力要素への ref(inputType=text 時のみ使用) */
|
|
41
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
40
42
|
};
|
|
41
43
|
/**
|
|
42
44
|
* テキスト/日付入力コンポーネント
|
|
@@ -150,3 +150,13 @@ export declare const getConditionPlaceholder: (conditionConfig: MultiFilterCondi
|
|
|
150
150
|
* 条件設定の範囲指定オペレーターかどうかを判定
|
|
151
151
|
*/
|
|
152
152
|
export declare const isConditionRangeOperator: (conditionConfig: MultiFilterConditionConfig, operator: string) => boolean;
|
|
153
|
+
type ConditionForTextFocus = {
|
|
154
|
+
id: string;
|
|
155
|
+
conditionKey: string;
|
|
156
|
+
operator: string;
|
|
157
|
+
};
|
|
158
|
+
/**
|
|
159
|
+
* 複数条件モードで最初のテキスト入力条件の ID を取得する
|
|
160
|
+
*/
|
|
161
|
+
export declare const getFirstTextConditionId: (filterConfig: FilterTypeConfig | undefined, conditions: ConditionForTextFocus[]) => string | null;
|
|
162
|
+
export {};
|