ingred-ui 33.3.0 → 33.4.1-canary.0

package/dist/components/AdvancedFilter/__tests__/CheckboxValueInput.test.d.ts

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

package/dist/components/AdvancedFilter/__tests__/RadioValueInput.test.d.ts

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

package/dist/components/AdvancedFilter/constants.d.ts

@@ -22,6 +22,7 @@ export declare const ADVANCED_FILTER_CONSTANTS: {
     readonly TRANSITION_DURATION: 200;
     readonly MIN_VALUE_LENGTH: 1;
 };
+export declare const DEFAULT_PERSIST_OPTION_LABEL = "\u6761\u4EF6\u3092\u7DAD\u6301";
 export declare const ADVANCED_FILTER_SELECTORS: {
     readonly TAG_ELEMENT: "[data-tag]";
     readonly MENU_ELEMENT: "[role=\"menu\"]";

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

@@ -29,7 +29,7 @@ export { useFilterMenuPosition } from "./hooks/useFilterMenuPosition";
 export { TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, SELECTION_OPERATORS, PRESET_OPERATORS, getPresetOperators, createOperator, combineOperators, overrideOperatorLabels, changeOperatorLabel, getPresetOperatorsWithLabels, selectOperators, selectOperatorsByIndex, applyOperatorToValue, applyFilter, applyMultipleFilters, evaluateFilterConditions, normalizeForSearch, } from "./utils/operators";
 export { createValue, combineValues, overrideValueLabels, changeValueLabel, selectValues, selectValuesByIndex, getValueStrings, getValueLabels, getLabelsForValues, mergeValues, sortValues, } from "./utils/values";
 export type { ValueDefinition } from "./utils/values";
-export { isRangeOperator, isCustomOperator, isValidFilterConfig, isValidFilterType, generateTagText, generateTagTitle, getTagBoldText, getAvailableTypes, getFilterTypeLabel, buildFilterSlots, getPresetSlotId, isConfiguredFilter, getConfiguredFilters, } from "./utils/helpers";
+export { isRangeOperator, isCustomOperator, isValidFilterConfig, isValidFilterType, generateTagText, generateTagTitle, getTagBoldText, getAvailableTypes, getFilterTypeLabel, buildFilterSlots, getPresetSlotId, isConfiguredFilter, getConfiguredFilters, isPersistOptionEnabled, getInitialPersistValue, getPersistOptionLabel, } from "./utils/helpers";
 export { FilterPositionCalculator } from "./utils/positionCalculator";
-export { ADVANCED_FILTER_CONSTANTS } from "./constants";
-export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, AdvancedFilterSelectionMode, FilterSlotView, MultiConditionLogic, } from "./types";
+export { ADVANCED_FILTER_CONSTANTS, DEFAULT_PERSIST_OPTION_LABEL, } from "./constants";
+export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, AdvancedFilterSelectionMode, FilterSlotView, MultiConditionLogic, FilterPersistOption, } from "./types";

package/dist/components/AdvancedFilter/internal/ConfigPanelPersistOption.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type ConfigPanelPersistOptionProps = {
+    label: string;
+    initialChecked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+};
+export declare const ConfigPanelPersistOption: React.FC<ConfigPanelPersistOptionProps>;

package/dist/components/AdvancedFilter/internal/OptionValueIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ValueDefinition } from "../types";
+type OptionValueIconProps = {
+    option: ValueDefinition;
+};
+export declare const OptionValueIcon: React.FC<OptionValueIconProps>;
+export {};

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

@@ -154,6 +154,7 @@ export declare const Section: import("styled-components/dist/types").IStyledComp
  */
 export declare const ErrorMessageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 /**
- * ボタンコントロールラッパー
+ * ボタンコントロールラッパー（persist チェックと確定ボタンを同列に配置）
  */
 export declare const ButtonControlsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ButtonControlsActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/components/AdvancedFilter/types.d.ts

@@ -16,6 +16,7 @@
  */
 import type { MouseEvent } from "react";
 import { Theme } from "../../themes";
