ingred-ui 19.2.2 → 19.3.0

package/README.md

@@ -51,6 +51,8 @@ If you use `<DatePicker />` or `<DateRangePicker />` , add
 import "react-dates/lib/css/_datepicker.css";
 ```
 
+Storybook: https://ingred-ui.netlify.app/
+
 ## License
 
 MIT © [CARTA HOLDINGS, Inc.](https://github.com/voyagegroup)

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

@@ -0,0 +1,45 @@
+import React, { type ReactNode, type ReactElement, type ButtonHTMLAttributes, type Dispatch, type SetStateAction } from "react";
+export type ContextMenu2Anchor = {
+    x: number;
+    y: number;
+};
+export declare const useContextMenu2Anchor: () => {
+    position: ContextMenu2Anchor;
+    setPosition: Dispatch<SetStateAction<{
+        x: number;
+        y: number;
+    }>>;
+};
+type ContextMenu2Props = {
+    /**
+     * コンテキストメニューを開くかどうか。省略時は内部で開閉状態を管理される
+     */
+    open?: boolean;
+    /**
+     * 開閉トリガーとなるボタン要素
+     */
+    trigger: ReactElement<ButtonHTMLAttributes<HTMLButtonElement> & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }, "button"> | ContextMenu2Anchor;
+    /**
+     * コンテキストメニューの幅（省略時は幅が内容にフィットする）
+     */
+    width?: number;
+    /**
+     * メニュー内の項目。ContextMenu2*** のコンポーネントのみで構成する前提
+     */
+    children: ReactNode;
+    /**
+     * 開閉状態が変更されたときのコールバック
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ContextMenu2: React.ForwardRefExoticComponent<ContextMenu2Props & React.RefAttributes<HTMLButtonElement>>;
+type ContextMenu2ContainerProps = {
+    /**
+     * ContextMenu2 を 1 つだけ含める
+     */
+    children: ReactElement;
+};
+export declare const ContextMenu2Container: ({ children, }: ContextMenu2ContainerProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { ContextMenu2 } from "./index";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        open?: boolean | undefined;
+        trigger: import("./ContextMenu2").ContextMenu2Anchor | React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+            ref?: React.Ref<HTMLButtonElement> | undefined;
+        }, "button">;
+        width?: number | undefined;
+        children: React.ReactNode;
+        onOpenChange?: ((open: boolean) => void) | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: StoryObj<typeof ContextMenu2>;
+export declare const Triggers: StoryObj<typeof ContextMenu2>;
+export declare const WithButton: StoryObj<typeof ContextMenu2>;
+export declare const WithCheck: StoryObj<typeof ContextMenu2>;
+export declare const WithCheckAsRadio: StoryObj<typeof ContextMenu2>;
+export declare const WithSwitch: StoryObj<typeof ContextMenu2>;
+export declare const WithTextInput: StoryObj<typeof ContextMenu2>;
+export declare const Nest: StoryObj<typeof ContextMenu2>;
+export declare const Anchor: StoryObj<typeof ContextMenu2>;

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

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type ContextMenu2ButtonControlsItemProps = {
+    className?: string;
+    /**
+     * ボタン要素
+     */
+    children: ReactNode;
+};
+export declare const ContextMenu2ButtonControlsItem: import("styled-components").StyledComponent<({ className, children }: ContextMenu2ButtonControlsItemProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -0,0 +1,9 @@
+import React, { type ReactNode } from "react";
+type Theme = {
+    colors?: "danger" | undefined;
+};
+export declare const ContextMenu2ButtonItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    prepend?: ReactNode;
+    children: ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
+export {};

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

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from "react";
+type Theme = {
+    checked?: boolean;
+    colors?: "danger" | undefined;
+};
+export declare const ContextMenu2CheckItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    checked?: boolean | undefined;
+    prepend?: ReactNode;
+    children: ReactNode;
+    onChange?: ((checked: boolean) => void) | undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ContextMenu2HeadingItem: import("styled-components").StyledComponent<({ className, children }: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+type Props = {
+    className?: string;
+    prepend?: ReactNode;
+    children: ReactNode;
+};
+export declare const ContextMenu2HelpTextItem: import("styled-components").StyledComponent<({ className, prepend, children }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ContextMenu2SeparatorItem: import("styled-components").StyledComponent<({ className }: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,11 @@
+import React, { type ReactNode } from "react";
+type Theme = {
+    checked?: boolean | undefined;
+};
+export declare const ContextMenu2SwitchItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    children: ReactNode;
+    onChange: (checked: boolean) => void;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
+export {};

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ContextMenu2TextInputItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from "react";
+type ContextMenu2TriggerItemProps = {
+    append?: ReactNode;
+    children: ReactNode;
+};
+export declare const ContextMenu2TriggerItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<ContextMenu2TriggerItemProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+export { ContextMenu2, ContextMenu2Container, useContextMenu2Anchor, } from "./ContextMenu2";
+export { ContextMenu2HeadingItem } from "./ContextMenu2HeadingItem";
+export { ContextMenu2HelpTextItem } from "./ContextMenu2HelpTextItem";
+export { ContextMenu2TriggerItem } from "./ContextMenu2TriggerItem";
+export { ContextMenu2ButtonItem } from "./ContextMenu2ButtonItem";
+export { ContextMenu2CheckItem } from "./ContextMenu2CheckItem";
+export { ContextMenu2SwitchItem } from "./ContextMenu2SwitchItem";
+export { ContextMenu2TextInputItem } from "./ContextMenu2TextInputItem";
+export { ContextMenu2SeparatorItem } from "./ContextMenu2SeparatorItem";
+export { ContextMenu2ButtonControlsItem } from "./ContextMenu2ButtonControlsItem";

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
-export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_bottom" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key";
+/** @deprecated "arrow_bottom" は "arrow_down" に置き換わりました */
+type DeprecatedArrowBottom = "arrow_bottom";
+export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key";
 type IconType = "fill" | "line";
 type IconColor = IconType | "active" | string;
 type IconSize = "sm" | "md" | "lg";
@@ -18,6 +20,12 @@ export type Props = {
     type?: IconType;
     size?: IconSize;
     color?: IconColor;
+} | {
+    /** @deprecated "arrow_bottom" は "arrow_down" に置き換わりました */
+    name: DeprecatedArrowBottom;
+    type?: IconType;
+    size?: IconSize;
+    color?: IconColor;
 };
 declare const Icon: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/dist/components/Icon/internal/ArrowDownIcon/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "../../Icon";
+declare const ArrowDownIcon: React.FunctionComponent<IconProps>;
+export { ArrowDownIcon };

package/dist/components/Icon/internal/ArrowUpIcon/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "../../Icon";
+declare const ArrowUpIcon: React.FunctionComponent<IconProps>;
+export { ArrowUpIcon };