@deadragdoll/reactnu 0.1.24 → 0.1.49

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

@@ -16,6 +16,8 @@ export type NuIconDefinition = {
     onContextMenu?: MouseEventHandler<HTMLButtonElement>;
     onDoubleClick?: MouseEventHandler<HTMLButtonElement>;
     onPositionChange?: (position: NuIconPosition, icon: NuIconInfo) => void;
+    /** Application-defined data preserved when the icon moves to another grid. */
+    payload?: unknown;
     position?: NuIconPosition;
 };
 export type NuIconInfo = Omit<NuIconDefinition, "id" | "position"> & {
@@ -33,3 +35,10 @@ export type NuIconManager = {
     updateIcon: (id: string, patch: Partial<Omit<NuIconDefinition, "id">>) => void;
 };
 export type NuIconContextMenuItems = MainMenuNode[] | ((manager: NuIconManager) => MainMenuNode[]);
+export type NuIconDropContext = {
+    position: NuIconPosition;
+    source: NuIconManager;
+    sourceGrid: HTMLElement;
+    target: NuIconManager;
+    targetGrid: HTMLElement;
+};

package/dist/components/IconGrid/NuIconGrid.d.ts

@@ -1,7 +1,15 @@
 import { HTMLAttributes } from "react";
-import { NuIconContextMenuItems, NuIconArrangeMode } from "./IconGrid.types";
+import { NuIconContextMenuItems, NuIconArrangeMode, NuIconDropContext, NuIconInfo } from "./IconGrid.types";
 export type NuIconGridProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Filters icons accepted from another grid before `onIconDrop` is called. */
+    accepts?: (icon: NuIconInfo) => boolean;
     contextMenuItems?: NuIconContextMenuItems;
     defaultArrangeMode?: NuIconArrangeMode;
+    /** Enables hit testing for a non-interactive grid surface behind other content. */
+    dropTarget?: boolean;
+    /** Called by the target grid before an icon is transferred. Return false to reject the drop. */
+    onIconDrop?: (icon: NuIconInfo, context: NuIconDropContext) => boolean | void;
+    /** Called by the source grid after its icon was transferred to another grid. */
+    onIconMoveOut?: (icon: NuIconInfo, context: NuIconDropContext) => void;
 };
