ingred-ui 25.3.0 → 25.4.1

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.
@@ -91,3 +91,15 @@ export declare const WithCustomMiddleware: {
91
91
  };
92
92
  };
93
93
  };
94
+ /**
95
+ * #### selectedContentを使用した例
96
+ *
97
+ * 外部フィルターモードで検索にヒットしなかったアイテムが選択済みパネルに表示される場合、
98
+ * `selectedContent`を使用することでReactNodeを表示できます。
99
+ *
100
+ * この例では:
101
+ * - 検索フィルターで絞り込まれたアイテムのみが候補パネルに表示される(外部フィルターモード)
102
+ * - 検索にヒットしないアイテムを選択している場合、選択済みパネルでは`selectedContent`が使用される
103
+ * - `selectedContent`が未設定の場合は`label`(文字列)のみが表示される
104
+ */
105
+ export declare const WithSelectedContent: Story;
@@ -1,7 +1,9 @@
1
+ import { ReactNode } from "react";
1
2
  export type Item = {
2
3
  id: string;
3
4
  groupName?: string;
4
5
  label: string;
5
6
  parentNode?: string;
6
7
  childNode?: string;
8
+ selectedContent?: ReactNode;
7
9
  };
@@ -0,0 +1 @@
1
+ import "@testing-library/jest-dom";
@@ -24,6 +24,11 @@ export declare const InputArea: import("styled-components").StyledComponent<"div
24
24
  $multiple?: boolean | undefined;
25
25
  }, never>;
26
26
  export declare const SelectLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
27
+ export declare const SelectLabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
28
+ export declare const SelectLabelIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
29
+ $size?: Select2Size | undefined;
30
+ $disabled?: boolean | undefined;
31
+ }, never>;
27
32
  export declare const TagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
28
33
  export declare const StyledTag: import("styled-components").StyledComponent<({ label, size, variant, onRemove, className, disabled, }: import("../Tag").TagProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
29
34
  export declare const Placeholder: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {