ingred-ui 34.1.0-canary.9 → 35.0.0

package/README.md

@@ -70,7 +70,7 @@ make build
 make format
 ```
 
-特定テストだけ実行する例: `make test ARGS='--testPathPattern=Banner'`
+特定テストだけ実行する例: `make test ARGS='Banner'`
 
 ### 祝日データの更新
 

package/dist/components/DataTable/sort.d.ts

@@ -9,5 +9,5 @@ export type CurrentSortState<T> = {
 export declare const useOrderState: <T>(defaultState: CurrentSortState<T>) => [CurrentSortState<T>, React.Dispatch<React.SetStateAction<CurrentSortState<T>>>];
 export declare const changeOrderState: <T>(currentSortState: CurrentSortState<T>, getValue: GetValue<T>, name: string) => CurrentSortState<T>;
 export declare const getOrder: <T>(currentSortState: CurrentSortState<T>, name: string) => OrderStatus;
-export declare const desc: <T>(a: any, b: any, getValue?: GetValue<T>) => 0 | 1 | -1;
+export declare const desc: <T>(a: any, b: any, getValue?: GetValue<T>) => 1 | 0 | -1;
 export declare const sort: <T>(array: any[], order: CurrentSortState<T>) => any[];

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

@@ -4,16 +4,6 @@ type StyledProps = {
     $size: FilterSize;
     $variant: FilterVariant;
 };
-export declare const Trigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledProps> & StyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledProps> & StyledProps, never>>> & string;
-export declare const TriggerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$size"> & {
-    $size: FilterSize;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$size"> & {
-    $size: FilterSize;
-}, never>>> & string;
-export declare const TriggerIcon: 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 ComboBoxPanelContainer: 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 ComboBoxPanel: 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 ComboBoxInput: 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 SelectContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledProps> & StyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledProps> & StyledProps, never>>> & string;
 export declare const TagList: 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 Select: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledProps> & StyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledProps> & StyledProps, never>>> & string;

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

@@ -43,19 +43,6 @@ export declare const StyledContextMenu2TextInputItem: import("styled-components/
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
 }, "$placeholderColor"> & StyledContextMenu2TextInputItemProps, "$insetFocusRingPadding">>> & string;
-export declare const StyledTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$isOpen" | "$placeholderColor" | "$placeholder"> & {
-    $isOpen?: boolean | undefined;
-    $placeholder?: boolean | undefined;
-    $placeholderColor?: string | undefined;
-    $size: "small" | "medium" | "large";
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$isOpen" | "$placeholderColor" | "$placeholder"> & {
-    $isOpen?: boolean | undefined;
-    $placeholder?: boolean | undefined;
-    $placeholderColor?: string | undefined;
-    $size: "small" | "medium" | "large";
-}, never>>> & string;
-export declare const SelectPanelInner: 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 SelectPanelContainer: 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 SearchHeaderContainer: 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 SearchResetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
 export {};

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

@@ -6,8 +6,8 @@ export declare const NavigationRailContentHeight: {
     readonly HEADER: "72px";
     readonly FOOTER: "72px";
     readonly SLOT: "56px";
-    /** モバイル Slot 上段（閉じるボタン専用行）。padding 12px + ボタン 32px + padding 12px */
-    readonly SLOT_MOBILE_CLOSE: "56px";
+    /** モバイル Slot 上段（閉じるボタン専用行）。padding 12px + ボタン 34px + padding 12px */
+    readonly SLOT_MOBILE_CLOSE: "58px";
 };
 export declare const NavigationRailTransitionDuration = 0.3;
 /** NotificationBadge overlay の角からのオフセット（%）。アイコンボタン向け */

package/dist/components/Select2/hooks/useSelect2Search.d.ts

@@ -0,0 +1,14 @@
+import type { Select2SearchMode } from "../types";
+type SearchTrigger = "input" | "open" | "close";
+type UseSelect2SearchArgs = {
+    searchMode: Select2SearchMode | undefined;
+    isOpen: boolean;
+    isTriggerLocked: boolean;
+};
+export declare const useSelect2Search: ({ searchMode, isOpen, isTriggerLocked, }: UseSelect2SearchArgs) => {
+    searchValue: string;
+    updateSearchValue: (next: string, trigger?: SearchTrigger) => void;
+    isAsyncSearch: boolean;
+    showDefaultOptions: boolean;
+};
+export {};

package/dist/components/Select2/internal/CreateNameField.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type CreateNameFieldProps = {
+    value: string;
+    placeholder: string;
+    canSubmit: boolean;
+    onValueChange: (value: string) => void;
+    onSubmit: () => void;
+    onCancel: () => void;
+};
+export declare const CreateNameField: ({ value, placeholder, canSubmit, onValueChange, onSubmit, onCancel, }: CreateNameFieldProps) => React.JSX.Element;

package/dist/components/Select2/internal/CreateQueryValue.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CreateQueryValue: ({ value }: {
+    value: string;
+}) => React.JSX.Element;

package/dist/components/Select2/internal/SearchLoadingStatus.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SearchLoadingStatus: () => React.JSX.Element;

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

@@ -70,6 +70,8 @@ export declare const IconArea: import("styled-components/dist/types").IStyledCom
     $multiple?: boolean | undefined;
 }, never>>> & string;
 export declare const CreateQueryText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+/** 下端の作成行。上の罫線とホバーのあいだを空ける（区切り線の margin と同じ 8px） */
+export declare const CreateFooterSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CreateActionItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
     pressed?: boolean | undefined;
     prepend?: React.ReactNode;

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

@@ -137,13 +137,13 @@ export type Select2SearchMode = {
  */
 export type Select2Creatable = {
     /**
-     * 一覧の末尾へ出す作成メニューのラベル。
+     * メニューの下端に固定する作成メニューのラベル。候補をスクロールしても見える。
      * 押すとその行が入力欄になる。Enter でその名前を作成する。作成できる名前が入っているときは右側に、角丸の矩形で囲んだ Enter の矢印が出る。押すものではなく、Enter で作成する目印。Esc では入力を取り消してこのメニューに戻る。検索窓にフォーカスしたときも入力を取り消す。検索窓は使わない。
      * @default "新規作成"
      */
     createActionLabel?: string;
     /**
-     * 作成行を選んだときに呼ばれる。引数は前後の空白を除いた入力値。
+     * 作成行を選んだときに呼ばれる。引数は入力値そのもの。前後の空白（全角スペースを含む）も残す。
      * 渡したときは Select2 は選択値を変えない。親が children と value を更新する。
      * 渡さないときは、その入力値を値として選ぶ。
      * 単一選択は置き換え、複数選択は追加する。複数選択の確定タイミングは通常の選択と同じ。
@@ -151,7 +151,7 @@ export type Select2Creatable = {
     onCreate?: (inputValue: string) => void;
     /**
      * 追加の作成可否。false なら作成行を出さない。
-     * 引数は前後の空白を除いた入力値。
+     * 引数は入力値そのもの。前後の空白（全角スペースを含む）も残す。
      * 空文字と空白だけ（全角スペースを含む）は、この関数より先に常に拒否する。
      * 同じラベルや同じ value を止めるかも、この関数で決める。
      */

package/dist/components/Select2/utils/creatableOption.d.ts

@@ -1,12 +1,13 @@
 export declare const CREATE_FROM_SEARCH_MESSAGE = "\u65B0\u898F\u4F5C\u6210\u3059\u308B";
 export declare const DEFAULT_CREATE_ACTION_LABEL = "\u65B0\u898F\u4F5C\u6210";
 export declare const CREATE_NAME_PLACEHOLDER = "\u4F5C\u6210\u3059\u308B\u540D\u79F0\u3092\u5165\u529B";
-/** 作成に使う文字列。全角スペースは半角にしてから、前後の空白を落とす。 */
+/** 作成に使う文字列。前後の空白（全角スペースを含む）も残す。 */
 export declare const normalizeCreateInput: (inputValue: string) => string;
 export declare const formatCreateLabel: (inputValue: string) => string;
 /**
  * 作成行を出してよいか。
  * 空文字と空白だけ（全角スペースを含む）は作成しない。
+ * それ以外は前後の空白を残した入力を使う。
  * 既存のラベルや value と一致しても、それだけでは拒否しない。
  * 同名や同じ ID を止めるときは isValidNewOption で false を返す。
  * isValidNewOption には normalizeCreateInput 済みの入力を渡す。

package/dist/components/Select2/utils/options.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement, type ReactNode } from "react";
+import type { Select2OptionProps } from "../types";
+type OptionElementProps = {
+    value?: string | number;
+    children?: ReactNode;
+    disabled?: boolean;
+    prepend?: ReactNode;
+    append?: ReactNode;
+};
+type OptionGroupElementProps = {
+    label: string;
+    children?: ReactNode;
+};
+export declare const isSelect2OptionElement: (element: ReactElement) => element is ReactElement<OptionElementProps, string | import("react").JSXElementConstructor<any>>;
+export declare const isSelect2OptionGroupElement: (element: ReactElement) => element is ReactElement<OptionGroupElementProps, string | import("react").JSXElementConstructor<any>>;
+export declare const isSelect2SeparatorElement: (element: ReactElement) => boolean;
+export declare const extractOptionsFromChildren: (children: ReactNode) => Select2OptionProps[];
+export {};