@myunisoft/design-system 1.3.1-REV-157 → 1.3.1-rev157-4

package/dist/components/Autocomplete/Autocomplete/example-usage.d.ts

@@ -0,0 +1,4 @@
+declare const BasicExample: () => import("react/jsx-runtime").JSX.Element;
+declare const CustomOptionExample: () => import("react/jsx-runtime").JSX.Element;
+declare const ProductExample: () => import("react/jsx-runtime").JSX.Element;
+export { BasicExample, CustomOptionExample, ProductExample };

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) => boolean;
+    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number, isNesting: boolean) => boolean;
 };
 /**
  * Provides visual feedback during drag-and-drop by graying out invalid drop targets.

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

@@ -42,9 +42,13 @@ export type DocumentComposerCustomProps = {
     renderSectionIcon?: (section: DocumentSection) => ReactNode;
     /**
      * Determines valid drop targets during drag. Invalid targets are greyed out.
-     * `targetSection` is `null` when dropping at root level. Defaults to `() => true`.
+     * `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) => boolean;
+    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number, isNesting: boolean) => boolean;
     sectionContent?: SectionContent;
     isLoadingSectionContent?: boolean;
     selectedSectionId?: string | null;

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

@@ -0,0 +1,56 @@
+import type { ItemPositionParams } from './Treeview/types';
+export type DocumentSection = {
+    id: string;
+    title: string;
+    visible: boolean;
+    parentId: string | null;
+    sections?: DocumentSection[] | null;
+};
+export type DocumentComposerLabels = {
+    /** Label for the "Create section" button */
+    createSection?: string;
+    /** Label for the "Rename" menu item */
+    rename?: string;
+    /** Label for the "Delete" menu item */
+    delete?: string;
+    /** Label for the "Create subsection" menu item */
+    createSubsection?: string;
+    /** Tooltip for hidden item */
+    hiddenItemTooltip?: string;
+};
+export type DocumentComposerCustomProps = {
+    /** Content displayed when there are no sections */
+    noSectionsPlaceholder?: string | React.ReactNode;
+    /** Show a loading state that prevents rendering the sections */
+    isLoading?: boolean;
+    /** Returns whether section title can be edited (double-click + "Renommer" menu). Defaults to `() => true`. */
+    getSectionTitleChangePermission?: (section: DocumentSection) => boolean;
+    /** Returns whether section can be deleted ("Supprimer" menu). Defaults to `() => true`. */
+    getSectionDeletePermission?: (section: DocumentSection) => boolean;
+    /** Returns whether section can be reordered via drag & drop. Defaults to `() => true`. */
+    getSectionOrderChangePermission?: (section: DocumentSection) => boolean;
+    /** Returns whether a section can be created under this section. Defaults to `() => true`. */
+    getSectionCreatePermission?: (section: DocumentSection) => boolean;
+    /** Returns whether section visibility can be toggled. Defaults to `() => true`. */
+    getSectionVisibilityChangePermission?: (section: DocumentSection) => boolean;
+    /** Tooltip text displayed when hovering a hidden section label (visible: false) */
+    hiddenSectionTooltip?: string;
+    /** Tooltip text displayed when hovering the visibility icon of a visible section */
+    visibleIconTooltip?: string;
+    /** Tooltip text displayed when hovering the visibility icon of a hidden section */
+    hiddenIconTooltip?: string;
+    /**
+     * 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 | null) => boolean;
+};
+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>;
+};