+import type { IconName } from "../Icon";
 import type { FilterOperator, FilterInputType, FilterPresetType } from "../../utils/filterTypes";
 export type { FilterOperator, FilterInputType, FilterPresetType };
 export type FilterType = {
@@ -52,9 +53,31 @@ export type OperatorDefinition = {
 export type ValueDefinition = {
     value: string | boolean;
     label: string;
+    /** 選択肢の左に表示するアイコン名 */
+    icon?: IconName;
+    /** アイコンの種類 */
+    iconType?: "line" | "fill";
+    /** アイコンの色（hex や theme の palette 値など） */
+    iconColor?: string;
 };
 /** 複数条件フィルタ内の条件結合ロジック */
 export type MultiConditionLogic = "and" | "or";
+/**
+ * フィルタ条件を次回訪問時も維持するかの ConfigPanel オプション（opt-in）
+ * enabled が true のときのみチェックボックスを表示する
+ *
+ * 永続化そのもの（IndexedDB / localStorage / API 等への保存・復元）は
+ * consumer が `onFiltersChange` と `initialAppliedFilters` で実装する。
+ * 適用時に付与される `AppliedFilter.persist` を保存ポリシーに利用する。
+ */
+export type FilterPersistOption = {
+    /** チェックボックスを表示するか。未指定/false = 非表示（後方互換） */
+    enabled?: boolean;
+    /** 新規適用時の初期値。未指定時は false */
+    defaultValue?: boolean;
+    /** ラベル上書き。未指定時は「条件を維持」 */
+    label?: string;
+};
 /**
  * 1つのフィルタタイプで複数のフィルタリング条件を設定するための設定定義
  * 例: 複合フィルタで「性別」と「年齢」の2つの条件を設定
@@ -123,6 +146,8 @@ export type FilterTypeConfig = {
     multiConditionLogic?: MultiConditionLogic;
     /** 日付の表示フォーマット（dayjs形式）。指定時は Tag と DatePicker で同一フォーマット。未指定は YYYY-MM-DD */
     dateFormat?: string;
+    /** 条件維持オプション。enabled 時のみ ConfigPanel にチェックボックスを表示 */
+    persistOption?: FilterPersistOption;
 };
 /**
  * 1つのフィルタリング条件（オペレーターと値の組み合わせ）
@@ -146,6 +171,11 @@ export type FilterConfig = {
     isRange?: boolean;
     /** 複数条件フィルタ用：複数のフィルタリング条件 */
     conditions?: FilterCondition[];
+    /**
+     * 条件を次回訪問時も維持するか（consumer が保存ポリシーに利用）
+     * persistOption.enabled 時のみ ConfigPanel 適用で付与される
+     */
+    persist?: boolean;
 };
 export type AppliedFilter = {
     id: string;
@@ -158,6 +188,11 @@ export type AppliedFilter = {
     isRange?: boolean;
     /** 複数条件フィルタ用：複数のフィルタリング条件 */
     conditions?: FilterCondition[];
+    /**
+     * 条件を次回訪問時も維持するか（consumer が保存ポリシーに利用）
+     * persistOption.enabled 時のみ ConfigPanel 適用で付与される
+     */
+    persist?: boolean;
 };
 export type AdvancedFilterProps = {
     types: FilterType[];
@@ -204,6 +239,7 @@ export type AdvancedFilterConfigPanelProps = {
         operator: string;
         values: (string | boolean)[];
         conditions?: FilterCondition[];
+        persist?: boolean;
     } | null;
     filterConfig?: FilterTypeConfig;
     savedCoordinates?: {

package/dist/components/AdvancedFilter/utils/helpers.d.ts

@@ -23,6 +23,14 @@ export declare const isRangeOperator: (operator: string, filterConfig?: FilterTy
  * カスタムオペレーターかどうかを判定する
  */
 export declare const isCustomOperator: (operator: string, filterConfig?: FilterTypeConfig) => boolean;
+/** persistOption が有効か（ConfigPanel にチェックボックスを表示するか） */
+export declare const isPersistOptionEnabled: (filterConfig?: FilterTypeConfig) => boolean;
+/** ConfigPanel チェックボックスの初期値 */
+export declare const getInitialPersistValue: (filterConfig?: FilterTypeConfig, editingFilter?: {
+    persist?: boolean;
+} | null) => boolean;
+/** persistOption の表示ラベル */
+export declare const getPersistOptionLabel: (filterConfig?: FilterTypeConfig) => string;
 /**
  * フィルターを適用する
  */

package/dist/components/AdvancedFilter/utils/values.d.ts

@@ -4,9 +4,16 @@
  * アプリケーション固有の値は外部から提供されるため、
  * 汎用的なヘルパー関数のみを提供する。
  */
+import type { IconName } from "../../Icon";
 export type ValueDefinition = {
     value: string;
     label: string;
+    /** 選択肢の左に表示するアイコン名 */
+    icon?: IconName;
+    /** アイコンの種類 */
+    iconType?: "line" | "fill";
+    /** アイコンの色（hex や theme の palette 値など） */
+    iconColor?: string;
 };
 /**
  * カスタム値作成用のヘルパー関数

package/dist/components/Toast/DefaultToast/styled.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
-    transitionDuration: number;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
-    transitionDuration: number;
-}, never>>> & string;
+/** 退場アニメ用の余白。横幅は Container に任せる */
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 type ContainerProps = {
     background: string;
     boxShadow: string;
@@ -11,11 +8,14 @@ type ContainerProps = {
     transform: string;
     opacity: number;
 };
+/**
+ * 横幅: fit-content + min/max のみ（Wrapper には付けない）
+ * - 短い: min まで / 中: 中身に追従 / 長い: max で折り返し
+ */
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
-/** アイコン・文言・閉じるボタン行（master の行高基準） */
 export declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CloseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 type CountdownProps = {
     autoDismissTimeout: number;

package/dist/components/Toast/constants.d.ts

@@ -1,6 +1,7 @@
-/** ToastContainer の gutter（8px）×2 分だけビューポートから引く */
+/** ビューポート左右 12px ずつの余白 */
 export declare const TOAST_VIEWPORT_INLINE_INSET_PX: number;
+export declare const TOAST_MOBILE_MIN_WIDTH_PX = 240;
+export declare const TOAST_DESKTOP_MIN_WIDTH_PX = 400;
 export declare const TOAST_MAX_WIDTH_PX = 800;
-export declare const TOAST_MIN_WIDTH_PX = 400;
-export declare const TOAST_MIN_HEIGHT_PX = 64;
-export declare const toastInlineMaxWidth = "min(800px, calc(100vw - 16px))";
+export declare const toastMobileMaxWidth = "calc(100vw - 24px)";
+export declare const toastDesktopMaxWidth = "800px";