@myunisoft/design-system 1.4.0-rev418-2 → 1.4.0-rev508

package/README.md

@@ -0,0 +1,113 @@
+# Publications
+
+Ce document explique comment publier des versions du design-system sur le GitLab Package Registry.
+
+## Version Dev
+
+Les versions dev sont utilisées pour tester des fonctionnalités en cours de développement.
+
+### Format du tag
+
+```
+vX.Y.Z-<prefixe>N.N
+```
+
+Où `<prefixe>` est l'un des suivants :
+
+- `rev` - ticket Squad Révision
+- `sc` - ticket Squad Compta
+- `ef` - ticket Squad Liasse
+- `ft` - ticket Squad FT
+- `myun` - ticket MyUnisoft
+
+### Exemple
+
+```bash
+git tag v1.2.3-ft1.0
+git push origin v1.2.3-ft1.0
+```
+
+### Résultat
+
+Le package sera publié avec le tag npm `dev` :
+
+```bash
+# Installe la dernière version dev publiée
+yarn add @myunisoft/design-system@dev
+
+# Ou installe une version spécifique
+yarn add @myunisoft/design-system@X.Y.Z-<prefixe>N.N
+```
+
+> **Note** : Le tag `dev` pointe toujours vers la dernière version dev publiée. Les anciennes versions restent accessibles via leur numéro exact.
+
+## Version Release
+
+Les versions release sont les versions stables destinées à la production.
+
+### Prérequis
+
+- Le tag doit être créé sur un commit présent sur la branche `next`
+- La version dans `package.json` doit correspondre à la version du tag
+
+### Format du tag
+
+```
+vX.Y.Z
+```
+
+### Exemple
+
+```bash
+# S'assurer d'être sur next
+git checkout next
+git pull origin next
+
+# Créer et pousser le tag
+git tag v1.2.3
+git push origin v1.2.3
+```
+
+### Résultat
+
+Le package sera publié avec le tag npm `latest` :
+
+```bash
+# Installe la dernière version stable
+yarn add @myunisoft/design-system@latest
+# ou simplement
+yarn add @myunisoft/design-system
+
+# Ou installe une version spécifique
+yarn add @myunisoft/design-system@X.Y.Z
+```
+
+## Republier une version
+
+Si vous devez republier une version (par exemple après un fix rapide), vous devez d'abord supprimer le tag existant puis le recréer.
+
+### Supprimer et recréer un tag
+
+```bash
+# Supprimer le tag distant et local, puis recréer et pousser
+git push origin --delete vX.Y.Z-<prefixe>N.N && git tag -d vX.Y.Z-<prefixe>N.N && git tag vX.Y.Z-<prefixe>N.N && git push origin vX.Y.Z-<prefixe>N.N
+```
+
+### Exemple
+
+```bash
+git push origin --delete v1.3.2-rev508.2 && git tag -d v1.3.2-rev508.2 && git tag v1.3.2-rev508.2 && git push origin v1.3.2-rev508.2
+```
+
+### Étapes détaillées
+
+1. `git push origin --delete <tag>` - Supprime le tag sur le dépôt distant
+2. `git tag -d <tag>` - Supprime le tag localement
+3. `git tag <tag>` - Recrée le tag sur le commit actuel
+4. `git push origin <tag>` - Pousse le nouveau tag
+
+## Vérification
+
+Les pipelines de publication sont visibles dans GitLab CI/CD > Pipelines.
+
+En cas d'erreur sur une release, vérifier que le commit taggé est bien sur la branche `next`.

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

