@myunisoft/design-system 1.3.4 → 1.4.0-rev418

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

@@ -5,6 +5,62 @@ declare const _default: {
     autocomplete: {
         createOption: string;
     };
+    richTextEditor: {
+        toolbar: {
+            bold: string;
+            italic: string;
+            strikethrough: string;
+            underline: string;
+            alignleft: string;
+            aligncenter: string;
+            alignright: string;
+            alignjustify: string;
+            blockquote: string;
+            numberedlist: string;
+            bulletlist: string;
+            indent: string;
+            outdent: string;
+            subscript: string;
+            superscript: string;
+            table: string;
+            image: string;
+            link: string;
+            fontcolor: string;
+            undo: string;
+            redo: string;
+            more: string;
+            alignment: string;
+            clearformatting: string;
+        };
+        image: {
+            fromComputer: string;
+            fromUrl: string;
+            browse: string;
+            insert: string;
+        };
+        table: {
+            addRowBefore: string;
+            addRowAfter: string;
+            deleteRow: string;
+            addColumnBefore: string;
+            addColumnAfter: string;
+            deleteColumn: string;
+            deleteTable: string;
+            mergeCells: string;
+            splitCell: string;
+            toggleHeaderRow: string;
+            toggleHeaderColumn: string;
+            toggleHeaderCell: string;
+            alignLeft: string;
+            alignCenter: string;
+            alignRight: string;
+        };
+        link: {
+            update: string;
+            add: string;
+            remove: string;
+        };
+    };
     common: {
         addRow: string;
         cancel: string;

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

@@ -5,6 +5,62 @@ declare const _default: {
     autocomplete: {
         createOption: string;
     };
+    richTextEditor: {
+        toolbar: {
+            bold: string;
+            italic: string;
+            strikethrough: string;
+            underline: string;
+            alignleft: string;
+            aligncenter: string;
+            alignright: string;
+            alignjustify: string;
+            blockquote: string;
+            numberedlist: string;
+            bulletlist: string;
+            indent: string;
+            outdent: string;
+            subscript: string;
+            superscript: string;
+            table: string;
+            image: string;
+            link: string;
+            fontcolor: string;
+            undo: string;
+            redo: string;
+            more: string;
+            alignment: string;
+            clearformatting: string;
+        };
+        image: {
+            fromComputer: string;
+            fromUrl: string;
+            browse: string;
+            insert: string;
+        };
+        table: {
+            addRowBefore: string;
+            addRowAfter: string;
+            deleteRow: string;
+            addColumnBefore: string;
+            addColumnAfter: string;
+            deleteColumn: string;
+            deleteTable: string;
+            mergeCells: string;
+            splitCell: string;
+            toggleHeaderRow: string;
+            toggleHeaderColumn: string;
+            toggleHeaderCell: string;
+            alignLeft: string;
+            alignCenter: string;
+            alignRight: string;
+        };
+        link: {
+            update: string;
+            add: string;
+            remove: string;
+        };
+    };
     common: {
         addRow: string;
         cancel: string;

package/dist/components/Autocomplete/Autocomplete/AutocompleteTag/index.d.ts

@@ -5,7 +5,7 @@ export type AutocompleteTagProps = ChipProps & {
     option?: OptionType;
     maxChipWidth?: number;
     reserveForCounter?: number;
-    isDisabled?: boolean;
+    disabled?: boolean;
 };
 declare const AutocompleteTag: React.FC<AutocompleteTagProps>;
 export default AutocompleteTag;

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

@@ -24,6 +24,9 @@ export type AutocompleteBaseProps<T = OptionType> = {
     selectAllHidden?: boolean;
     selectAllLabel?: string;
     allSelectedLabel?: string;
+    /**
+     * @deprecated Use disabled instead
+     */
     isDisabled?: boolean;
     expandSelectedTagsOnEdition?: false;
     InputProps?: StandardInputProps;

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

@@ -3,6 +3,7 @@ import type { TreeviewProps } from './types';
 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;
+    onLabelClick?: (itemId: string) => 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/SkeletonTreeItem.d.ts

@@ -0,0 +1,3 @@
+import type { TreeItemProps } from '@mui/x-tree-view-pro';
+declare const SkeletonTreeItem: ({ itemId, children, ...rest }: TreeItemProps) => import("react/jsx-runtime").JSX.Element;
+export default SkeletonTreeItem;

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

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

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

@@ -6,6 +6,7 @@ declare const LabelInputSlot: import("react").ForwardRefExoticComponent<InputHTM
     isEditing?: boolean;
     onTemporarySectionValidation?: (label: string) => void;
     onTemporarySectionCancel?: () => void;
+    onItemLabelChange?: (itemId: string, newLabel: string) => void;
     apiRef?: RichTreeViewProApiRef;
     onEditingEnd?: () => void;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -10,9 +10,10 @@ type LabelSlotProps = {
     menuAnchorEl?: HTMLElement | null;
     onMenuClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    onLabelClick?: (itemId: string) => void;
     hiddenSectionTooltip?: string;
     visibleIconTooltip?: string;
     hiddenIconTooltip?: string;
 };
-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>;
+declare const _default: import("react").MemoExoticComponent<({ children, sx, customIcon, hasMenu, itemId, isVisible, isTemporary, menuAnchorEl, onItemVisibilityChange, onMenuClick, onLabelClick, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, ...rest }: LabelSlotProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -47,4 +47,9 @@ export type TreeviewItemProps<T> = {
     label?: React.ReactNode;
     children?: React.ReactNode;
 } & CustomTreeviewItemProps<T>;
+export type SkeletonItem = {
+    id: string;
+    label: string;
+    children?: SkeletonItem[];
+};
 export {};

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

@@ -9,7 +9,7 @@ type UseTemporarySectionParams = {
     apiRef: RichTreeViewProApiRef;
     getSectionById: (sectionId: string) => DocumentSection | null;
     onSectionCreate?: (parentId: string | null, title: string) => string | Promise<string>;
-    scrollToBottom?: () => void;
+    treeviewWrapperRef?: React.RefObject<HTMLDivElement | null>;
 };
 /**
  * Flow:
@@ -21,7 +21,7 @@ type UseTemporarySectionParams = {
  * 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) => {
+export declare const useTemporarySection: ({ apiRef, getSectionById, onSectionCreate, treeviewWrapperRef }: UseTemporarySectionParams) => {
     temporarySection: TemporarySection | null;
     create: (parentId?: string | null) => void;
     validate: (title: string) => void;

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

@@ -41,6 +41,12 @@ export type DocumentComposerCustomProps = {
     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` */
@@ -50,13 +56,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.
-     * Defaults to `() => true`.
-     */
-    isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number) => boolean;
     sectionContent?: SectionContent;
     isLoadingSectionContent?: boolean;
     selectedSectionId?: string | null;
@@ -68,5 +67,5 @@ export type DocumentComposerCustomProps = {
 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/RichTextEditor/components/AlignmentSplitButton.d.ts

@@ -0,0 +1,10 @@
+type Alignment = 'left' | 'center' | 'right' | 'justify';
+type AlignmentSplitButtonProps = {
+    activeAlignment?: Alignment;
+    onSelect?: (alignment: Alignment) => void;
+    options?: Alignment[];
+    disabled?: boolean;
+};
+declare const AlignmentSplitButton: ({ activeAlignment, onSelect, options, disabled }: AlignmentSplitButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export default AlignmentSplitButton;
+export type { Alignment };

package/dist/components/RichTextEditor/components/EditorToolbarButton.d.ts

@@ -0,0 +1,7 @@
+import { type IconButtonProps } from '@mui/material';
+type Props = IconButtonProps & {
+    active?: boolean;
+    tooltipText?: string | null;
+};
+declare const EditorToolbarButton: ({ active, tooltipText, children, sx, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element | undefined;
+export default EditorToolbarButton;

package/dist/components/RichTextEditor/components/FontColorButton.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    disabled?: boolean;
+};
+declare const FontColorButton: ({ disabled }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default FontColorButton;

package/dist/components/RichTextEditor/components/ImageButton.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    externalAnchorEl?: HTMLElement | null;
+    onExternalClose?: () => void;
+    disabled?: boolean;
+};
+declare const ImageButton: ({ externalAnchorEl, onExternalClose, disabled }?: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default ImageButton;

package/dist/components/RichTextEditor/components/ImageResizeObserver.d.ts

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

package/dist/components/RichTextEditor/components/LinkButton.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    active?: boolean;
+    externalAnchorEl?: HTMLElement | null;
+    onExternalClose?: () => void;
+    disabled?: boolean;
+};
+declare const LinkButton: ({ active, externalAnchorEl, onExternalClose, disabled }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default LinkButton;

package/dist/components/RichTextEditor/components/SplitButton.d.ts

@@ -0,0 +1,16 @@
+type SplitButtonOption = {
+    value: string;
+    icon: React.ReactNode;
+    label: string;
+};
+type SplitButtonProps = {
+    options: SplitButtonOption[];
+    onSelect: (value: string) => void;
+    defaultValue?: string;
+    value?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+declare const SplitButton: ({ options, onSelect, defaultValue, value, ariaLabel, disabled }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SplitButton;
+export type { SplitButtonOption };

package/dist/components/RichTextEditor/components/TableBubbleMenu.d.ts

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

package/dist/components/RichTextEditor/components/Toolbar.d.ts

@@ -0,0 +1,22 @@
+import type { Editor } from '@tiptap/react';
+import { type ReactNode } from 'react';
+export type BuiltInButtonId = '-' | 'bold' | 'italic' | 'strikethrough' | 'underline' | 'fontColor' | 'subscript' | 'superscript' | 'alignment' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'orderedList' | 'bulletList' | 'indent' | 'outdent' | 'blockquote' | 'link' | 'image' | 'table' | 'undo' | 'redo' | 'clearFormatting';
+export type CustomToolbarButton = {
+    id: string;
+    icon: ReactNode;
+    onClick: (editor: Editor) => void;
+    isActive?: (editor: Editor) => boolean;
+    isDisabled?: (editor: Editor) => boolean;
+    ariaLabel?: string;
+    tooltipText?: string;
+};
+export type ToolbarButton = BuiltInButtonId | CustomToolbarButton | ReactNode;
+export type ToolbarProps = {
+    buttons?: ToolbarButton[];
+    extraButtons?: ToolbarButton[];
+    overflowMenu?: boolean;
+    disabled?: boolean;
+};
+export declare const defaultButtonsCompleteSet: BuiltInButtonId[];
+declare const Toolbar: ({ buttons, extraButtons, overflowMenu, disabled }: ToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Toolbar;

package/dist/components/RichTextEditor/extensions/TableWithAlignment.d.ts

@@ -0,0 +1 @@
+export declare const TableWithAlignment: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;

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

@@ -0,0 +1,18 @@
+import { type Editor } from '@tiptap/react';
+import { type ToolbarButton, type BuiltInButtonId, type CustomToolbarButton, type ToolbarProps } from './components/Toolbar';
+export type RichTextEditorRef = {
+    editor: Editor | null;
+};
+declare const RichTextEditor: import("react").ForwardRefExoticComponent<Partial<import("@tiptap/core").EditorOptions> & {
+    immediatelyRender?: boolean;
+    shouldRerenderOnTransaction?: boolean;
+} & {
+    toolbarSet?: "all" | "minimal";
+    placeholder?: string;
+    readOnly?: boolean;
+    slotProps?: {
+        toolbar?: ToolbarProps;
+    };
+} & import("react").RefAttributes<RichTextEditorRef>>;
+export default RichTextEditor;
+export type { ToolbarButton, BuiltInButtonId, CustomToolbarButton };

package/dist/components/RichTextEditor/styles.d.ts

@@ -0,0 +1 @@
+export declare const EditorContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/index.d.ts

@@ -25,3 +25,4 @@ export { exportData } from './components/VirtualTable/helpers/file';
 export { useDataManager } from './components/VirtualTable/hooks';
 export { ROW_TYPE } from './components/VirtualTable/utils';
 export * from './helpers';
+export * from './locale';