@myunisoft/design-system 1.4.0-rev414 → 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/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/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/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

@@ -41,7 +41,6 @@ export type TreeviewProps<T> = {
     defaultExpandedItems: string[];
     checkboxSelection?: boolean;
     onItemSelect?: (itemId: string | null) => void;
-    loading?: boolean;
 } & CustomTreeviewItemProps<T>;
 export type TreeviewItemProps<T> = {
     itemId: string;

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>, {}, {}>;