@myunisoft/design-system 1.2.9-rev157-6 → 1.2.9-rev157-9

package/dist/components/DocumentComposer/Treeview/CustomTreeItem.d.ts

@@ -1,6 +1,6 @@
 import type { RichTreeViewProApiRef, TreeItemProps } from '@mui/x-tree-view-pro';
 import type { TreeviewProps } from './types';
-type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isItemReorderable' | 'isSectionDraggable' | 'onItemVisibilityChange' | 'isTemporaryItem' | 'onTemporarySectionValidation' | 'onTemporarySectionCancel' | 'onItemLabelChange' | 'hiddenSectionTooltip' | 'visibleIconTooltip' | 'hiddenIconTooltip'> & {
+type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isSectionDraggable' | 'onItemVisibilityChange' | 'isTemporaryItem' | 'onTemporarySectionValidation' | 'onTemporarySectionCancel' | 'onItemLabelChange' | 'hiddenSectionTooltip' | 'visibleIconTooltip' | 'hiddenIconTooltip'> & {
     apiRef: RichTreeViewProApiRef;
     onEditingChange?: (itemId: string | null) => void;
 };

package/dist/components/DocumentComposer/Treeview/types.d.ts

@@ -30,7 +30,6 @@ export type TreeviewProps<T> = {
     getItemId: (item: T) => string;
     getItemLabel: (item: T) => string;
     getItemChildren: (item: T) => T[] | undefined;
-    isItemReorderable: (itemId: string) => boolean;
     isSectionDraggable: (itemId: string) => boolean;
     canMoveItemToNewPosition: (params: ItemPositionParams) => boolean;
     onItemPositionChange: (params: ItemPositionParams) => void;

package/dist/components/DocumentComposer/hooks/useDragVisualFeedback.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from 'react';
+import type { DocumentSection } from '../types';
+type UseDragVisualFeedbackParams = {
+    containerRef: RefObject<HTMLDivElement | null>;
+    getSectionById: (sectionId: string) => DocumentSection | null;
+    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null) => boolean;
+};
+/**
+ * Provides visual feedback during drag-and-drop by graying out invalid drop targets.
+ *
+ * Uses direct DOM manipulation instead of React state to avoid re-rendering
+ * all tree items on every drag event.
+ */
+export declare const useDragVisualFeedback: ({ containerRef, getSectionById, isValidDropTarget }: UseDragVisualFeedbackParams) => void;
+export {};

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

@@ -2,5 +2,5 @@ import type { DocumentComposerCallbacks, DocumentComposerCustomProps, DocumentSe
 type DocumentComposerProps = {
     sections?: DocumentSection[];
 } & DocumentComposerCallbacks & DocumentComposerCustomProps;
-declare const DocumentComposer: ({ sections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, noSectionsPlaceholder, isLoading, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, isValidDropTarget: isValidDropTargetCallback }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentComposer: ({ sections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, noSectionsPlaceholder, isLoading, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, isValidDropTarget }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
 export default DocumentComposer;

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

@@ -43,8 +43,9 @@ export type DocumentComposerCustomProps = {
      * Determines if `targetSection` is a valid drop location for `draggedSection`.
      * When provided, invalid targets are visually greyed out during drag.
      * Defaults to () => true (all targets valid).
+     * @param targetSection - The parent section where the item would be dropped, or `null` if dropping at root level.
      */
-    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection) => boolean;
+    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null) => boolean;
 };
 export type DocumentComposerCallbacks = {
     onSectionOrderChange?: (params: ItemPositionParams) => void;