-export declare function NuIconGrid({ className, contextMenuItems: contextMenuItemsSource, defaultArrangeMode, onContextMenu, onPointerDown, ...props }: NuIconGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function NuIconGrid({ accepts, className, contextMenuItems: contextMenuItemsSource, defaultArrangeMode, dropTarget, onIconDrop, onIconMoveOut, onContextMenu, onPointerDown, ...props }: NuIconGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ListBox/ListBox.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, HTMLAttributes, RefAttributes } from "react";
+import { ForwardedRef, HTMLAttributes, MouseEvent, RefAttributes } from "react";
 import { ListBoxGroup, ListBoxItem } from "./internals/types";
 export type { ListBoxCategory, ListBoxGroup, ListBoxItem, ListBoxLabel } from "./internals/types";
 export type ListBoxHandle = {
@@ -11,6 +11,7 @@ export type ListBoxHandle = {
 export type ListBoxProps = Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     data: ListBoxGroup[];
     checkedIds?: string[];
+    onPopupMenu?: (event: MouseEvent<HTMLDivElement>, item: ListBoxItem, group: ListBoxGroup) => void;
     emptyText?: string;
     onItemCheckChange?: (item: ListBoxItem, group: ListBoxGroup, checked: boolean) => void;
     onItemDoubleClick?: (item: ListBoxItem, group: ListBoxGroup) => void;
@@ -19,5 +20,5 @@ export type ListBoxProps = Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     uncheckedShape?: "box" | "none";
     onItemSelect?: (item: ListBoxItem, group: ListBoxGroup) => void;
 };
-declare function ListBoxInner({ className, data, checkedIds, emptyText, onItemCheckChange, onItemDoubleClick, onItemSelect, rightCheckBox, selectedId, uncheckedShape, ...props }: ListBoxProps, ref: ForwardedRef<ListBoxHandle>): import("react/jsx-runtime").JSX.Element;
+declare function ListBoxInner({ className, data, checkedIds, emptyText, onPopupMenu, onItemCheckChange, onItemDoubleClick, onItemSelect, rightCheckBox, selectedId, uncheckedShape, ...props }: ListBoxProps, ref: ForwardedRef<ListBoxHandle>): import("react/jsx-runtime").JSX.Element;
 export declare const ListBox: (props: ListBoxProps & RefAttributes<ListBoxHandle>) => ReturnType<typeof ListBoxInner>;

package/dist/components/ListBox/internals/ListBoxGroupView.d.ts

@@ -1,3 +1,4 @@
+import { MouseEvent } from "react";
 import { ListBoxGroup, ListBoxItem } from "./types";
 type ListBoxGroupViewProps = {
     group: ListBoxGroup;
@@ -6,6 +7,7 @@ type ListBoxGroupViewProps = {
     listboxId: string;
     onActivateItem: (item: ListBoxItem, group: ListBoxGroup, itemId: string) => void;
     onDoubleClickItem?: (item: ListBoxItem, group: ListBoxGroup) => void;
+    onPopupMenuItem?: (event: MouseEvent<HTMLDivElement>, item: ListBoxItem, group: ListBoxGroup, itemId: string) => void;
     onToggleItemCheck: (itemId: string) => void;
     registerItemRef: (itemId: string, node: HTMLDivElement | null) => void;
     resolvedActiveId: string | null;
@@ -13,5 +15,5 @@ type ListBoxGroupViewProps = {
     selectedId?: string;
     uncheckedShape: "box" | "none";
 };
-export declare function ListBoxGroupView({ group, groupIndex, isItemChecked, listboxId, onActivateItem, onDoubleClickItem, onToggleItemCheck, registerItemRef, resolvedActiveId, rightCheckBox, selectedId, uncheckedShape }: ListBoxGroupViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListBoxGroupView({ group, groupIndex, isItemChecked, listboxId, onActivateItem, onDoubleClickItem, onPopupMenuItem, onToggleItemCheck, registerItemRef, resolvedActiveId, rightCheckBox, selectedId, uncheckedShape }: ListBoxGroupViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ListBox/internals/ListBoxItemView.d.ts

@@ -1,3 +1,4 @@
+import { MouseEvent } from "react";
 import { ListBoxGroup, ListBoxItem } from "./types";
 type ListBoxItemViewProps = {
     group: ListBoxGroup;
@@ -8,11 +9,12 @@ type ListBoxItemViewProps = {
     itemId: string;
     onActivate: (item: ListBoxItem, group: ListBoxGroup, itemId: string) => void;
     onDoubleClick?: (item: ListBoxItem, group: ListBoxGroup) => void;
+    onPopupMenu?: (event: MouseEvent<HTMLDivElement>, item: ListBoxItem, group: ListBoxGroup, itemId: string) => void;
     onToggleCheck: (itemId: string) => void;
     registerItemRef: (itemId: string, node: HTMLDivElement | null) => void;
     rightCheckBox: boolean;
     uncheckedShape: "box" | "none";
 };
-declare function ListBoxItemViewInner({ group, isActive, isChecked, isSelected, item, itemId, onActivate, onDoubleClick, onToggleCheck, registerItemRef, rightCheckBox, uncheckedShape }: ListBoxItemViewProps): import("react/jsx-runtime").JSX.Element;
+declare function ListBoxItemViewInner({ group, isActive, isChecked, isSelected, item, itemId, onActivate, onPopupMenu, onDoubleClick, onToggleCheck, registerItemRef, rightCheckBox, uncheckedShape }: ListBoxItemViewProps): import("react/jsx-runtime").JSX.Element;
 export declare const ListBoxItemView: import("react").MemoExoticComponent<typeof ListBoxItemViewInner>;
 export {};

package/dist/components/PopupMenu/PopupMenu.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from "react";
 import { MainMenuItem, MainMenuNode } from "../MainMenu/MainMenu.types";
 export type PopupMenuPointAnchor = {
+    themeSource?: HTMLElement;
     type: "point";
     x: number;
     y: number;

package/dist/components/PopupMenu/usePopupMenu.d.ts

@@ -5,7 +5,7 @@ export declare function usePopupMenu(): {
     close: () => void;
     open: boolean;
     openAtElement: (element: HTMLElement) => void;
-    openAtPoint: (x: number, y: number) => void;
+    openAtPoint: (x: number, y: number, themeSource?: HTMLElement) => void;
     openFromClick: (event: MouseEvent<HTMLElement>) => void;
     openFromContextMenu: (event: MouseEvent<HTMLElement>) => void;
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;

package/dist/components/TreeListView/TreeListView.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef, HTMLAttributes, RefAttributes } from "react";
-import { TreeListColumn, TreeListGetCellContent, TreeListItemBase } from "./internals/types";
+import { ForwardedRef, HTMLAttributes, MouseEvent, RefAttributes } from "react";
+import { TreeListColumn, TreeListCellContext, TreeListGetCellContent, TreeListItemBase } from "./internals/types";
 export type { TreeListCellContext, TreeListColumn, TreeListGetCellContent, TreeListItemBase } from "./internals/types";
 export type TreeListViewHandle = {
     activateItem: (itemId: string) => void;
@@ -13,6 +13,7 @@ export type TreeListViewHandle = {
 export type TreeListViewProps<T extends TreeListItemBase<T>> = Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     activeItemId?: string;
     checkedIds?: string[];
+    onPopupMenu?: (event: MouseEvent<HTMLDivElement>, item: T, context: TreeListCellContext<T>) => void;
     columns: TreeListColumn<T>[];
     data: T[];
     dataVersion?: number;
@@ -29,5 +30,5 @@ export type TreeListViewProps<T extends TreeListItemBase<T>> = Omit<HTMLAttribut
     selectedId?: string;
     uncheckedShape?: "box" | "none";
 };
-declare function TreeListViewInner<T extends TreeListItemBase<T>>({ activeItemId: activeItemIdProp, checkedIds, className, columns, data, dataVersion, defaultActiveItemId, defaultExpandedIds, emptyText, expandedIds, getCellContent, onActiveItemChange, onExpandedIdsChange, onItemCheckChange, onItemDoubleClick, onItemSelect, selectedId, uncheckedShape, ...props }: TreeListViewProps<T>, ref: ForwardedRef<TreeListViewHandle>): import("react/jsx-runtime").JSX.Element;
+declare function TreeListViewInner<T extends TreeListItemBase<T>>({ activeItemId: activeItemIdProp, checkedIds, className, columns, onPopupMenu, data, dataVersion, defaultActiveItemId, defaultExpandedIds, emptyText, expandedIds, getCellContent, onActiveItemChange, onExpandedIdsChange, onItemCheckChange, onItemDoubleClick, onItemSelect, selectedId, uncheckedShape, ...props }: TreeListViewProps<T>, ref: ForwardedRef<TreeListViewHandle>): import("react/jsx-runtime").JSX.Element;
 export declare const TreeListView: <T extends TreeListItemBase<T>>(props: TreeListViewProps<T> & RefAttributes<TreeListViewHandle>) => ReturnType<typeof TreeListViewInner>;

package/dist/components/TreeListView/internals/TreeListViewRow.d.ts

@@ -1,4 +1,5 @@
-import { TreeListColumn, TreeListGetCellContent, TreeListItemBase } from "./types";
+import { MouseEvent } from "react";
+import { TreeListCellContext, TreeListColumn, TreeListGetCellContent, TreeListItemBase } from "./types";
 type TreeListViewRowProps<T extends TreeListItemBase<T>> = {
     activeItemId: string | null;
     checkedIds?: string[];
@@ -12,6 +13,7 @@ type TreeListViewRowProps<T extends TreeListItemBase<T>> = {
     item: T;
     onActivateItem: (item: T, itemId: string) => void;
     onDoubleClickItem?: (item: T) => void;
+    onPopupMenuItem?: (event: MouseEvent<HTMLDivElement>, item: T, context: TreeListCellContext<T>) => void;
     onToggleItemCheck?: (item: T, checked: boolean) => void;
     onToggleItemExpanded: (item: T, expanded: boolean) => void;
     originOffset: number;
@@ -23,6 +25,6 @@ type TreeListViewRowProps<T extends TreeListItemBase<T>> = {
     treeId: string;
     uncheckedShape: "box" | "none";
 };
-declare function TreeListViewRowInner<T extends TreeListItemBase<T>>({ activeItemId, checkedIds, columns, depth, expandedIdSet, getCellContent, guideMask, guideOffsets, hasNextSibling, item, onActivateItem, onDoubleClickItem, onToggleItemCheck, onToggleItemExpanded, originOffset, registerItemRef, rowIndexMap, selectedItemId, templateColumns, treeColumnId, treeId, uncheckedShape }: TreeListViewRowProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TreeListViewRowInner<T extends TreeListItemBase<T>>({ activeItemId, checkedIds, columns, depth, expandedIdSet, getCellContent, guideMask, guideOffsets, hasNextSibling, item, onActivateItem, onDoubleClickItem, onPopupMenuItem, onToggleItemCheck, onToggleItemExpanded, originOffset, registerItemRef, rowIndexMap, selectedItemId, templateColumns, treeColumnId, treeId, uncheckedShape }: TreeListViewRowProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const TreeListViewRow: typeof TreeListViewRowInner;
 export {};