ingred-ui 14.7.1 → 14.8.0

package/dist/components/Calendar/Calendar/Calendar.d.ts

@@ -16,10 +16,18 @@ export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
      * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
      */
     weekList?: string[];
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[];
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: (action: Action) => void;
     /**
      * 閉じるボタンを押したときの振る舞い
      * この関数が渡されてないときは、閉じるボタンが表示されない
@@ -51,10 +59,18 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
      */
     weekList?: string[] | undefined;
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string | undefined;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[] | undefined;
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: ((action: Action) => void) | undefined;
     /**
      * 閉じるボタンを押したときの振る舞い
      * この関数が渡されてないときは、閉じるボタンが表示されない

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

@@ -8,7 +8,9 @@ declare const _default: {
         date: dayjs.Dayjs;
         monthFormat?: string | undefined;
         weekList?: string[] | undefined;
+        defaultClickAction?: string | undefined;
         actions?: import("../internal/Actions").Action[] | undefined;
+        onClickAction?: ((action: import("../internal/Actions").Action) => void) | undefined;
         onClickCloseButton?: (() => void) | undefined;
         isOutsideRange?: ((date: dayjs.Dayjs) => boolean) | undefined;
         onDateChange: (value: dayjs.Dayjs) => void;

package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts

@@ -23,10 +23,18 @@ export type CalendarRangeProps = React.HTMLAttributes<HTMLDivElement> & {
      * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
      */
     weekList?: string[];
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[];
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: (action: Action) => void;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */
@@ -72,10 +80,18 @@ export declare const CalendarRange: React.ForwardRefExoticComponent<React.HTMLAt
      * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
      */
     weekList?: string[] | undefined;
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string | undefined;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[] | undefined;
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: ((action: Action) => void) | undefined;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */
@@ -117,10 +133,18 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
      */
     weekList?: string[] | undefined;
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string | undefined;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[] | undefined;
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: ((action: Action) => void) | undefined;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */

package/dist/components/Calendar/CalendarRange/CalendarRange.stories.d.ts

@@ -9,7 +9,9 @@ declare const _default: {
         endDate: dayjs.Dayjs;
         monthFormat?: string | undefined;
         weekList?: string[] | undefined;
+        defaultClickAction?: string | undefined;
         actions?: import("../internal/Actions").Action[] | undefined;
+        onClickAction?: ((action: import("../internal/Actions").Action) => void) | undefined;
         onClose?: ((clickState: import("./constants").ClickStateType) => void) | undefined;
         onClickCloseButton?: (() => void) | undefined;
         isOutsideRange?: ((date: dayjs.Dayjs) => boolean) | undefined;

package/dist/components/Calendar/internal/Actions/Actions.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
+import { Action } from "./styled";
 export type Action = {
     text: string;
     onClick: () => void;
 };
 export declare const Actions: React.NamedExoticComponent<{
+    defaultClickAction?: string | undefined;
     actions?: Action[] | undefined;
+    onClickAction?: ((action: Action) => void) | undefined;
 }>;

package/dist/components/NewDatePicker/NewDatePicker.d.ts

@@ -7,10 +7,18 @@ export type NewDatePickerProps = {
      * @default dayjs()
      */
     date: Dayjs;
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[];
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: (action: Action) => void;
     /**
      * 指定したい format
      * @default YYYY-MM-DD

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

@@ -11,6 +11,7 @@ declare const _default: {
 export default _default;
 export declare const Example: StoryObj<NewDatePickerProps>;
 export declare const WithActions: StoryObj<NewDatePickerProps>;
+export declare const WithActionsWithDefaultClickAction: StoryObj<NewDatePickerProps>;
 export declare const Error: StoryObj<NewDatePickerProps>;
 export declare const Disabled: StoryObj<NewDatePickerProps>;
 export declare const IsOutsideRange: StoryObj<NewDatePickerProps>;

package/dist/components/NewDateRangePicker/NewDateRangePicker.d.ts

@@ -20,10 +20,18 @@ export type NewDateRangePickerProps = {
      * エラーメッセージのテキスト
      */
     errorText?: string;
+    /**
+     * デフォルトで選択されているアクション
+     */
+    defaultClickAction?: string;
     /**
      * カレンダーの左に表示するアクション
      */
     actions?: Action[];
+    /**
+     * アクションをクリックしたときの挙動
+     */
+    onClickAction?: (action: Action) => void;
     /**
      * 入力を無効にする
      * @default false

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

@@ -11,6 +11,7 @@ declare const _default: {
 export default _default;
 export declare const Example: StoryObj<NewDateRangePickerProps>;
 export declare const WithActions: StoryObj<NewDateRangePickerProps>;
+export declare const WithActionsWithDefaultClickAction: StoryObj<NewDateRangePickerProps>;
 export declare const Error: StoryObj<NewDateRangePickerProps>;
 export declare const Disabled: StoryObj<NewDateRangePickerProps>;
 export declare const IsOutsideRange: StoryObj<NewDateRangePickerProps>;