@myunisoft/design-system 1.3.0 → 1.3.1-rev-157-9

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

@@ -0,0 +1,2 @@
+export * from './props';
+export * from './section';

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

@@ -0,0 +1,67 @@
+import type { ReactNode } from 'react';
+import type { ItemPositionParams } from '../Treeview/types';
+import type { DocumentSection, SectionContent } from './section';
+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 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;
+    /**
+     * 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` */
+    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;
+};
+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>;
+};

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

@@ -0,0 +1,33 @@
+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/utils/sectionHelpers.d.ts

@@ -7,4 +7,3 @@ export declare const isSectionVisible: (section: DocumentSection) => boolean;
 export declare const getSectionChildren: (section: DocumentSection) => DocumentSection[] | undefined;
 export declare const getSectionId: (section: DocumentSection) => string;
 export declare const getSectionTitle: (section: DocumentSection) => string;
-export declare const getSectionIcon: (section: DocumentSection) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+import type { ExportContentProps } from './types';
+declare const ExportContent: ({ exportFormats, onExport, title, selectFormatLabel, exportButtonLabel }: ExportContentProps) => import("react/jsx-runtime").JSX.Element;
+export default ExportContent;

package/dist/components/Export/style/index.d.ts

@@ -0,0 +1,9 @@
+export declare const exportTitleSx: {
+    margin: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontSize: string;
+    lineHeight: number;
+    borderBottom: string;
+    paddingBottom: string;
+};

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

@@ -0,0 +1,30 @@
+import { GridExportFormat } from "@mui/x-data-grid-pro";
+/**
+ * Props for ExportContent component
+ */
+export interface ExportContentProps {
+    /**
+     * Available export formats
+     */
+    exportFormats: GridExportFormat[];
+    /**
+     * Handler function called when export is triggered
+     * @param format - Selected export format
+     */
+    onExport: (format: GridExportFormat) => void;
+    /**
+     * Optional title for the export dialog
+     * @default 'Export'
+     */
+    title?: string;
+    /**
+     * Optional label for format selection
+     * @default 'Select format:'
+     */
+    selectFormatLabel?: string;
+    /**
+     * Optional label for the export button
+     * @default 'Export'
+     */
+    exportButtonLabel?: string;
+}

package/dist/index.d.ts

@@ -7,6 +7,9 @@ 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';