@@ -93,6 +93,11 @@ declare const _default: {
     };
     documentComposer: {
         createSection: string;
+        clickToOpen: string;
+        doubleClickToCollapse: string;
+        doubleClickToExpand: string;
+        collapse: string;
+        expand: string;
         deleteSection: {
             title: string;
             content: string;
@@ -111,6 +116,20 @@ declare const _default: {
             delete: string;
             createSubsection: string;
         };
+        sectionEditor: {
+            save: string;
+            cancel: string;
+            selectSection: string;
+            noContent: string;
+            table: string;
+            undo: string;
+            redo: string;
+            menuButton: string;
+        };
+        noSectionsPlaceholder: {
+            startCreating: string;
+            createSection: string;
+        };
     };
     dashboard: {
         ba: {

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

@@ -93,6 +93,11 @@ declare const _default: {
     };
     documentComposer: {
         createSection: string;
+        clickToOpen: string;
+        doubleClickToCollapse: string;
+        doubleClickToExpand: string;
+        collapse: string;
+        expand: string;
         deleteSection: {
             title: string;
             content: string;
@@ -111,6 +116,20 @@ declare const _default: {
             delete: string;
             createSubsection: string;
         };
+        sectionEditor: {
+            save: string;
+            cancel: string;
+            selectSection: string;
+            noContent: string;
+            table: string;
+            undo: string;
+            redo: string;
+            menuButton: string;
+        };
+        noSectionsPlaceholder: {
+            startCreating: string;
+            createSection: string;
+        };
     };
     dashboard: {
         ba: {

package/dist/components/Autocomplete/AutocompleteSingle/Mode/edit.d.ts

@@ -1,4 +1,4 @@
-import type { UnknownFunction } from 'reselect/es/types';
+type UnknownFunction = (...args: unknown[]) => unknown;
 type AutocompleteEditProps = {
     data?: object;
     dataKey?: string;

package/dist/components/DocumentComposer/StructuredTable/TableToolbar.d.ts

@@ -0,0 +1,9 @@
+type TableToolbarProps = {
+    label: string;
+    onUndo: () => void;
+    onRedo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+};
+declare const TableToolbar: ({ label, onUndo, onRedo, canUndo, canRedo, }: TableToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default TableToolbar;

package/dist/components/DocumentComposer/StructuredTable/converters.d.ts

@@ -0,0 +1,3 @@
+import type { TableValue, DataGridState } from './types';
+export declare const fromTableValue: (table: TableValue) => DataGridState;
+export declare const toTableValue: (state: DataGridState, originalTable: TableValue) => TableValue;

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

@@ -0,0 +1,4 @@
+import type { StructuredTableProps, StructuredTableRef } from './types';
+declare const StructuredTable: import("react").ForwardRefExoticComponent<StructuredTableProps & import("react").RefAttributes<StructuredTableRef>>;
+export default StructuredTable;
+export type { StructuredTableProps, StructuredTableRef, TableValue, TableRow, TableCell, CellFormat } from './types';

package/dist/components/DocumentComposer/StructuredTable/styles.d.ts

@@ -0,0 +1,6 @@
+import type { SxProps, Theme } from '@mui/material';
+export declare const sxBlockContainer: SxProps<Theme>;
+export declare const sxToolbar: SxProps<Theme>;
+export declare const sxToolbarLabel: SxProps<Theme>;
+export declare const sxToolbarActions: SxProps<Theme>;
+export declare const sxDataGrid: SxProps<Theme>;

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

@@ -0,0 +1,50 @@
+import type { GridColDef, GridRowModel } from '@mui/x-data-grid-pro';
+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;
+    rowSpan?: number;
+    colSpan?: number;
+};
+export type TableRow = TableCell[];
+export type TableValue = {
+    id: string;
+    headers: TableRow[];
+    rows: TableRow[];
+    footers: TableRow[];
+};
+export type CellMeta = {
+    editable: boolean;
+    format: CellFormat;
+    rowSpan?: number;
+    colSpan?: number;
+};
+export type StructuredTableRow = GridRowModel & {
+    _meta?: Record<string, CellMeta>;
+};
+export type DataGridState = {
+    columns: GridColDef[];
+    rows: StructuredTableRow[];
+    pinnedRows: {
+        top: StructuredTableRow[];
+        bottom: StructuredTableRow[];
+    };
+};
+export type StructuredTableProps = {
+    value: TableValue;
+    onChange?: (value: TableValue) => void;
+    label?: string;
+    readOnly?: boolean;
+};
+export type StructuredTableRef = {
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    getValue: () => TableValue;
+};

package/dist/components/DocumentComposer/StructuredTable/useHistory.d.ts

@@ -0,0 +1,15 @@
+type UseHistoryReturn<T> = {
+    current: T;
+    push: (newState: T) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    /**
+     * Reset history. Skips if called right after push() to preserve
+     * undo history in controlled component scenarios.
+     */
+    reset: (newInitialState: T) => void;
+};
+export declare const useHistory: <T>(initialState: T, maxHistory?: number) => UseHistoryReturn<T>;
+export {};

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

@@ -1,7 +1,12 @@
 import type { SectionContent } from '../types';
 type SectionEditorPanelProps = {
-    content: SectionContent;
-    onChange: (content: SectionContent) => void;
+    content?: SectionContent;
+    hasSectionSelected?: boolean;
+    title?: string;
+    selectedSectionId?: string | null;
+    onSave?: (content: SectionContent) => void;
+    onDirtyChange?: (isDirty: boolean, currentContent: SectionContent) => void;
+    textEditorPlaceholder?: string;
 };
-export declare const SectionEditorPanel: ({ content, onChange }: SectionEditorPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionEditorPanel: ({ content, hasSectionSelected, title, selectedSectionId, onSave, onDirtyChange, textEditorPlaceholder }: SectionEditorPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+import type { JSONContent } from '@tiptap/core';
+type TextContentProps = {
+    value: JSONContent;
+    onChange: (updatedBlock: JSONContent) => void;
+    placeholder?: string;
+};
+declare const TextContent: ({ value, onChange, placeholder }: TextContentProps) => import("react/jsx-runtime").JSX.Element;
+export default TextContent;

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

@@ -29,12 +29,12 @@ export type DocumentComposerCallbacks = {
     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>;
+    onSectionContentSave?: (content: SectionContent) => Promise<void>;
 };
 export type DocumentComposerCustomProps = {
     noSectionsPlaceholder?: string | ReactNode;
     isLoadingSections?: boolean;
+    textEditorPlaceholder?: string;
     /** Defaults to `() => true` */
     getSectionTitleChangePermission?: (section: DocumentSection) => boolean;
     /** Defaults to `() => true` */
@@ -67,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, canMoveSectionToNewPosition, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, renderSectionIcon, sectionContent, isLoadingSectionContent, selectedSectionId, renderDeleteConfirmation, renderUnsavedChangesConfirmation }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentComposer: ({ sections, isLoadingSections, textEditorPlaceholder, 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,3 +1,5 @@
+import type { JSONContent } from '@tiptap/core';
+export type { JSONContent };
 export declare const CellFormat: {
     readonly TEXT: "text";
     readonly AMOUNT: "amount";
@@ -19,8 +21,14 @@ export type TableContentBlock = {
     type: 'table';
     value: TableValue;
 };
-/** Extend this union as new content block types are added */
-export type ContentBlock = TableContentBlock;
+export type TextContentBlock = {
+    type: 'text';
+    value: JSONContent;
+};
+export type ContentBlock = {
+    id: string;
+    displayOrder: number;
+} & (TableContentBlock | TextContentBlock);
 export type SectionContent = ContentBlock[];
 export type DocumentSection = {
     id: string;

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

@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"button" | "title" | "container" | "or" | "icon" | "active" | "scanButton" | "files" | "listItem" | "removeBtn" | "imageLink", string>;
+    classes: Record<"button" | "title" | "container" | "or" | "icon" | "active" | "listItem" | "scanButton" | "files" | "removeBtn" | "imageLink", string>;
     theme: import("@mui/material/styles").Theme;
     css: import("tss-react/types").Css;
     cx: import("tss-react/types").Cx;

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

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

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

@@ -1,5 +1,5 @@
-import type { Editor } from '@tiptap/react';
 import { type ReactNode } from 'react';
+import type { Editor } from '@tiptap/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;
@@ -10,13 +10,14 @@ export type CustomToolbarButton = {
     ariaLabel?: string;
     tooltipText?: string;
 };
-export type ToolbarButton = BuiltInButtonId | CustomToolbarButton | ReactNode;
+export type ToolbarButtonGroup = Array<BuiltInButtonId | '-'>;
+export type ToolbarButton = BuiltInButtonId | CustomToolbarButton | ReactNode | ToolbarButtonGroup;
 export type ToolbarProps = {
     buttons?: ToolbarButton[];
     extraButtons?: ToolbarButton[];
     overflowMenu?: boolean;
     disabled?: boolean;
 };
-export declare const defaultButtonsCompleteSet: BuiltInButtonId[];
+export declare const defaultButtonsCompleteSet: ToolbarButton[];
 declare const Toolbar: ({ buttons, extraButtons, overflowMenu, disabled }: ToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Toolbar;

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

@@ -1,5 +1,5 @@
 import { type Editor } from '@tiptap/react';
-import { type ToolbarButton, type BuiltInButtonId, type CustomToolbarButton, type ToolbarProps } from './components/Toolbar';
+import { type BuiltInButtonId, type CustomToolbarButton, type ToolbarButton, type ToolbarProps } from './components/Toolbar';
 export type RichTextEditorRef = {
     editor: Editor | null;
 };

package/dist/components/VirtualTable/cells/AutocompleteCell/Mode/edit.d.ts

@@ -1,4 +1,4 @@
-import type { UnknownFunction } from 'reselect/es/types';
+type UnknownFunction = (...args: unknown[]) => unknown;
 type AutocompleteEditProps = {
     data?: object;
     dataKey?: string;

package/dist/components/VirtualTable/components/Body/Cell/styles.d.ts

@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"onError" | "expandIcon" | "align" | "cell" | "pointer" | "focused" | "odd" | "alignLeft" | "alignCenter" | "alignRight" | "thumbnail" | "groupRow" | "cbCell" | "BodyGrid" | "defaultStyle" | "even" | "expandCell" | "lockRow" | "withGrid" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "iconButton", string>;
+    classes: Record<"onError" | "expandIcon" | "align" | "cell" | "pointer" | "focused" | "alignLeft" | "alignCenter" | "alignRight" | "odd" | "thumbnail" | "groupRow" | "cbCell" | "BodyGrid" | "defaultStyle" | "even" | "expandCell" | "lockRow" | "withGrid" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "iconButton", string>;
     theme: import("@mui/material/styles").Theme;
     css: import("tss-react/types").Css;
     cx: import("tss-react/types").Cx;