ingred-ui 21.1.0 → 21.2.1

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

@@ -25,6 +25,10 @@ type ContextMenu2Props = {
      * コンテキストメニューの幅（省略時は幅が内容にフィットする）
      */
     width?: number;
+    /**
+     * コンテキストメニューの最小幅
+     */
+    minWidth?: number;
     /**
      * メニュー内の項目。ContextMenu2*** のコンポーネントのみで構成する前提
      */

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

@@ -9,6 +9,7 @@ declare const _default: {
             ref?: React.Ref<HTMLButtonElement> | undefined;
         }, "button">;
         width?: number | undefined;
+        minWidth?: number | undefined;
         children: React.ReactNode;
         onOpenChange?: ((open: boolean) => void) | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -3,6 +3,7 @@ type Theme = {
     colors?: "danger" | undefined;
 };
 export declare const ContextMenu2ButtonItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    pressed?: boolean | undefined;
     prepend?: ReactNode;
     children: ReactNode;
     closeOnClick?: boolean | undefined;

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

@@ -0,0 +1,15 @@
+import React, { type ReactElement, type ReactNode } from "react";
+export declare const FilterInputContext: React.Context<{
+    isSmall: boolean;
+}>;
+type FilterInputAbstractProps = {
+    selectedIndex: number;
+    selectOptions: {
+        icon: ReactElement;
+        label: string;
+    }[];
+    children?: ReactNode;
+    onSelectChange: (index: number) => void;
+};
+export declare const FilterInputAbstract: ({ selectedIndex, selectOptions, onSelectChange, children, }: FilterInputAbstractProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ selectedIndex, selectOptions, onSelectChange, children, }: {
+        selectedIndex: number;
+        selectOptions: {
+            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            label: string;
+        }[];
+        children?: React.ReactNode;
+        onSelectChange: (index: number) => void;
+    }) => JSX.Element;
+    argTypes: {};
+};
+export default meta;
+/**
+ * Internal use only!
+ * このコンポーネントは内部利用専用です。プロダクトには利用しないでください。
+ */
+export declare const Default: StoryObj<typeof meta>;

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

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

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

@@ -0,0 +1,2 @@
+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

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

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ value, values, selectedIndex, selectOptions, onChange, onSelectChange, }: {
+        value: string;
+        values: string[];
+        selectedIndex: number;
+        selectOptions: {
+            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            label: string;
+        }[];
+        onChange: (value: string) => void;
+        onSelectChange: (index: number) => void;
+    }) => JSX.Element;
+    argTypes: {};
+};
+export default meta;
+/**
+ * 入力内容をリストから選択させるフィルターの入力です。
+ * 利用方法は、FilterTagInput の story 内の説明を参照してください。
+ *
+ * 自動で横 100% に広がります。必要に応じて、親要素の幅を指定してください。
+ */
+export declare const Default: StoryObj<typeof meta>;

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const SelectContainer: 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 SelectLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-export declare const FilterTagInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const DropDownTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const InlineField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const InlineFieldInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const OverflowIndicator: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;