treege 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,6 @@
 # [Versions](https://github.com/Tracktor/treege/releases)
 
-## v0.1.0
-
-- Treege as library
+## v0.2.0
+- Documentation
+- Define global output vite config
+- Build script

package/README.md

@@ -6,6 +6,8 @@
 <video src="https://user-images.githubusercontent.com/108873902/184317603-61ceafc6-a326-49b2-b0de-ffda9cf9c75e.mov"></video>
 
 - [Features](#Features)
+- [Installation](#Installation)
+- [Usage](#Usage)
 - [Embed Treege anywhere](#Embed-Treege-anywhere)
     - [Provide data to iframe](#Provide-data-to-iframe)
     - [Listen Treege event](#Listen-Treege-event)
@@ -31,6 +33,24 @@
   locally
 - 🐶 **[Husky](https://typicode.github.io/husky)** - Modern native git hooks made easy
 
+## Installation
+
+```console
+yarn add treege
+```
+
+## Usage
+
+```typescript jsx
+import { Treege } from "treege";
+
+const App = () => {
+  return <Treege />;
+};
+
+export default App;
+```
+
 ## Embed Treege anywhere
 
 #### Treege can be easily embed  in any HTML page.

package/dist/components/Layouts/Action/Action.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+interface ActionProps {
+    children?: ReactNode;
+}
+declare const Action: ({ children }: ActionProps) => JSX.Element;
+export default Action;

package/dist/components/Layouts/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+interface HeaderProps {
+    children?: ReactNode;
+}
+declare const Header: ({ children }: HeaderProps) => JSX.Element;
+export default Header;

package/dist/components/Layouts/Main/Main.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+interface MainProps {
+    children?: ReactNode;
+}
+declare const Main: ({ children }: MainProps) => JSX.Element;
+export default Main;

package/dist/components/Layouts/MosaicLayout/MosaicLayout.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from "react";
+interface GridLayoutProps {
+    children: ReactElement<any, any>[];
+}
+declare const MosaicLayout: ({ children }: GridLayoutProps) => JSX.Element;
+export default MosaicLayout;

package/dist/components/Layouts/Sidebar/Sidebar.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+interface SidebarProps {
+    children?: ReactNode;
+}
+declare const Sidebar: ({ children }: SidebarProps) => JSX.Element;
+export default Sidebar;

package/dist/components/Theme/DarkTheme/DarkTheme.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+interface DarkThemeProps {
+    children?: ReactNode;
+}
+declare const DarkTheme: ({ children }: DarkThemeProps) => JSX.Element;
+export default DarkTheme;

package/dist/components/UI/Logo/Logo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Logo: () => JSX.Element;
+export default Logo;

package/dist/components/UI/MainModal/MainModal.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+interface TreeModalProps {
+    children?: ReactNode;
+    description?: string;
+    title?: string;
+    open: boolean;
+    onClose?(): void;
+}
+declare const MainModal: ({ children, description, open, onClose, title }: TreeModalProps) => JSX.Element;
+export default MainModal;

package/dist/components/UI/TreeCard/TreeCard.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { HierarchyPointNode } from "d3-hierarchy";
+import type { CustomNodeElementProps, TreeNodeDatum } from "react-d3-tree/lib/types/common";
+import type { TreeNode } from '../../../features/Treege/type/TreeNode';
+interface TreeCardProps extends Omit<CustomNodeElementProps, "nodeDatum" | "hierarchyPointNode"> {
+    nodeDatum: TreeNode | TreeNodeDatum;
+    size?: number;
+    onAddChildren?(hierarchyPointNode: HierarchyPointNode<TreeNode>): void;
+    onEditChildren?(hierarchyPointNode: HierarchyPointNode<TreeNode>): void;
+    onDeleteChildren?(hierarchyPointNode: HierarchyPointNode<TreeNode>): void;
+    onOpenTreeModal?(hierarchyPointNode: HierarchyPointNode<TreeNode>): void;
+    hierarchyPointNode: HierarchyPointNode<TreeNode>;
+}
+declare const _default: import("react").MemoExoticComponent<({ nodeDatum, onAddChildren, onEditChildren, onDeleteChildren, onOpenTreeModal, hierarchyPointNode, size, }: TreeCardProps) => JSX.Element>;
+export default _default;

package/dist/components/UI/TreeForm/TreeForm.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { TreeRenderCustomNodeElementFn } from '../../../features/Treege/type/TreeNode';
+interface TreeFormProps {
+    data: any;
+    nodeSize?: {
+        x: number;
+        y: number;
+    };
+    renderCustomNodeElement?: TreeRenderCustomNodeElementFn;
+}
+declare const _default: import("react").MemoExoticComponent<({ data, renderCustomNodeElement, nodeSize, }: TreeFormProps) => JSX.Element | null>;
+export default _default;

package/dist/components/UI/TreeForm/useTreeForm.d.ts

@@ -0,0 +1,12 @@
+declare const useTreeForm: () => {
+    dimensions: {
+        height: number;
+        width: number;
+    };
+    refContainer: (ref: null | Element) => Element | null;
+    translate: {
+        x: number;
+        y: number;
+    };
+};
+export default useTreeForm;

package/dist/components/UI/TreeModal/TreeModal.d.ts

@@ -0,0 +1,13 @@
+import { TransitionProps } from "design-system-tracktor";
+import { ReactElement, ReactNode } from "react";
+interface TreeModalProps {
+    children?: ReactNode;
+    title?: string;
+    open: boolean;
+    onClose?(): void;
+}
+export declare const TransitionRef: import("react").ForwardRefExoticComponent<{
+    children: ReactElement;
+} & TransitionProps & import("react").RefAttributes<unknown>>;
+declare const TreeModal: ({ children, open, onClose, title }: TreeModalProps) => JSX.Element;
+export default TreeModal;

package/dist/components/UI/ViewerJSON/ViewerJSON.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ViewerJSONProps {
+    value: any;
+}
+declare const ViewerJSON: ({ value }: ViewerJSONProps) => JSX.Element;
+export default ViewerJSON;

package/dist/components/UI/ViewerJSON/useViewerJSON.d.ts

@@ -0,0 +1,4 @@
+declare const useViewerJSON: () => {
+    formatJSON: (value: any) => string;
+};
+export default useViewerJSON;

package/dist/components/UI/ViewerJSONAction/ViewerJSONAction.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ViewerJSONProps {
+    value: any;
+    downloadedFileName?: string;
+    onSave?(): void;
+}
+declare const ViewerJSONAction: ({ downloadedFileName, onSave, value }: ViewerJSONProps) => JSX.Element;
+export default ViewerJSONAction;

package/dist/components/UI/ViewerJSONAction/useViewerJSONAction.d.ts

@@ -0,0 +1,5 @@
+declare const useViewerJSONAction: () => {
+    formatJSON: (value: any) => string;
+    getDownloadLink: (value: any) => string;
+};
+export default useViewerJSONAction;

package/dist/constants/TreeData.d.ts

@@ -0,0 +1,7 @@
+import type { TreeNode } from '../features/Treege/type/TreeNode';
+declare const TreeData: {
+    id: string;
+    label: string;
+    value: TreeNode;
+}[];
+export default TreeData;

package/dist/constants/fields.d.ts

@@ -0,0 +1,77 @@
+declare const fields: readonly [{
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "text";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "number";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "email";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "file";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "password";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "tel";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "address";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "url";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "date";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "time";
+}, {
+    readonly isBooleanField: true;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: true;
+    readonly type: "switch";
+}, {
+    readonly isBooleanField: true;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: true;
+    readonly type: "checkbox";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: true;
+    readonly isRequiredDisabled: false;
+    readonly type: "radio";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: true;
+    readonly isRequiredDisabled: false;
+    readonly type: "select";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRequiredDisabled: true;
+    readonly type: "tree";
+}];
+export default fields;

package/dist/constants/theme.d.ts

@@ -0,0 +1,2 @@
+declare const darkTheme: import("design-system-tracktor").Theme;
+export default darkTheme;

package/dist/features/Treege/Treege.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Treege: () => JSX.Element;
+export default Treege;

package/dist/features/Treege/components/ButtonCreateTree/ButtonCreateTree.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ButtonCreateTree: () => JSX.Element;
+export default ButtonCreateTree;

package/dist/features/Treege/components/ButtonCreateTree/useButtonCreateTree.d.ts

@@ -0,0 +1,4 @@
+declare const useButtonCreateTree: () => {
+    handleClick: () => void;
+};
+export default useButtonCreateTree;

package/dist/features/Treege/components/Forms/FormTreeCardDelete/FormTreeCardDelete.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface FormTreeCardMutationProps {
+    onClose?(): void;
+}
+declare const FormTreeCardDelete: ({ onClose }: FormTreeCardMutationProps) => JSX.Element;
+export default FormTreeCardDelete;

package/dist/features/Treege/components/Forms/FormTreeCardDelete/useFormTreeCardDelete.d.ts

@@ -0,0 +1,5 @@
+import { FormEvent } from "react";
+declare const useFormTreeCardDelete: () => {
+    handleSubmit: (e: FormEvent) => void;
+};
+export default useFormTreeCardDelete;

package/dist/features/Treege/components/Forms/FormTreeCardMutation/FormTreeCardMutation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface FormTreeCardMutationProps {
+    onClose?(): void;
+}
+declare const FormTreeCardMutation: ({ onClose }: FormTreeCardMutationProps) => JSX.Element;
+export default FormTreeCardMutation;

package/dist/features/Treege/components/Forms/FormTreeCardMutation/useFormTreeCardMutation.d.ts

@@ -0,0 +1,45 @@
+import type { SelectChangeEvent } from "design-system-tracktor";
+import { ChangeEvent, FormEvent } from "react";
+import type { TreeNodeField } from '../../../../../features/Treege/type/TreeNode';
+declare const useFormTreeCardMutation: () => {
+    getDisabledValueField: (index: number) => boolean;
+    handleAddValue: () => void;
+    handleChangeHelperText: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeIsDecisionField: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeLabel: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeMessage: (nameMessage: "on" | "off") => (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeName: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeOptionLabel: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeOptionMessage: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeOptionValue: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeRequired: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeStep: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeTreeSelect: (event: SelectChangeEvent<string>) => void;
+    handleChangeType: (event: SelectChangeEvent<TreeNodeField["type"]>) => void;
+    handleDeleteValue: (idToDelete: string) => void;
+    handleSubmit: (e: FormEvent) => void;
+    helperText: string;
+    isBooleanField: boolean;
+    isDecision: boolean;
+    isDecisionField: boolean;
+    isRequiredDisabled: boolean;
+    isTree: boolean;
+    label: string;
+    messages: {
+        off: string;
+        on: string;
+    };
+    name: string;
+    required: boolean;
+    step: string;
+    treeSelect: string;
+    type: "number" | "text" | "email" | "file" | "password" | "tel" | "address" | "url" | "date" | "time" | "switch" | "checkbox" | "radio" | "select" | "tree";
+    uniqueNameErrorMessage: string;
+    values: {
+        id: string;
+        label: string;
+        value: string;
+        message?: string | undefined;
+    }[];
+};
+export default useFormTreeCardMutation;

package/dist/features/Treege/components/TreeCardContainer/TreeCardContainer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TreeCustomNodeElementProps } from '../../../../features/Treege/type/TreeNode';
+declare const TreeCardContainer: ({ nodeDatum, hierarchyPointNode, toggleNode, onNodeClick, onNodeMouseOver, onNodeMouseOut, }: TreeCustomNodeElementProps) => JSX.Element;
+export default TreeCardContainer;

package/dist/features/Treege/components/TreeCardContainer/useTreeCardContainer.d.ts

@@ -0,0 +1,10 @@
+import type { HierarchyPointNode } from "d3-hierarchy";
+import type { TreeNode } from '../../../../features/Treege/type/TreeNode';
+declare const useTreeCardContainer: () => {
+    handleAddChildren: (hierarchyPointNode: HierarchyPointNode<TreeNode>) => void;
+    handleCloseTreeModal: () => void;
+    handleDeleteChildren: (hierarchyPointNode: HierarchyPointNode<TreeNode>) => void;
+    handleEditChildren: (hierarchyPointNode: HierarchyPointNode<TreeNode>) => void;
+    handleOpenTreeModal: (hierarchyPointNode: HierarchyPointNode<TreeNode>) => void;
+};
+export default useTreeCardContainer;

package/dist/features/Treege/components/TreeGrid/TreeGrid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TreeGrid: () => JSX.Element;
+export default TreeGrid;

package/dist/features/Treege/components/TreeGrid/useTreeGrid.d.ts

@@ -0,0 +1,9 @@
+declare const useTreeGrid: () => {
+    closeModal: () => void;
+    getTitleModalDelete: () => string;
+    getTitleModalMutation: () => string;
+    handleOnSave: () => void;
+    isDeleteModal: boolean;
+    isModalMutationOpen: boolean;
+};
+export default useTreeGrid;

package/dist/features/Treege/context/TreegeContext.d.ts

@@ -0,0 +1,23 @@
+import type { HierarchyPointNode } from "d3-hierarchy";
+import { ReducerAction, SetStateAction } from "react";
+import type { TreeNode } from '../../../features/Treege/type/TreeNode';
+declare type ModalType = "add" | "edit" | "delete" | null;
+declare type TreePath = {
+    path: string;
+    label: string;
+};
+export interface TreeDefaultValue {
+    currentHierarchyPointNode: null | HierarchyPointNode<TreeNode>;
+    dispatchTree(state: ReducerAction<any>): void;
+    modalOpen: ModalType;
+    setCurrentHierarchyPointNode(state: SetStateAction<null | HierarchyPointNode<TreeNode>>): void;
+    setModalOpen(state: SetStateAction<ModalType>): void;
+    setTreeModalOpen(state: SetStateAction<boolean>): void;
+    setTreePath(state: SetStateAction<TreePath[] | []>): void;
+    treeModalOpen: boolean;
+    treePath: TreePath[] | [];
+    tree: null | TreeNode;
+}
+export declare const treeDefaultValue: TreeDefaultValue;
+export declare const TreegeContext: import("react").Context<TreeDefaultValue>;
+export {};

package/dist/features/Treege/context/TreegeProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TreegeProviderProps {
+    children: ReactNode;
+}
+declare const TreegeProvider: ({ children }: TreegeProviderProps) => JSX.Element;
+export default TreegeProvider;

package/dist/features/Treege/index.d.ts

@@ -0,0 +1,2 @@
+import Treege from "./Treege";
+export default Treege;

package/dist/features/Treege/reducer/treeReducer.d.ts

@@ -0,0 +1,25 @@
+import type { TreeNode } from '../../../features/Treege/type/TreeNode';
+export declare const treeReducerActionType: {
+    readonly appendTreeCard: "appendTreeCard";
+    readonly deleteTreeCard: "deleteTreeCard";
+    readonly replaceTreeCard: "replaceTreeCard";
+};
+export declare const appendTreeCard: (path: string | null, name: string, children: TreeNode) => {
+    children: TreeNode;
+    name: string;
+    path: string | null;
+    type: "appendTreeCard";
+};
+export declare const replaceTreeCard: (path: string | null, name: string, children: TreeNode) => {
+    children: TreeNode;
+    name: string;
+    path: string | null;
+    type: "replaceTreeCard";
+};
+export declare const deleteTreeCard: (path: string | "", name: string) => {
+    name: string;
+    path: string;
+    type: "deleteTreeCard";
+};
+declare const treeReducer: (tree: TreeNode, action: any) => any;
+export default treeReducer;

package/dist/features/Treege/type/TreeNode.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import type { HierarchyPointNode } from "d3-hierarchy";
+import type { CustomNodeElementProps, RawNodeDatum } from "react-d3-tree/lib/types/common";
+import type fields from '../../../constants/fields';
+export interface TreeValues {
+    id: string;
+    label: string;
+    value: string;
+    message?: string;
+}
+export interface TreeNodeField {
+    depth: number;
+    helperText?: string;
+    messages?: {
+        on?: string;
+        off?: string;
+    };
+    isDecision?: boolean;
+    isLeaf?: boolean;
+    isRoot?: boolean;
+    label: string;
+    required?: boolean;
+    step?: string;
+    type: typeof fields[number]["type"];
+    value?: never;
+    values?: TreeValues[];
+    message?: never;
+    tree?: TreeNode;
+    treePath?: string;
+}
+export interface TreeNodeValues {
+    depth: number;
+    helperText?: string;
+    messages?: never;
+    isDecision?: never;
+    isLeaf?: boolean;
+    isRoot?: never;
+    label: string;
+    required?: never;
+    step?: never;
+    type?: never;
+    value: string;
+    values?: never;
+    message?: string;
+    tree?: never;
+    treePath?: never;
+}
+export declare type TreeNodeAttributes = TreeNodeField | TreeNodeValues;
+export interface TreeNode extends Omit<RawNodeDatum, "attributes" | "children"> {
+    name: string;
+    attributes: TreeNodeAttributes;
+    children: TreeNode[];
+    treeId?: string;
+}
+export interface TreeCustomNodeElementProps extends Omit<CustomNodeElementProps, "hierarchyPointNode"> {
+    hierarchyPointNode: HierarchyPointNode<TreeNode>;
+}
+export declare type TreeRenderCustomNodeElementFn = (rd3tNodeProps: TreeCustomNodeElementProps) => JSX.Element;

package/dist/locales/en/button.json

@@ -0,0 +1,5 @@
+{
+  "createTree": "Create Tree",
+  "downloadJSONFile": "Download JSON File",
+  "save": "Save"
+}

package/dist/locales/en/form.json

@@ -0,0 +1,30 @@
+{
+  "decisionFields": "Decision fields",
+  "helperText": "Helper text",
+  "label": "Label",
+  "mustBeUnique": "Must be unique",
+  "offMessage": "Message (disable)",
+  "onMessage": "Message (enable)",
+  "staticFields": "Static fields",
+  "step": "Step",
+  "tree": "Tree",
+  "type": {
+    "address": "Address",
+    "checkbox": "Checkbox",
+    "date": "Date",
+    "email": "Email",
+    "file": "File",
+    "number": "Number",
+    "password": "Password",
+    "radio": "Radio",
+    "select": "Select",
+    "switch": "Switch",
+    "tel": "Tel",
+    "time": "Time",
+    "text": "Text",
+    "tree": "Tree",
+    "url": "URL"
+  },
+  "value": "Value",
+  "values": "Values"
+}

package/dist/locales/en/modal.json

@@ -0,0 +1,6 @@
+{
+  "addFirstTitle": "Add a field",
+  "addTitle": "Add a field to « {{name}} »",
+  "deleteTitle": "Are you sure to delete « {{name}} »",
+  "editTitle": "Edit field « {{name}} »"
+}

package/dist/locales/en/translation.json

@@ -0,0 +1,19 @@
+{
+  "add": "Add",
+  "cancel": "Cancel",
+  "disabled": "Disabled",
+  "edit": "Edit",
+  "isALeaf": "Is a leaf",
+  "isABranch": "Is a branch",
+  "isATree": "Is a tree",
+  "isTheRoot": "Is the root",
+  "label": "Label",
+  "name": "Name",
+  "remove": "Remove",
+  "required": "Required",
+  "show": "Show",
+  "type": "Type",
+  "validate": "Validate",
+  "value": "Value",
+  "values": "Values"
+}

package/dist/locales/fr/button.json

@@ -0,0 +1,5 @@
+{
+  "createTree": "Créer un arbre",
+  "downloadJSONFile": "Télécharger le fichier JSON",
+  "save": "Enregistrer"
+}

package/dist/locales/fr/form.json

@@ -0,0 +1,30 @@
+{
+  "decisionField": "Champs de décision",
+  "helperText": "Texte d'information",
+  "label": "Label",
+  "mustBeUnique": "Doit être unique",
+  "offMessage": "Message (désactiver)",
+  "onMessage": "Message (activer)",
+  "staticFields": "Champs statiques",
+  "step": "Étape",
+  "tree": "Arbre",
+  "type": {
+    "address": "Adresse",
+    "checkbox": "Case à cocher",
+    "date": "Date",
+    "email": "Email",
+    "file": "Fichier",
+    "number": "Nombre",
+    "password": "Mot de passe",
+    "radio": "Radio",
+    "select": "Select",
+    "switch": "Switch",
+    "tel": "Téléphone",
+    "time": "Temps",
+    "text": "Texte",
+    "tree": "Arbre",
+    "url": "URL"
+  },
+  "value": "Valeur",
+  "values": "Valeurs"
+}

package/dist/locales/fr/modal.json

@@ -0,0 +1,6 @@
+{
+  "addFirstTitle": "Ajouter un champ",
+  "addTitle": "Ajouter un champ à « {{name}} »",
+  "deleteTitle": "Voulez vraiment supprimer  « {{name}} »",
+  "editTitle": "Éditer le champ « {{name}} »"
+}