ingred-ui 33.0.0 → 33.1.0

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

@@ -1,15 +1,18 @@
-import React, { type ReactNode, type ReactElement } from "react";
+import React, { type ReactNode } from "react";
 import { type UniqueIdentifier } from "@dnd-kit/core";
 export declare const ContextMenu2SortableContext: React.Context<{
     isSorting: boolean;
     setIsSorting: (_: boolean) => void;
 }>;
 type ContextMenu2SortableContainerProps = {
+    /** SortableContext に登録する ID（並べ替え可能な項目のみ） */
     order: UniqueIdentifier[];
-    children: ReactElement[];
+    /** 固定行を含む表示順。省略時は order と同じ */
+    displayOrder?: UniqueIdentifier[];
+    children: ReactNode;
     onOrderChange: (order: UniqueIdentifier[]) => void;
 };
-export declare const ContextMenu2SortableGroup: ({ order, children, onOrderChange, }: ContextMenu2SortableContainerProps) => React.JSX.Element;
+export declare const ContextMenu2SortableGroup: ({ order, displayOrder, children, onOrderChange, }: ContextMenu2SortableContainerProps) => React.JSX.Element;
 type ContextMenu2SortableItemProps = {
     id: UniqueIdentifier;
     disabled?: boolean;
@@ -19,4 +22,13 @@ export declare const ContextMenu2SortableItem: {
     ({ id, disabled, children, }: ContextMenu2SortableItemProps): React.JSX.Element;
     displayName: string;
 };
+type ContextMenu2SortableFixedItemProps = {
+    id: UniqueIdentifier;
+    children: ReactNode;
+};
+/** 並べ替え不可の行。SortableGroup 内で SortableContext の外として描画する */
+export declare const ContextMenu2SortableFixedItem: {
+    ({ id, children, }: ContextMenu2SortableFixedItemProps): React.JSX.Element;
+    displayName: string;
+};
 export {};

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

@@ -1,5 +1,6 @@
 import React, { type ReactNode } from "react";
 type ContextMenu2TriggerItemProps = {
+    prepend?: ReactNode;
     append?: ReactNode;
     children: ReactNode;
 };

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

@@ -8,4 +8,4 @@ export { ContextMenu2SwitchItem } from "./ContextMenu2SwitchItem";
 export { ContextMenu2TextInputItem } from "./ContextMenu2TextInputItem";
 export { ContextMenu2SeparatorItem } from "./ContextMenu2SeparatorItem";
 export { ContextMenu2ButtonControlsItem } from "./ContextMenu2ButtonControlsItem";
-export { ContextMenu2SortableGroup, ContextMenu2SortableItem, } from "./ContextMenu2SortableItem";
+export { ContextMenu2SortableGroup, ContextMenu2SortableItem, ContextMenu2SortableFixedItem, } from "./ContextMenu2SortableItem";

package/dist/components/DataTable2/DataTable2.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from "react";
-import type { TableColumn } from "./types";
+import type { DataTable2ColumnEditFeatures, TableColumn } from "./types";
 import type { TableAction } from "./types/tableActions";
 type DataTable2Props = {
     /**
@@ -63,6 +63,11 @@ type DataTable2Props = {
      * @default true
      */
     enableRowSelection?: boolean;
+    /**
+     * カラム編集メニューでエンドユーザーに許可する操作。
+     * 例: `{ reorder: false }` で表示 ON/OFF のみ、`{ visibility: false }` で並び替えのみ。
+     */
+    columnEditFeatures?: DataTable2ColumnEditFeatures;
 } & {
     /**
      * 見た目の制御。枠線で囲むか否か。枠線で囲むと角丸も適用される
@@ -75,5 +80,5 @@ type DataTable2Props = {
      */
     onCheckedRowsChange?: (checkedRows: string[]) => void;
 };
-export declare const DataTable2: ({ bordered, currentPage, pageSize, pageSizeOptions, totalCount, columns, onPageChange, onPageSizeChange, onColumnsChange, onCheckedRowsChange, children, tableActions, customTableActionArea, enableRowSelection, }: DataTable2Props) => React.JSX.Element;
+export declare const DataTable2: ({ bordered, currentPage, pageSize, pageSizeOptions, totalCount, columns, onPageChange, onPageSizeChange, onColumnsChange, onCheckedRowsChange, children, tableActions, customTableActionArea, enableRowSelection, columnEditFeatures: columnEditFeaturesProp, }: DataTable2Props) => React.JSX.Element;
 export {};

package/dist/components/DataTable2/DataTable2Column.d.ts

@@ -4,7 +4,7 @@ type DataTable2ColumnProps = {
     className?: string;
     /**
      * 横スクロール時に列をビューポート右端に固定する。**最大 1 列**のみ指定可（先にマウントした列が有効）。
-     * カラム編集で動かさない場合は `TableColumn.sortable: false` の末尾列に付けることを推奨。
+     * カラム編集で動かさない場合は `TableColumn.reorderable: false`（または `sortable: false`）の末尾列に付けることを推奨。
      */
     sticky?: "right";
     isResizable: true;

package/dist/components/DataTable2/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { TableColumn } from "./types";
+import type { ResolvedDataTable2ColumnEditFeatures, TableColumn } from "./types";
 export type RowSpacing = -2 | -1 | 0 | 1 | 2;
 export declare const DataTable2Context: import("react").Context<{
     rowIds: string[];
@@ -8,6 +8,7 @@ export declare const DataTable2Context: import("react").Context<{
     hasRowControls: boolean;
     checkedRows: string[];
     columns: TableColumn[];
+    columnEditFeatures: ResolvedDataTable2ColumnEditFeatures;
     setRowIds: (rowIds: string[]) => void;
     setCheckedRows: (rowIds: string[]) => void;
     setColumns: (columns: TableColumn[]) => void;
@@ -31,7 +32,7 @@ export declare const DataTable2StickyScrollContext: import("react").Context<{
 }>;
 /**
  * `sticky="right"` は **最大 1 列**（先に登録した列のみ有効。2 列目は開発時に警告して無視）。
- * 利用上は **右端列**（例: 操作列）に `sortable: false` を付け、カラム編集で末尾固定にして移動させないことを推奨。
+ * 利用上は **右端列**（例: 操作列）に `reorderable: false`（または後方互換の `sortable: false`）を付け、カラム編集で末尾固定にして移動させないことを推奨。
  */
 export declare const DataTable2ColumnStickyContext: import("react").Context<{
     registerColumnSticky: (index: number, sticky: "right" | undefined) => void;

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

@@ -1,4 +1,4 @@
-export type { TableColumn, SortDirection } from "./types";
+export type { TableColumn, SortDirection, DataTable2ColumnEditFeatures, } from "./types";
 export type { TableAction } from "./types/tableActions";
 export { DataTable2 } from "./DataTable2";
 export { DataTable2Head } from "./DataTable2Head";

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

@@ -1,9 +1,32 @@
+/** カラム編集メニューでエンドユーザーに許可する操作（テーブル単位） */
+export type DataTable2ColumnEditFeatures = {
+    /** 並び替えを許可する。false のとき全列のドラッグハンドルを無効化する */
+    reorder?: boolean;
+    /** 表示 ON/OFF を許可する。false のとき全列のスイッチを無効化する */
+    visibility?: boolean;
+};
+export type ResolvedDataTable2ColumnEditFeatures = Required<DataTable2ColumnEditFeatures>;
 export type TableColumn = {
     id: string;
     label: string;
     order: number;
     visible: boolean;
+    /**
+     * カラム編集での位置ロックと編集可否の後方互換用フラグ。
+     * `reorderable` / `visibilityEditable` 未指定時はこの値が両方の既定になる。
+     *
+     * @deprecated 新規は `reorderable` と `visibilityEditable` を明示してください。
+     */
     sortable: boolean;
+    /**
+     * カラム編集で並び替え可能か。未指定時は `sortable` に従う。
+     * false の列は先頭/末尾の固定ブロックに入り、ドラッグで動かせない。
+     */
+    reorderable?: boolean;
+    /**
+     * カラム編集で表示 ON/OFF 可能か。未指定時は `sortable` に従う。
+     */
+    visibilityEditable?: boolean;
     /**
      * true で入力値あり、false で入力値なし、undefined でフィルタ入力機能なし
      */

package/dist/components/DataTable2/utils/__tests__/columnEditCapabilities.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DataTable2/utils/columnEditCapabilities.d.ts

@@ -0,0 +1,30 @@
+import type { DataTable2ColumnEditFeatures, ResolvedDataTable2ColumnEditFeatures, TableColumn } from "../types";
+export declare function resolveColumnEditFeatures(features?: DataTable2ColumnEditFeatures): ResolvedDataTable2ColumnEditFeatures;
+/** カラム編集メニューでの並び替え可否（列定義。テーブル単位は別途かける） */
+export declare function isColumnPositionLocked(column: TableColumn): boolean;
+export declare function resolveColumnReorderable(column: TableColumn, tableFeatures: ResolvedDataTable2ColumnEditFeatures): boolean;
+export declare function resolveColumnVisibilityEditable(column: TableColumn, tableFeatures: ResolvedDataTable2ColumnEditFeatures): boolean;
+export declare function shouldShowColumnEditMenu(columns: TableColumn[], tableFeatures: ResolvedDataTable2ColumnEditFeatures): boolean;
+export type ColumnEditMenuSegment = {
+    type: "fixed";
+    columns: TableColumn[];
+} | {
+    type: "reorderable";
+    columns: TableColumn[];
+};
+/** 表示順を保ったまま、連続する並べ替え可能列だけを reorderable セグメントにまとめる */
+export declare function segmentColumnsForEditMenu(orderedColumns: TableColumn[]): ColumnEditMenuSegment[];
+/** @deprecated segmentColumnsForEditMenu を使用してください */
+export declare function groupColumnsForEditMenu(orderedColumns: TableColumn[]): {
+    startFixed: TableColumn[];
+    reorderable: TableColumn[];
+    endFixed: TableColumn[];
+};
+/**
+ * 並べ替え可能列だけの新しい順序から column.order を再計算する。
+ * reorderable でない列はもとのインデックスに固定し、並べ替え可能列だけが空きスロットに入る。
+ */
+export declare function applyReorderableOrderChange(columns: TableColumn[], newReorderableOrder: (string | number)[], tableFeatures: ResolvedDataTable2ColumnEditFeatures): TableColumn[];
+/** @deprecated applyReorderableOrderChange を使用してください */
+export declare function applyColumnOrderFromDrag(columns: TableColumn[], newVisualOrder: (string | number)[], tableFeatures: ResolvedDataTable2ColumnEditFeatures): TableColumn[];
+export declare function getColumnEditHelpText(tableFeatures: ResolvedDataTable2ColumnEditFeatures): string;

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 /** @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" | "expand_diagonal_s_fill" | "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" | "alert" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "sidebar_fold" | "sidebar_unfold" | "skip_down" | "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" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_does_not_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to" | "bookmark" | "circle" | "money_dollar_circle" | "money_jpy_circle" | "expand_list" | "collapse_list" | "history" | "keyvalue" | "dashboard2" | "calculator" | "upload_cloud" | "corner_down_right";
+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" | "expand_diagonal_s_fill" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "list_ordered_2" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "translate_2" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alert" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "sidebar_fold" | "sidebar_unfold" | "skip_down" | "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" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_does_not_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to" | "bookmark" | "circle" | "money_dollar_circle" | "money_jpy_circle" | "expand_list" | "collapse_list" | "history" | "keyvalue" | "dashboard2" | "calculator" | "upload_cloud" | "corner_down_right";
 type IconType = "fill" | "line";
 type IconColor = IconType | "active" | string;
 export type IconSize = "sm" | "sm-md" | "md" | "md-lg" | "lg";

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

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

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

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