@myunisoft/design-system 1.3.0-rev157-1 → 1.3.0-rev157-2

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' | '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' | 'temporaryItem' | 'isTemporaryItem' | 'onTemporarySectionValidation' | 'onTemporarySectionCancel' | 'onItemLabelChange' | 'hiddenSectionTooltip' | 'visibleIconTooltip' | 'hiddenIconTooltip'> & {
     apiRef: RichTreeViewProApiRef;
     onEditingChange?: (itemId: string | null) => void;
 };

package/dist/components/DocumentComposer/Treeview/slots/LabelInputSlot.d.ts

@@ -3,7 +3,7 @@ import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
 export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     ownerState?: unknown;
     itemId?: string;
-    isTemporary?: boolean;
+    isEditing?: boolean;
     onTemporarySectionValidation?: (label: string) => void;
     onTemporarySectionCancel?: () => void;
     onItemLabelChange?: (itemId: string, newLabel: string) => void;

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

@@ -2,6 +2,8 @@ import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
 import type { DocumentSection } from '../types';
 export type TemporarySection = Pick<DocumentSection, 'id' | 'parentId'> & {
     parentVisible: boolean;
+    /** When undefined = editing mode (input), when defined = optimistic mode (waiting for server) */
+    title?: string;
 };
 type UseTemporarySectionParams = {
     apiRef: RichTreeViewProApiRef;
@@ -12,14 +14,17 @@ type UseTemporarySectionParams = {
 /**
  * Flow:
  * 1. User triggers `create(parentId)` from context menu
- * 2. A temporary section appears in the tree in edit mode
+ * 2. A temporary section appears in the tree in edit mode (title = undefined)
  * 3. User types a title and presses Enter → `validate()` is called
+ *    - The section transitions to optimistic mode (title = defined)
+ *    - Server creation is called in background
  * 4. User presses Escape or leaves empty → `cancel()` is called
+ * 5. Server responds → temporary section is cleared, real section replaces it
  */
 export declare const useTemporarySection: ({ apiRef, getSectionById, onSectionCreate, scrollToBottom }: UseTemporarySectionParams) => {
     temporarySection: TemporarySection | null;
     create: (parentId?: string | null) => void;
-    validate: (title: string) => Promise<void>;
+    validate: (title: string) => void;
     cancel: () => void;
     isTemporary: (sectionId: string) => boolean;
 };