@myunisoft/design-system 1.2.5-rev157 → 1.2.5-rev157.1

package/dist/components/DataGrid/components/toolbar/ActionsMenu/index.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { GridValidRowModel } from '@mui/x-data-grid-pro';
+export type MenuAction = {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    color?: string;
+    disabled?: boolean | ((selectedRows: GridValidRowModel[]) => boolean);
+    onClick: (selectedRows: GridValidRowModel[]) => void;
+};
+type ActionsMenuProps = {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    menuActions: MenuAction[];
+    selectedRows: GridValidRowModel[];
+    onClose: () => void;
+};
+declare const ActionsMenu: ({ isOpen, anchorEl, menuActions, selectedRows, onClose }: ActionsMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionsMenu;

package/dist/components/DataGrid/components/toolbar/CustomGridToolbar.d.ts

@@ -7,20 +7,23 @@
  * Source (MUI v7.x): https://github.com/mui/mui-x/blob/v7.x/packages/x-data-grid/src/components/toolbar/GridToolbar.tsx
  */
 import { type GridRowSelectionModel, type GridSlotsComponentsProps, type GridValidRowModel } from '@mui/x-data-grid-pro';
+import { type MenuAction } from './ActionsMenu';
 import { type IconButtonConfig, type TextButtonConfig } from './ArrayButtons';
 interface DeleteAction {
     onDelete: (selectedRowIds: GridRowSelectionModel) => boolean | Promise<boolean>;
     disabled?: boolean;
 }
 interface BulkEditAction {
-    onBulkEditSave: (selectedIds: GridRowSelectionModel, newRows: GridValidRowModel[]) => boolean | Promise<boolean>;
+    onBulkEditSave: (selectedRowIds: GridRowSelectionModel, newRows: GridValidRowModel[]) => boolean | Promise<boolean>;
     disabled?: boolean;
 }
 declare module '@mui/x-data-grid-pro' {
     interface ToolbarPropsOverrides {
+        showSelectedCount?: boolean;
         customButtons?: CustomToolbarButtonConfig[];
         deleteAction?: DeleteAction;
         bulkEditAction?: BulkEditAction;
+        menuActions?: MenuAction[];
     }
 }
 interface CustomTextButtonConfig extends Omit<TextButtonConfig, 'onClick'> {

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

@@ -0,0 +1,2 @@
+export declare const LeftPanelSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const RightPanelSkeleton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
 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' | 'onItemVisibilityChange'> & {
+type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isItemReorderable' | 'onItemVisibilityChange' | 'isTemporaryItem' | 'onTemporarySectionValidation' | 'onTemporarySectionCancel' | 'onItemLabelChange'> & {
     apiRef: RichTreeViewProApiRef;
+    onEditingChange?: (itemId: string | null) => void;
 };
 type CustomTreeItemProps<T extends Record<string, unknown>> = TreeItemProps & TreeItemCallbacks<T>;
 export declare const CustomTreeItem: <T extends Record<string, unknown>>(props: CustomTreeItemProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DocumentComposer/Treeview/hooks/useTreeItemMenu.d.ts

@@ -7,6 +7,8 @@ export declare const useTreeItemMenu: () => {
     } | null;
     handleMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
     handleMenuClose: () => void;
+    scheduleMenuAction: (action: () => void) => void;
+    onMenuExited: () => void;
     createMouseMoveHandler: (isHovered: boolean, onHoverChange?: (isHovered: boolean) => void) => (e: React.MouseEvent<HTMLDivElement>) => void;
     createMouseLeaveHandler: (onHoverChange?: (isHovered: boolean) => void) => () => void;
 };

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

@@ -1,6 +1,11 @@
-type LabelInputSlotProps = {
+import type { InputHTMLAttributes } from 'react';
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     ownerState?: unknown;
-    [key: string]: unknown;
-};
-export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<Omit<LabelInputSlotProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};
+    itemId?: string;
+    isTemporary?: boolean;
+    onTemporarySectionValidation?: (label: string) => void;
+    onTemporarySectionCancel?: () => void;
+    onItemLabelChange?: (itemId: string, newLabel: string) => void;
+    apiRef?: RichTreeViewProApiRef;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,5 @@
 import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+import type { TemporaryItem } from '../hooks/useTemporarySection';
 export type ItemPositionParams = {
     itemId: string;
     oldPosition: {
@@ -10,27 +11,33 @@ export type ItemPositionParams = {
         index: number;
     };
 };
+export type ScheduleMenuAction = (action: () => void) => void;
 type CustomTreeviewItemProps<T> = {
-    hasItemMenu?: (item: T) => boolean;
-    getMenuItems?: (item: T, apiRef?: RichTreeViewProApiRef) => React.ReactNode[];
-    isSectionItem?: (item: T) => boolean;
-    getIconItem?: (item: T) => React.ReactNode;
-    isItemEditable?: (item: T) => boolean;
-    isVisibleItem?: (item: T) => boolean;
-    onItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    hasItemMenu: (item: T) => boolean;
+    getMenuItems: (item: T, scheduleMenuAction: ScheduleMenuAction) => React.ReactNode[];
+    isSectionItem: (item: T) => boolean;
+    getIconItem: (item: T) => React.ReactNode;
+    isItemEditable: (item: T) => boolean;
+    isVisibleItem: (item: T) => boolean;
+    onItemVisibilityChange: (itemId: string, visible: boolean) => void;
 };
 export type TreeviewProps<T> = {
+    apiRef: RichTreeViewProApiRef;
     items: readonly T[];
-    getItemId?: (item: T) => string;
-    getItemLabel?: (item: T) => string;
-    getItemChildren?: (item: T) => T[] | undefined;
-    isItemReorderable?: (itemId: string) => boolean;
-    canMoveItemToNewPosition?: (params: ItemPositionParams) => boolean;
-    onItemPositionChange?: (params: ItemPositionParams) => void;
-    onItemLabelChange?: (itemId: string, newLabel: string) => void;
+    getItemId: (item: T) => string;
+    getItemLabel: (item: T) => string;
+    getItemChildren: (item: T) => T[] | undefined;
+    isItemReorderable: (itemId: string) => boolean;
+    canMoveItemToNewPosition: (params: ItemPositionParams) => boolean;
+    onItemPositionChange: (params: ItemPositionParams) => void;
+    onItemLabelChange: (itemId: string, newLabel: string) => void;
+    temporaryItem: TemporaryItem | null;
+    isTemporaryItem: (itemId: string) => boolean;
+    onTemporarySectionValidation: (label: string) => void;
+    onTemporarySectionCancel: () => void;
+    defaultExpandedItems: string[];
     checkboxSelection?: boolean;
     multiSelect?: boolean;
-    defaultExpandedItems?: string[];
 } & CustomTreeviewItemProps<T>;
 export type TreeviewItemProps<T> = {
     itemId: string;

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

@@ -0,0 +1,14 @@
+import type { ItemPositionParams } from '../Treeview/types';
+import type { DocumentComposerSummaryItem } from '../types';
+type UseDragValidationParams = {
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+};
+/**
+ * Business rule: Items can only be moved within their current parent
+ * or into their siblings' children. Moving items to a completely
+ * different branch is disabled to maintain document structure integrity.
+ */
+export declare const useDragValidation: ({ getItemById }: UseDragValidationParams) => {
+    canMoveItemToNewPosition: (params: ItemPositionParams) => boolean;
+};
+export {};

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

@@ -0,0 +1,5 @@
+import type { DocumentComposerSummaryItem } from '../types';
+export declare const useSummaryItemsMap: (summary: DocumentComposerSummaryItem[] | undefined) => {
+    itemsMap: Map<string, DocumentComposerSummaryItem>;
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+};

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

@@ -0,0 +1,25 @@
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+import type { DocumentComposerSummaryItem } from '../types';
+export type TemporaryItem = Pick<DocumentComposerSummaryItem, 'id' | 'parentId'> & {
+    parentVisible: boolean;
+};
+type UseTemporarySectionParams = {
+    apiRef: RichTreeViewProApiRef;
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+    onItemCreated?: (parentId: string | null, label: string) => string | Promise<string>;
+};
+/**
+ * Flow:
+ * 1. User triggers `create(parentId)` from context menu
+ * 2. A temporary item appears in the tree in edit mode
+ * 3. User types a label and presses Enter → `validate()` is called
+ * 4. User presses Escape or leaves empty → `cancel()` is called
+ */
+export declare const useTemporarySection: ({ apiRef, getItemById, onItemCreated }: UseTemporarySectionParams) => {
+    temporaryItem: TemporaryItem | null;
+    create: (parentId: string) => void;
+    validate: (label: string) => Promise<void>;
+    cancel: () => void;
+    isTemporary: (itemId: string) => boolean;
+};
+export {};

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

@@ -2,5 +2,5 @@ import type { DocumentComposerCallbacks, DocumentComposerCustomProps, DocumentCo
 type DocumentComposerProps = {
     summary?: DocumentComposerSummaryItem[];
 } & DocumentComposerCallbacks & DocumentComposerCustomProps;
-declare const DocumentComposer: ({ summary, onSummaryItemOrderChange, onSummaryItemLabelChange, onSummaryItemDelete, onSummaryItemVisibilityChange, emptySummaryLabel, isLoading }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentComposer: ({ summary, onSummaryItemOrderChange, onSummaryItemLabelChange, onSummaryItemDelete, onSummaryItemVisibilityChange, onSummaryItemCreated, emptySummaryLabel, isLoading }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
 export default DocumentComposer;

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

@@ -20,4 +20,5 @@ export type DocumentComposerCallbacks = {
     onSummaryItemLabelChange?: (itemId: string, newLabel: string) => void;
     onSummaryItemDelete?: (itemId: string) => void;
     onSummaryItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    onSummaryItemCreated?: (parentId: string | null, label: string) => string | Promise<string>;
 };

package/dist/components/DocumentComposer/utils/getSummaryItemMenuItems.d.ts

@@ -0,0 +1,9 @@
+import type { ScheduleMenuAction } from '../Treeview/types';
+import type { DocumentComposerSummaryItem } from '../types';
+type MenuItemCallbacks = {
+    onRename: (itemId: string) => void;
+    onDelete: (itemId: string) => void;
+    onCreateSubsection: (parentId: string) => void;
+};
+export declare const getSummaryItemMenuItems: (item: DocumentComposerSummaryItem, callbacks: MenuItemCallbacks, scheduleMenuAction: ScheduleMenuAction) => React.ReactNode[];
+export {};

package/dist/components/DocumentComposer/utils/summaryHelpers.d.ts

@@ -0,0 +1,12 @@
+import type { DocumentComposerSummaryItem } from '../types';
+export declare const getAllExpandableItemIds: (items: DocumentComposerSummaryItem[]) => string[];
+export declare const getAllTreeItemsFlat: (items: DocumentComposerSummaryItem[]) => DocumentComposerSummaryItem[];
+export declare const isSummaryItemSection: (item: DocumentComposerSummaryItem) => boolean;
+export declare const hasSummaryItemMenu: (_item: DocumentComposerSummaryItem) => boolean;
+export declare const isSummaryItemVisible: (item: DocumentComposerSummaryItem) => boolean;
+export declare const getItemChildren: (item: DocumentComposerSummaryItem) => DocumentComposerSummaryItem[] | undefined;
+export declare const getItemId: (item: DocumentComposerSummaryItem) => string;
+export declare const getItemLabel: (item: DocumentComposerSummaryItem) => string;
+export declare const isItemEditable: (_item: DocumentComposerSummaryItem) => boolean;
+export declare const isItemReorderable: (_itemId: string) => boolean;
+export declare const getSummaryItemIcon: (item: DocumentComposerSummaryItem) => import("react/jsx-runtime").JSX.Element | null;