ingred-ui 33.19.0 → 34.1.0-canary.0

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

@@ -5,6 +5,7 @@
  * 一元管理により保守性と再利用性を向上させる。
  */
 import { FilterPresetType, FilterTypeConfig, OperatorDefinition } from "../types";
+import { normalizeForSearch } from "../../../utils";
 /**
  * テキスト系フィルター用オペレーター
  * ID、名前、コメントなどの文字列フィールド向け
@@ -73,10 +74,7 @@ export declare const selectOperatorsByIndex: (operators: OperatorDefinition[], i
  * フィルタリング処理用のヘルパー関数群
  * 実際のデータフィルタリング処理で使用
  */
-/**
- * 文字列比較用の正規化（大文字小文字・全角半角を区別しない）
- */
-export declare const normalizeForSearch: (value: string) => string;
+export { normalizeForSearch };
 /**
  * 単一の値に対してオペレーターを適用
  */

package/dist/components/DualListBox2/hooks/useDualListBox2Filter.d.ts

@@ -8,7 +8,6 @@ type UseDualListBox2FilterProps = {
 };
 type UseDualListBox2FilterReturn = {
     currentFilter: string;
-    filterWords: string[];
     filteredChildren: ReactNode;
     matchesFilter: (label: string) => boolean;
     handleFilterChange: (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/components/DualListBox2/index.d.ts

@@ -4,3 +4,4 @@ export { DualListBox2Item } from "./DualListBox2Item";
 export { DualListBox2Accordion } from "./DualListBox2Accordion";
 export { DualListBox2Section } from "./DualListBox2Section";
 export { toGroupedItems } from "./lib";
+export { createFreeWordMatcher } from "../../utils/matchesFreeWordQuery";

package/dist/components/DualListBox2/lib.d.ts

@@ -1,7 +1,6 @@
 import { type ReactNode } from "react";
 import type { Item } from "./types";
 export declare const DualListBox2Context: import("react").Context<{
-    filterWords: string[];
     includedIds: string[];
     excludedIds: string[];
     activeSection: string | null;

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

@@ -1 +1,2 @@
 export { FilterComboBox } from "./FilterComboBox";
+export { createFreeWordMatcher } from "../../utils/matchesFreeWordQuery";

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

@@ -21,4 +21,9 @@ export declare const getInputVariantConfig: (theme: Theme) => Record<InputVarian
 export declare const getErrorStyles: (theme: Theme) => {
     borderColor: string;
     shadowColor: string;
+    placeholderColor: string;
 };
+export declare const getPlaceholderColor: (theme: Theme, { error, disabled, }?: {
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+}) => string;

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

@@ -20,6 +20,12 @@ export type Select2OptionProps = {
      * ラベルの後に表示する要素
      */
     append?: React.ReactNode;
+    /**
+     * この選択肢を削除するときに呼ばれる。
+     * 渡したとき、行をホバーすると末尾にゴミ箱が出る。
+     * Select2 は選択肢を消さない。親が children と value から外す。
+     */
+    onDelete?: () => void;
 };
 /**
  * Select2Optionコンポーネント

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

@@ -3,3 +3,4 @@ export { Select2Option } from "./Select2Option";
 export { Select2OptionGroup } from "./Select2OptionGroup";
 export { Select2Separator } from "./Select2Separator";
 export * from "./types";
+export { createFreeWordMatcher } from "../../utils/matchesFreeWordQuery";

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

@@ -98,6 +98,9 @@ export declare const StyledContextMenu2TextInputItem: import("styled-components/
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
 }, "$insetFocusRingPadding">>> & string;
+export declare const DeleteOptionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<(import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>) & import("styled-components/dist/types").BaseObject, never> & Partial<Pick<(import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>) & import("styled-components/dist/types").BaseObject, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const OptionWithDelete: 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 OptionWithDeleteMain: 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 OptionsContainer: 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 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 VisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;

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

@@ -131,6 +131,40 @@ export type Select2SearchMode = {
      */
     showDefaultOptions?: boolean;
 };
+/**
+ * 検索語から新しい選択肢を作る設定。
+ * `creatable={true}` のときは、ここにある既定値だけが使われる。
+ */
+export type Select2Creatable = {
+    /**
+     * 作成行のプレフィックス。表示は `${createMessage} "${入力値}"` になる。
+     * 入力値は前後の空白を除いたもの。
+     * @default "次の文字列を追加する"
+     */
+    createMessage?: string;
+    /**
+     * 作成行を選んだときに呼ばれる。引数は前後の空白を除いた入力値。
+     * 渡したときは Select2 は選択値を変えない。親が children と value を更新する。
+     * 渡さないときは、その入力値を値として選ぶ。
+     * 単一選択は置き換え、複数選択は追加する。複数選択の確定タイミングは通常の選択と同じ。
+     */
+    onCreate?: (inputValue: string) => void;
+    /**
+     * 追加の作成可否。false なら作成行を出さない。
+     * 引数は前後の空白を除いた入力値。
+     * 空文字と、既存 option の label / value との一致（大文字小文字を無視）は、この関数より先に常に拒否する。
+     */
+    isValidNewOption?: (inputValue: string) => boolean;
+    /**
+     * 作成の通信中かどうか。
+     * true のあいだは作成行を出さない。
+     * 単一選択はメニューを閉じ、トリガーを操作できなくして矢印の位置にローディングを出す。
+     * 複数選択はメニューを開いたまま、トリガーの矢印とメニューにローディングを出す。
+     * onCreate の開始で true にし、待ちが終わったら false に戻す。失敗したときも戻す。
+     * @default false
+     */
+    isCreating?: boolean;
+};
 export type Select2StyleProps = {
     theme: Theme;
     $size: Select2Size;
@@ -192,6 +226,13 @@ export type Select2Props = {
      * @default false
      */
     searchable?: boolean;
+    /**
+     * 検索語から新しい選択肢を作れるようにする。
+     * true のときは searchable の指定に関わらず検索窓を出す。
+     * オブジェクトを渡すと、作成行の文言や作成時の処理を指定できる。
+     * @default false
+     */
+    creatable?: boolean | Select2Creatable;
     /**
      * 検索入力のプレースホルダー
      * searchableがtrueの場合のみ使用されます

package/dist/components/Select2/utils/__tests__/creatableOption.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Select2/utils/creatableOption.d.ts

@@ -0,0 +1,17 @@
+export declare const DEFAULT_CREATE_MESSAGE = "\u6B21\u306E\u6587\u5B57\u5217\u3092\u8FFD\u52A0\u3059\u308B";
+export type CreatableMatchOption = {
+    value: string | number;
+    label: string;
+};
+export declare const formatCreateLabel: (createMessage: string, inputValue: string) => string;
+/**
+ * 既存 option の label か value が、入力と大文字小文字を無視して一致するか。
+ * 比較の前に前後の空白を落とす。
+ */
+export declare const hasExactOptionMatch: (inputValue: string, options: CreatableMatchOption[]) => boolean;
+/**
+ * 作成行を出してよいか。
+ * 空文字と既存 option への一致は、isValidNewOption より先に拒否する。
+ * isValidNewOption には前後の空白を除いた入力を渡す。
+ */
+export declare const canCreateOption: (inputValue: string, options: CreatableMatchOption[], isValidNewOption?: ((inputValue: string) => boolean) | undefined) => boolean;