ingred-ui 22.3.3 → 23.0.0

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

@@ -1,27 +1,3 @@
 import React from "react";
-import { Select2Size, Select2Variant } from "./types";
-import { TagVariant } from "../Tag/types";
-type Select2Option = {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-};
-type Select2Props = {
-    value: (string | number) | (string | number)[];
-    onChange: (value: (string | number) | (string | number)[]) => void;
-    options: Select2Option[];
-    multiple?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    size?: Select2Size;
-    variant?: Select2Variant;
-    tagVariant?: TagVariant;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    noResultsMessage?: string;
-    error?: boolean;
-    applyButtonText?: string;
-    cancelButtonText?: string;
-};
+import { Select2Props } from "./types";
 export declare const Select2: React.FC<Select2Props>;
-export {};

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

@@ -0,0 +1,22 @@
+import React from "react";
+export type Select2OptionProps = {
+    /**
+     * 選択肢の値
+     */
+    value: string | number;
+    /**
+     * 無効状態
+     */
+    disabled?: boolean;
+    /**
+     * 表示するラベル
+     */
+    children: React.ReactNode;
+};
+/**
+ * Select2Optionコンポーネント
+ *
+ * Select2コンポーネント内で使用することを想定しています。
+ * 実際に何かをレンダリングせず、Select2の選択肢として登録するための宣言的なコンポーネントです。
+ */
+export declare const Select2Option: React.FC<Select2OptionProps>;

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+export type Select2OptionGroupProps = {
+    /**
+     * グループのラベル
+     */
+    label: string;
+    /**
+     * 子要素（Select2Option）
+     */
+    children: ReactNode;
+};
+/**
+ * Select2OptionGroupコンポーネント
+ *
+ * このコンポーネントはグループ化された選択肢を表現します。
+ * 内部的には何もレンダリングせず、Select2コンポーネントがこのコンポーネントの
+ * プロパティを取得して、適切な方法でレンダリングします。
+ */
+export declare const Select2OptionGroup: React.FC<Select2OptionGroupProps>;

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

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Select2Separatorコンポーネント
+ *
+ * このコンポーネントはセパレータを表現します。
+ * 内部的には何もレンダリングせず、Select2コンポーネントがこのコンポーネントを
+ * 検出して、適切な方法でセパレータをレンダリングします。
+ */
+export declare const Select2Separator: React.FC;

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

@@ -1,2 +1,4 @@
 export { Select2 } from "./Select2";
-export type { Select2Props, Select2Option, Select2Size, Select2Variant, } from "./types";
+export { Select2OptionGroup } from "./Select2OptionGroup";
+export { Select2Separator } from "./Select2Separator";
+export * from "./types";

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

@@ -1,4 +1,5 @@
 import { Theme } from "../../themes";
+import React from "react";
 export type Select2Size = "small" | "medium" | "large";
 export type Select2Variant = "light" | "dark";
 export type Select2SizeConfig = {
@@ -33,10 +34,6 @@ export type Select2StyleProps = {
     $hasValue?: boolean;
 };
 export type Select2Props = {
-    /**
-     * 選択肢の配列
-     */
-    options: Select2Option[];
     /**
      * 選択された値。multipleがtrueの場合は配列、falseの場合は単一の値
      */
@@ -111,4 +108,14 @@ export type Select2Props = {
      * @default "キャンセル"
      */
     cancelButtonText?: string;
+    /**
+     * 子要素（宣言的API用）
+     * Select2Option、ContextMenu2HeadingItem、ContextMenu2SeparatorItemなどを指定できます
+     */
+    children?: React.ReactNode;
+    /**
+     * 複数選択時の一時的な選択値が変化したときに呼ばれるコールバック
+     * multiple=trueのときのみ有効
+     */
+    onTempChange?: (tempSelected: (string | number)[]) => void;
 };