treege 1.5.1 → 2.0.1

package/CHANGELOG.md

@@ -1,4 +1,8 @@
 # [Versions](https://github.com/Tracktor/treege/releases)
 
-## v1.5.1
-- **[fix]** : Context props
+## v2.0.1
+
+### 🧹 Chore
+
+- Migration to React 19 and Vite v7.
+- Updated dependencies and configuration for compatibility.

package/dist/components/DataDisplay/Tree/useTree.d.ts

@@ -3,7 +3,7 @@ declare const useTree: () => {
         height: number;
         width: number;
     };
-    refContainer: (ref: null | Element) => Element | null;
+    refContainer: (ref: null | HTMLDivElement) => void;
     translate: {
         x: number;
         y: number;

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

@@ -0,0 +1,10 @@
+import { DefaultValueFromAncestor } from '@tracktor/types-treege';
+interface AssignValueToChildrenProps {
+    value?: DefaultValueFromAncestor | null;
+    onChange?: (sourceValue?: string) => void;
+    ancestorName: string;
+    displayTopDivider?: boolean;
+    currentType?: string;
+}
+declare const AssignValueToChildren: ({ onChange, value, ancestorName, displayTopDivider, currentType }: AssignValueToChildrenProps) => import("react/jsx-runtime").JSX.Element;
+export default AssignValueToChildren;

package/dist/features/Treege/components/Forms/AssignValueToChildren/Examples/ObjectMappingExample.d.ts

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

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

@@ -1,5 +1,7 @@
 interface FormTreeCardMutationProps {
     onClose(): void;
+    title?: string;
+    setIsLarge?(largeModal: boolean): void;
 }
-declare const FormTreeCardMutation: ({ onClose }: FormTreeCardMutationProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormTreeCardMutation: ({ onClose, title, setIsLarge }: FormTreeCardMutationProps) => import("react/jsx-runtime").JSX.Element;
 export default FormTreeCardMutation;

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

@@ -1,5 +1,5 @@
 import { SelectChangeEvent } from '@tracktor/design-system';
-import { Params, Route } from '@tracktor/types-treege';
+import { DefaultValueFromAncestor, Params, Route, TreeNode } from '@tracktor/types-treege';
 import { ChangeEvent, FormEvent, MouseEvent, SyntheticEvent } from 'react';
 import { default as fields } from '../../../../../src/constants/fields';
 interface Values {
@@ -8,10 +8,21 @@ interface Values {
     value: string;
     message?: string;
 }
-declare const useFormTreeCardMutation: () => {
+interface UseFormTreeCardMutationParams {
+    setIsLarge?(largeModal: boolean): void;
+}
+declare const useFormTreeCardMutation: ({ setIsLarge }: UseFormTreeCardMutationParams) => {
+    ancestors: {
+        uuid: string;
+        name?: string;
+    }[];
+    collapseOptions: boolean;
+    currentTree: TreeNode | null;
+    defaultValueFromAncestor: DefaultValueFromAncestor | undefined;
     getDisabledValueField: (index: number) => boolean;
     handleAddParams: () => void;
     handleAddValue: () => void;
+    handleAncestorRef: (ancestorUuid?: string, ancestorName?: string) => void;
     handleChangeHelperText: ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleChangeHiddenValue: ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleChangeInitialQuery: ({ target }: ChangeEvent<HTMLInputElement>) => void;
@@ -21,8 +32,7 @@ declare const useFormTreeCardMutation: () => {
     handleChangeMessage: (nameMessage: "on" | "off") => ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleChangeMultiple: ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleChangeName: ({ target }: ChangeEvent<HTMLInputElement>) => void;
-    handleChangeParam: (index: number, property: keyof Params, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleChangeParentRef: (_: SelectChangeEvent<string | undefined>, newValue: string | undefined) => void;
+    handleChangeParam: <K extends keyof Params>(index: number, property: K, value: Params[K]) => void;
     handleChangePath: <T extends HTMLInputElement | HTMLTextAreaElement>(property: string, event: ChangeEvent<T>) => void;
     handleChangePattern: (_: SyntheticEvent, value: null | string | {
         label: string;
@@ -38,12 +48,13 @@ declare const useFormTreeCardMutation: () => {
     } | null) => void;
     handleChangeTreeSelect: ({ target }: SelectChangeEvent) => void;
     handleChangeType: (_: SyntheticEvent, value: (typeof fields)[number]) => void;
-    handleChangeUrl: ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleChangeUrlSelect: ({ target }: ChangeEvent<HTMLInputElement>) => void;
     handleDeleteParam: (e: MouseEvent<HTMLButtonElement>) => void;
     handleDeleteValue: ({ currentTarget }: MouseEvent<HTMLButtonElement>) => void;
     handlePresetValues: (predicate: "value" | "label" | "message") => (event: ChangeEvent<HTMLInputElement>) => void;
     handleSubmit: (e: FormEvent) => Promise<void>;
+    handleValueFromAncestor: (sourceValue?: string) => void;
+    hasAncestors: boolean;
     helperText: string;
     hiddenValue: string;
     initialQuery: boolean;
@@ -54,9 +65,8 @@ declare const useFormTreeCardMutation: () => {
     isDecisionField: boolean;
     isDisabledPast: boolean;
     isDynamicSelect: boolean;
-    isEditModal: boolean;
     isHiddenField: boolean;
-    isLeaf: boolean;
+    isLargeView: boolean;
     isMultiple: boolean;
     isMultiplePossible: boolean;
     isPatternEnabled: boolean;
@@ -70,7 +80,6 @@ declare const useFormTreeCardMutation: () => {
         on: string;
     };
     name: string;
-    parentRef: string | null;
     pattern: string | {
         label: string;
         value: string;
@@ -94,7 +103,9 @@ declare const useFormTreeCardMutation: () => {
     })[];
     repeatable: boolean;
     required: boolean;
-    route: Route;
+    route: Route | undefined;
+    selectAncestorName: string | undefined;
+    setCollapseOptions: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     tag: string | null;
     treeSelected: string;
     type: import('@tracktor/types-treege').FieldType;

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

@@ -0,0 +1,11 @@
+interface ReceiveValueFromParentProps {
+    id: string;
+    ancestors: {
+        uuid: string;
+        name?: string;
+    }[];
+    onChange?: (ancestorUuid?: string, ancestorName?: string) => void;
+    value?: string | null;
+}
+declare const ReceiveValueFromAncestor: ({ onChange, id, value, ancestors }: ReceiveValueFromParentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ReceiveValueFromAncestor;

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

@@ -4,6 +4,8 @@ declare const useTreeGrid: () => {
     getTitleModalMutation: () => "Add a field" | "Add a field to « {{name}} »" | "Edit field « {{name}} »";
     handleChangeTree: (tree: string) => false | undefined;
     isDeleteModal: boolean;
+    isLargeView: boolean;
     isModalMutationOpen: boolean;
+    setIsLargeView: import('react').Dispatch<import('react').SetStateAction<boolean>>;
 };
 export default useTreeGrid;

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

@@ -1,6 +1,7 @@
 import { CurrentTree, ModalType, TreeNode, TreePath } from '@tracktor/types-treege';
 import { HierarchyPointNode } from 'd3-hierarchy';
-import { ReactNode, ReducerAction, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { TreeReducerAction } from '../../../src/features/Treege/reducer/treeReducer';
 import { BackendConfig } from '../../../src/features/Treege/Treege';
 interface TreegeProviderProps {
     children: ReactNode;
@@ -55,15 +56,15 @@ export interface TreeDefaultValue {
      * This is the tree node dispatch function
      * @param state
      */
-    dispatchTree(state: ReducerAction<any>): void;
+    dispatchTree: Dispatch<TreeReducerAction>;
     /**
      * This is the function to set the modal open state
      * @param state
      */
     setCurrentHierarchyPointNode(state: SetStateAction<null | HierarchyPointNode<TreeNode>>): void;
     /**
-     * This is the function to set the current tree information
-     * Not the node to display tree
+     * This is the function to set the current tree information,
+     * Not the node to display a tree
      * @param state
      */
     setCurrentTree(state: SetStateAction<CurrentTree>): void;

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

@@ -6,29 +6,30 @@ export declare const treeReducerActionType: {
     readonly resetTree: "resetTree";
     readonly setTree: "setTree";
 };
-export declare const appendTreeCard: (path: string | null, uuid: string, children: TreeNode) => {
-    children: TreeNode;
+export type TreeReducerAction = {
+    type: typeof treeReducerActionType.appendTreeCard;
     path: string | null;
-    type: "appendTreeCard";
     uuid: string;
-};
-export declare const replaceTreeCard: (path: string | null, uuid: string, children: TreeNode) => {
     children: TreeNode;
-    path: string | null;
-    type: "replaceTreeCard";
+} | {
+    type: typeof treeReducerActionType.deleteTreeCard;
+    path: string | "";
     uuid: string;
-};
-export declare const deleteTreeCard: (path: string | "", uuid: string) => {
-    path: string;
-    type: "deleteTreeCard";
+} | {
+    type: typeof treeReducerActionType.replaceTreeCard;
+    path: string | null;
     uuid: string;
+    children: TreeNode;
+} | {
+    type: typeof treeReducerActionType.resetTree;
+} | {
+    type: typeof treeReducerActionType.setTree;
+    tree: TreeNode | null;
 };
-export declare const resetTree: () => {
-    type: "resetTree";
-};
-export declare const setTree: (tree: TreeNode) => {
-    tree: TreeNode;
-    type: "setTree";
-};
-declare const treeReducer: (tree: TreeNode, action: any) => any;
+export declare const appendTreeCard: (path: string | null, uuid: string, children: TreeNode) => TreeReducerAction;
+export declare const replaceTreeCard: (path: string | null, uuid: string, children: TreeNode) => TreeReducerAction;
+export declare const deleteTreeCard: (path: string | "", uuid: string) => TreeReducerAction;
+export declare const resetTree: () => TreeReducerAction;
+export declare const setTree: (tree: TreeNode | null) => TreeReducerAction;
+declare const treeReducer: (tree: TreeNode | null, action: any) => any;
 export default treeReducer;

package/dist/locales/en/form-en.d.ts

@@ -1,32 +1,45 @@
 declare const FORM_EN: {
-    readonly additionalParams: "Additional parameters";
+    readonly additionalParams: "Api parameters";
+    readonly addressStructureHint: "An address type must be:";
     readonly ancestor: "Ancestor";
+    readonly ancestorValue: "Get value from: {{ancestorName}}";
     readonly apiRoute: "Api route";
     readonly cardNumber: "Card number";
-    readonly dataMapping: "Data mapping";
+    readonly dataMapping: "Option mapping";
     readonly decisionField: "Decision field";
     readonly disabledPast: "Disabled Past";
+    readonly dynamicSelectStructureHint: "Make sure the field accepts the ancestor value.";
     readonly email: "Email";
     readonly firstNameAndLastName: "First name and last name";
     readonly helperText: "Helper text";
     readonly hiddenValue: "Hidden value";
     readonly key: "Key";
+    readonly keyPath: "Key path (string | number)";
+    readonly keyPathApiDescription: "(Option) To insert a value in a URL, use the syntax {paramName}. For example: http://api.com/userId={userId}, add {userId} in params.";
+    readonly keyPathAssignment: "Key path to value: {{keyPath}}";
+    readonly keyPathObject: "Key path to value";
     readonly label: "Label";
     readonly letter: "Letter";
+    readonly mapObject: "Map object";
     readonly message: "Message";
     readonly mustBeUnique: "Must be unique";
     readonly newTree: "Nouvel arbre";
     readonly noAncestorFound: "No parents found";
     readonly number: "Nombre";
     readonly numberAndLetter: "Number and letter";
+    readonly objectDemo: "Example of object mapping";
     readonly offMessage: "Message (disable)";
     readonly onMessage: "Message (enable)";
     readonly pattern: "Pattern";
     readonly patternMessage: "Pattern message";
     readonly phoneNumber: "Phone number";
+    readonly receiveValueFromParent: "Default value from ancestor";
     readonly repeatable: "Repeatable";
     readonly searchKeyPlaceholder: "text";
+    readonly selectStructureHint: "Must be an value existing in the values option.";
     readonly staticFields: "Static fields";
+    readonly staticValue: "(Option) Static value";
+    readonly staticValueDescription: "By default, it will use the ancestor value, but you can assign a static value.";
     readonly step: "Step";
     readonly tree: "Tree";
     readonly treeName: "Tree name";
@@ -53,8 +66,10 @@ declare const FORM_EN: {
         readonly tree: "Tree";
         readonly url: "URL";
     };
+    readonly typeStructureWarning: "Type structure must be: {{type}}";
     readonly url: "URL";
     readonly urlConstruction: "URL construction";
+    readonly useAncestorValueAsParam: "Use Ancestor value";
     readonly value: "Value";
     readonly values: "Values";
     readonly warningApiAutocomplete: {

package/dist/locales/fr/form-fr.d.ts

@@ -1,32 +1,45 @@
 declare const FORM_FR: {
-    readonly additionalParams: "Paramètres additionnels";
+    readonly additionalParams: "Paramètres API";
+    readonly addressStructureHint: "Un type d'adresse doit être :";
     readonly ancestor: "Ancêtre";
+    readonly ancestorValue: "Récupération de la valeur de : {{ancestorName}}";
     readonly apiRoute: "Api route";
     readonly cardNumber: "Numéro de carte";
-    readonly dataMapping: "Mapping de données";
+    readonly dataMapping: "Mapping des options";
     readonly decisionField: "Champs de décision";
     readonly disabledPast: "Passé désactivé";
+    readonly dynamicSelectStructureHint: "Assurez-vous que le champ accepte la valeur de l'ancêtre.";
     readonly email: "Email";
     readonly firstNameAndLastName: "Prénom et nom";
     readonly helperText: "Texte d'information";
     readonly hiddenValue: "Valeur caché";
     readonly key: "Clé";
+    readonly keyPath: "Chemin de la clé (string | number)";
+    readonly keyPathApiDescription: "Pour insérer une valeur dans une URL, utilisez la syntaxe {paramName}. Par exemple : http://api.com/userId={userId}, ajouter {userId} en params.";
+    readonly keyPathAssignment: "Chemin vers la valeur : {{keyPath}}";
+    readonly keyPathObject: "Clé vers la valeur";
     readonly label: "Label";
     readonly letter: "Lettre";
+    readonly mapObject: "Mapper l'objet";
     readonly message: "Message";
     readonly mustBeUnique: "Doit être unique";
     readonly newTree: "Nouvel arbre";
-    readonly noAncestorFound: "Aucun parent trouvé";
+    readonly noAncestorFound: "Aucun parent trouvé ";
     readonly number: "Chiffre";
     readonly numberAndLetter: "Chiffre et lettre";
+    readonly objectDemo: "Exemple de mapping d'objet";
     readonly offMessage: "Message (désactiver)";
     readonly onMessage: "Message (activer)";
     readonly pattern: "Expression régulière";
     readonly patternMessage: "Message d'aide invalide";
     readonly phoneNumber: "Numéro de téléphone";
+    readonly receiveValueFromParent: "Valeur par défaut depuis l'ancêtre";
     readonly repeatable: "Répétable";
     readonly searchKeyPlaceholder: "text";
+    readonly selectStructureHint: "Doit être une valeur existante dans les options de valeurs.";
     readonly staticFields: "Champs statiques";
+    readonly staticValue: "(Option) Valeur statique";
+    readonly staticValueDescription: "Par défaut, il utilisera la valeur de l'ancêtre, mais vous pouvez assigner une valeur statique.";
     readonly step: "Étape";
     readonly tree: "Arbre";
     readonly treeName: "Nom de l'arbre";
@@ -53,8 +66,10 @@ declare const FORM_FR: {
         readonly tree: "Arbre";
         readonly url: "URL";
     };
+    readonly typeStructureWarning: "Le type d'input doit être : {{type}}";
     readonly url: "URL";
     readonly urlConstruction: "Construction de l'URL";
+    readonly useAncestorValueAsParam: "Utiliser une valeur ancêtre";
     readonly value: "Valeur";
     readonly values: "Valeurs";
     readonly warningApiAutocomplete: {
@@ -63,7 +78,7 @@ declare const FORM_FR: {
     };
     readonly warningApiSelect: {
         readonly response: "à l'emplacement de votre variable.";
-        readonly url: "Pour intégrer automatiquement la valeur du parent dans l'URL";
+        readonly url: "Pour intégrer la valeur du parent dans l'URL";
         readonly warning: "placez {{}}";
     };
 };