ingred-ui 21.2.0 → 21.3.0

package/dist/components/ContextMenu2/context.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 export declare const ContextMenu2Context: import("react").Context<{
     isRoot: boolean;
+    activeIndex: number | null;
+    maxActiveIndex: number;
+    setActiveIndex: (index: number | null) => void;
     close: () => void;
 }>;

package/dist/components/ContextMenu2/floating-ui-utils.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function getMaxIndex(listRef: React.MutableRefObject<Array<HTMLElement | null>>, disabledIndices: Array<number> | undefined): number;

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

@@ -0,0 +1,14 @@
+import { type ReactElement } from "react";
+type FilterTagInputProps = {
+    values: string[];
+    options: (string | string[])[];
+    selectedIndex: number;
+    selectOptions: {
+        icon: ReactElement;
+        label: string;
+    }[];
+    onChange: (values: string[]) => void;
+    onSelectChange: (index: number) => void;
+};
+export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, }: FilterTagInputProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, }: {
+        values: string[];
+        options: (string | string[])[];
+        selectedIndex: number;
+        selectOptions: {
+            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            label: string;
+        }[];
+        onChange: (values: string[]) => void;
+        onSelectChange: (index: number) => void;
+    }) => JSX.Element;
+    argTypes: {};
+};
+export default meta;
+/**
+ * Storybook の Docs の画面では、エンターキーが吸い取られてしまうようです。<br />
+ * **キーボード操作を試す場合は、Docs ではない、個別のページで確認してください**
+ *
+ * 入力内容をリストから選択させるフィルターの入力です。
+ * 利用方法は、FilterTagInput の story 内の説明を参照してください。
+ *
+ * 自動で横 100% に広がります。必要に応じて、親要素の幅を指定してください。
+ *
+ * ---
+ *
+ * 選択リストの形式は (string | string[])[] で、「文字列」と「文字列の配列」を混在させることができます。
+ * 選択項目が「文字列」の場合は、入力値に含まれる場合フィルタリングされます。
+ * 選択項目が「文字列の配列」の場合は、ラベルとしては「文字列の配列[0]」が表示されますが、フィルタリングされる際は「文字列の配列」全体を使ってフィルタリングされます。
+ *
+ * 例:
+ * options の項目が `[ "イルカ", ["パンダ", "ぱんだ", "熊猫"], "ライオン" ]` の場合、ユーザー入力が "ぱんだ"、"パン"、"猫" と入力したときにどの場合にも「パンダ」がフィルタリングされます。
+ */
+export declare const Default: StoryObj<typeof meta>;

package/dist/components/FilterComboBox/__tests__/FilterComboBox.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -0,0 +1 @@
+export { FilterComboBox } from "./FilterComboBox";

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

@@ -0,0 +1,4 @@
+export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TagList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Select: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/FilterInputAbstract/FilterInputAbstract.d.ts

@@ -2,6 +2,11 @@ import React, { type ReactElement, type ReactNode } from "react";
 export declare const FilterInputContext: React.Context<{
     isSmall: boolean;
 }>;
+type FilterTagProps = {
+    label: string;
+    onRemove: () => void;
+};
+export declare const FilterTag: ({ label, onRemove }: FilterTagProps) => JSX.Element;
 type FilterInputAbstractProps = {
     selectedIndex: number;
     selectOptions: {

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

@@ -1,2 +1,4 @@
+export declare const FilterTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const FilterTagButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const FilterInputAbstract: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropDownTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/FilterSelectInput/FilterSelectInput.d.ts

@@ -1,7 +1,7 @@
 import { type ReactElement } from "react";
 type FilterTagInputProps = {
     value: string;
-    values: string[];
+    options: string[];
     selectedIndex: number;
     selectOptions: {
         icon: ReactElement;
@@ -10,5 +10,5 @@ type FilterTagInputProps = {
     onChange: (value: string) => void;
     onSelectChange: (index: number) => void;
 };
-export declare const FilterSelectInput: ({ value, values, selectedIndex, selectOptions, onChange, onSelectChange, }: FilterTagInputProps) => JSX.Element;
+export declare const FilterSelectInput: ({ value, options: values, selectedIndex, selectOptions, onChange, onSelectChange, }: FilterTagInputProps) => JSX.Element;
 export {};

package/dist/components/FilterSelectInput/FilterSelectInput.stories.d.ts

@@ -2,9 +2,9 @@ import React from "react";
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ value, values, selectedIndex, selectOptions, onChange, onSelectChange, }: {
+    component: ({ value, options: values, selectedIndex, selectOptions, onChange, onSelectChange, }: {
         value: string;
-        values: string[];
+        options: string[];
         selectedIndex: number;
         selectOptions: {
             icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;

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

@@ -19,5 +19,3 @@ export declare const PanelTagFieldFocusTrigger: import("styled-components").Styl
 export declare const PanelInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelInputSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelClearButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const FilterTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const FilterTagButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;