@myunisoft/design-system 1.3.2 → 1.3.4-rev157

package/dist/assets/I18n/locales/en.d.ts

@@ -50,6 +50,11 @@ declare const _default: {
             cancel: string;
             quitWithoutSaving: string;
         };
+        sectionMenu: {
+            rename: string;
+            delete: string;
+            createSubsection: string;
+        };
     };
     dashboard: {
         ba: {

package/dist/assets/I18n/locales/fr.d.ts

@@ -50,6 +50,11 @@ declare const _default: {
             cancel: string;
             quitWithoutSaving: string;
         };
+        sectionMenu: {
+            rename: string;
+            delete: string;
+            createSubsection: string;
+        };
     };
     dashboard: {
         ba: {

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

@@ -0,0 +1,6 @@
+type UseExpandOnDragHoverParams = {
+    expandedItems: string[];
+    onExpand: (itemId: string) => void;
+};
+export declare const useExpandOnDragHover: ({ expandedItems, onExpand }: UseExpandOnDragHoverParams) => void;
+export {};

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

@@ -1,10 +1,9 @@
 import type { SxProps, Theme } from '@mui/material';
 type IconContainerSlotProps = {
-    ownerState?: unknown;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     isDraggable?: boolean;
     isVisible?: boolean;
 };
-export declare const IconContainerSlot: import("react").MemoExoticComponent<(props: IconContainerSlotProps) => import("react/jsx-runtime").JSX.Element>;
-export {};
+declare const _default: import("react").MemoExoticComponent<({ children, sx, isDraggable, isVisible, ...rest }: IconContainerSlotProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

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

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

@@ -1,7 +1,5 @@
 import type { SxProps, Theme } from '@mui/material';
 type LabelSlotProps = {
-    ownerState?: unknown;
-    editable?: unknown;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     customIcon?: React.ReactNode;
@@ -16,5 +14,5 @@ type LabelSlotProps = {
     visibleIconTooltip?: string;
     hiddenIconTooltip?: string;
 };
-export declare const LabelSlot: import("react").MemoExoticComponent<(props: LabelSlotProps) => import("react/jsx-runtime").JSX.Element>;
-export {};
+declare const _default: import("react").MemoExoticComponent<({ children, sx, customIcon, hasMenu, itemId, isVisible, isTemporary, menuAnchorEl, onItemVisibilityChange, onMenuClick, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, ...rest }: LabelSlotProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -1,3 +1,6 @@
-export { IconContainerSlot } from './IconContainerSlot';
-export { LabelInputSlot } from './LabelInputSlot';
-export { LabelSlot } from './LabelSlot';
+import IconContainerSlot from './IconContainerSlot';
+import LabelInputSlot from './LabelInputSlot';
+import LabelSlot from './LabelSlot';
+export { IconContainerSlot };
+export { LabelInputSlot };
+export { LabelSlot };

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

@@ -0,0 +1 @@
+export declare const MUI_TREE_ITEM_ID_PATTERN: RegExp;

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

@@ -3,7 +3,7 @@ import type { DocumentSection } from '../types';
 type UseDragVisualFeedbackParams = {
     containerRef: RefObject<HTMLDivElement | null>;
     getSectionById: (sectionId: string) => DocumentSection | null;
-    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number, isNesting: boolean) => boolean;
+    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number) => boolean;
 };
 /**
  * Provides visual feedback during drag-and-drop by graying out invalid drop targets.

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

@@ -1,6 +1,71 @@
-import type { DocumentComposerCallbacks, DocumentComposerCustomProps, DocumentSection } from './types';
+import { type ReactNode } from 'react';
+import type { ItemPositionParams } from './Treeview/types';
+import type { DocumentSection, SectionContent } from './types';
+export type DeleteConfirmationRenderProps = {
+    isOpen: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+export type UnsavedChangesRenderProps = {
+    isOpen: boolean;
+    isSaving: boolean;
+    /** True if onSectionContentSave is provided */
+    canSave: boolean;
+    onSaveAndQuit: () => void;
+    onQuitWithoutSaving: () => void;
+    onCancel: () => void;
+};
+export type DocumentComposerLabels = {
+    createSection?: string;
+    rename?: string;
+    delete?: string;
+    createSubsection?: string;
+    hiddenItemTooltip?: string;
+};
+export type DocumentComposerCallbacks = {
+    onSectionOrderChange?: (params: ItemPositionParams) => void;
+    onSectionTitleChange?: (sectionId: string, newTitle: string) => void;
+    onSectionDelete?: (sectionId: string) => void;
+    onSectionVisibilityChange?: (sectionId: string, visible: boolean) => void;
+    onSectionCreate?: (parentId: string | null, title: string) => string | Promise<string>;
+    onSectionSelect?: (sectionId: string | null) => void;
+    /** Used by unsaved changes modal "Save and quit" action */
+    onSectionContentSave?: () => Promise<void>;
+};
+export type DocumentComposerCustomProps = {
+    noSectionsPlaceholder?: string | ReactNode;
+    isLoadingSections?: boolean;
+    /** Defaults to `() => true` */
+    getSectionTitleChangePermission?: (section: DocumentSection) => boolean;
+    /** Defaults to `() => true` */
+    getSectionDeletePermission?: (section: DocumentSection) => boolean;
+    /** Defaults to `() => true` */
+    getSectionOrderChangePermission?: (section: DocumentSection) => boolean;
+    /**
+     * Called during drag to validate if the move to a new position is allowed.
+     * Use this for custom drop target restrictions (e.g., prevent dropping into archive sections).
+     * Defaults to `() => true`.
+     */
+    canMoveSectionToNewPosition?: (params: ItemPositionParams) => boolean;
+    /** Defaults to `() => true` */
+    getSectionCreatePermission?: (section: DocumentSection) => boolean;
+    /** Defaults to `() => true` */
+    getSectionVisibilityChangePermission?: (section: DocumentSection) => boolean;
+    hiddenSectionTooltip?: string;
+    visibleIconTooltip?: string;
+    hiddenIconTooltip?: string;
+    /** Return null for no icon */
+    renderSectionIcon?: (section: DocumentSection) => ReactNode;
+    sectionContent?: SectionContent;
+    isLoadingSectionContent?: boolean;
+    selectedSectionId?: string | null;
+    /** If not provided, deletion proceeds without confirmation */
+    renderDeleteConfirmation?: (props: DeleteConfirmationRenderProps) => ReactNode;
+    /** If not provided, navigation proceeds without confirmation (discards changes) */
+    renderUnsavedChangesConfirmation?: (props: UnsavedChangesRenderProps) => ReactNode;
+};
 type DocumentComposerProps = {
     sections?: DocumentSection[];
 } & DocumentComposerCallbacks & DocumentComposerCustomProps;
-declare const DocumentComposer: ({ sections, isLoadingSections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, onSectionSelect, onSectionContentSave, noSectionsPlaceholder, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, renderSectionIcon, isValidDropTarget, sectionContent, isLoadingSectionContent, selectedSectionId, renderDeleteConfirmation, renderUnsavedChangesConfirmation }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentComposer: ({ sections, isLoadingSections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, onSectionSelect, onSectionContentSave, noSectionsPlaceholder, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, canMoveSectionToNewPosition, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, renderSectionIcon, sectionContent, isLoadingSectionContent, selectedSectionId, renderDeleteConfirmation, renderUnsavedChangesConfirmation }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
 export default DocumentComposer;

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

@@ -1,2 +1,33 @@
-export * from './props';
-export * from './section';
+export declare const CellFormat: {
+    readonly TEXT: "text";
+    readonly AMOUNT: "amount";
+};
+export type CellFormat = (typeof CellFormat)[keyof typeof CellFormat];
+export type TableCell = {
+    value: string;
+    editable: boolean;
+    format: CellFormat;
+};
+export type TableRow = TableCell[];
+export type TableValue = {
+    id: string;
+    headers: TableRow[];
+    rows: TableRow[];
+    footers: TableRow[];
+};
+export type TableContentBlock = {
+    type: 'table';
+    value: TableValue;
+};
+/** Extend this union as new content block types are added */
+export type ContentBlock = TableContentBlock;
+export type SectionContent = ContentBlock[];
+export type DocumentSection = {
+    id: string;
+    title: string;
+    visible: boolean;
+    parentId: string | null;
+    type?: string;
+    hasTables?: boolean;
+    sections?: DocumentSection[] | null;
+};

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

@@ -31,6 +31,13 @@ export type DocumentComposerCustomProps = {
     getSectionDeletePermission?: (section: DocumentSection) => boolean;
     /** Defaults to `() => true` */
     getSectionOrderChangePermission?: (section: DocumentSection) => boolean;
+    /**
+     * Custom validation for drag & drop positions.
+     * Called after basic permission checks pass.
+     * Use this to implement custom drop zone restrictions (e.g., only drop after certain sections).
+     * Defaults to `() => true`
+     */
+    canMoveSectionToNewPosition?: (params: ItemPositionParams) => boolean;
     /** Defaults to `() => true` */
     getSectionCreatePermission?: (section: DocumentSection) => boolean;
     /** Defaults to `() => true` */
@@ -40,15 +47,6 @@ export type DocumentComposerCustomProps = {
     hiddenIconTooltip?: string;
     /** Return null for no icon */
     renderSectionIcon?: (section: DocumentSection) => ReactNode;
-    /**
-     * Determines valid drop targets during drag. Invalid targets are greyed out.
-     * `targetSection` is `null` when dropping at root level.
-     * `newIndex` is the position where the item would be inserted in the target's children.
-     * `isNesting` is `true` when the section is being moved to a new parent (dropped "on" a section),
-     * `false` when reordering within the same parent.
-     * Defaults to `() => true`.
-     */
-    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number, isNesting: boolean) => boolean;
     sectionContent?: SectionContent;
     isLoadingSectionContent?: boolean;
     selectedSectionId?: string | null;

package/dist/index.d.ts

@@ -7,13 +7,11 @@ export { default as BackgroundLoader } from './components/BackgroundLoader';
 export { default as BadgeAdd } from './components/BadgeAdd';
 export { default as Checkbox } from './components/basics/Checkbox';
 export { default as ExpandButton } from './components/basics/ExpandButton';
-export { default as DocumentComposer } from './components/DocumentComposer';
-export type { CellFormat, ContentBlock, DeleteConfirmationRenderProps, SectionContent, TableCell, TableContentBlock, TableRow, TableValue, UnsavedChangesRenderProps } from './components/DocumentComposer/types';
-export { CellFormat as CellFormatEnum } from './components/DocumentComposer/types';
 export * from './components/basics/Icon/';
 export * from './components/basics/Icon/Icons-material';
 export { default as Snackbar } from './components/basics/Snackbar';
 export { default as DataGridDS } from './components/DataGrid';
+export { default as DocumentComposer } from './components/DocumentComposer';
 export { default as DraggableList } from './components/DraggableList';
 export { default as FileDropper } from './components/FileDropper';
 export { default as Modal } from './components/Modal';