treege 0.13.1 → 0.15.0

package/dist/src/constants/fields.d.ts

@@ -106,5 +106,11 @@ declare const fields: readonly [{
     readonly isRepeatableDisabled: true;
     readonly isRequiredDisabled: false;
     readonly type: "autocomplete";
+}, {
+    readonly isBooleanField: false;
+    readonly isDecisionField: false;
+    readonly isRepeatableDisabled: false;
+    readonly isRequiredDisabled: false;
+    readonly type: "dynamicSelect";
 }];
 export default fields;

package/dist/src/features/Treege/components/DynamicSelectFieldFromTree/DynamicSelectFieldFromTree.d.ts

@@ -0,0 +1,8 @@
+import { SelectChangeEvent } from "@tracktor/design-system";
+interface DynamicSelectFieldFromTreeProps {
+    value: string | null;
+    onChange?: (event: SelectChangeEvent<string | undefined>, newValue: string | undefined) => void;
+    currentName: string;
+}
+declare const DynamicSelectFieldFromTree: ({ value, onChange, currentName }: DynamicSelectFieldFromTreeProps) => import("react/jsx-runtime").JSX.Element;
+export default DynamicSelectFieldFromTree;

package/dist/src/features/Treege/components/DynamicSelectFieldFromTree/index.d.ts

@@ -0,0 +1,3 @@
+import DynamicSelectFieldFromTree from "./DynamicSelectFieldFromTree";
+export default DynamicSelectFieldFromTree;
+export * from "./DynamicSelectFieldFromTree";

package/dist/src/features/Treege/components/DynamicSelectWarning/DynamicSelectWarning.d.ts

@@ -0,0 +1,5 @@
+interface EndPointWarningProps {
+    value: string | null;
+}
+declare const DynamicSelectWarning: ({ value }: EndPointWarningProps) => import("react/jsx-runtime").JSX.Element;
+export default DynamicSelectWarning;

package/dist/src/features/Treege/components/DynamicSelectWarning/index.d.ts

@@ -0,0 +1,3 @@
+import DynamicSelectWarning from "./DynamicSelectWarning";
+export default DynamicSelectWarning;
+export * from "./DynamicSelectWarning";

package/dist/src/features/Treege/components/FieldSelect/useFieldSelect.d.ts

@@ -107,6 +107,12 @@ declare const useFieldSelect: () => {
         readonly isRepeatableDisabled: true;
         readonly isRequiredDisabled: false;
         readonly type: "autocomplete";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "dynamicSelect";
     })[];
 };
 export default useFieldSelect;

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

@@ -1,8 +1,9 @@
 import type { SelectChangeEvent } from "@tracktor/design-system";
 import { ChangeEvent, FormEvent, MouseEvent, SyntheticEvent } from "react";
-import type { TreeNodeField } from '../../../../../features/Treege/type/TreeNode';
+import type { Params, Route, TreeNodeField } from '../../../../../features/Treege/type/TreeNode';
 declare const useFormTreeCardMutation: () => {
     getDisabledValueField: (index: number) => boolean;
+    handleAddParams: () => void;
     handleAddValue: () => void;
     handleChangeHelperText: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeHiddenValue: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -13,6 +14,9 @@ declare const useFormTreeCardMutation: () => {
     handleChangeOptionLabel: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeOptionMessage: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeOptionValue: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeParam: (index: number, property: keyof Params, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleChangeParentRef: (_: SelectChangeEvent<string | undefined>, newValue: string | undefined) => void;
+    handleChangePath: <T extends HTMLInputElement | HTMLTextAreaElement>(property: string, event: ChangeEvent<T>) => void;
     handleChangeRepeatable: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeRequired: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeSearchKey: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -24,6 +28,8 @@ declare const useFormTreeCardMutation: () => {
     handleChangeTreeSelect: (event: SelectChangeEvent) => void;
     handleChangeType: (event: SelectChangeEvent<TreeNodeField["type"]>) => void;
     handleChangeUrl: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleChangeUrlSelect: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleDeleteParam: (e: MouseEvent<HTMLButtonElement>) => void;
     handleDeleteValue: (e: MouseEvent<HTMLButtonElement>) => void;
     handleSubmit: (e: FormEvent) => Promise<void>;
     helperText: string;
@@ -32,6 +38,7 @@ declare const useFormTreeCardMutation: () => {
     isBooleanField: boolean;
     isDecision: boolean;
     isDecisionField: boolean;
+    isDynamicSelect: boolean;
     isEditModal: boolean;
     isHiddenField: boolean;
     isLeaf: boolean;
@@ -45,15 +52,15 @@ declare const useFormTreeCardMutation: () => {
         on: string;
     };
     name: string;
+    parentRef: string | null;
     repeatable: boolean;
     required: boolean;
-    searchKey: string;
+    route: Route;
     step: string;
     tag: string | null;
     treeSelected: string;
-    type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "checkbox" | "tree" | "radio" | "autocomplete";
+    type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
     uniqueNameErrorMessage: string;
-    url: string;
     values: {
         id: string;
         label: string;

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

@@ -8,9 +8,22 @@ export interface TreeValues {
     value: string;
     message?: string;
 }
+export interface Params {
+    id: string;
+    key: string;
+    value: string;
+}
+export interface PathKey {
+    object?: string;
+    value?: string;
+    label?: string;
+    image?: string;
+}
 export interface Route {
     url: string;
-    searchKey: string;
+    searchKey?: string;
+    pathKey?: PathKey;
+    params?: Params[];
 }
 export interface TreeNode extends Omit<RawNodeDatum, "attributes" | "children"> {
     name: string;
@@ -37,6 +50,7 @@ export interface TreeNode extends Omit<RawNodeDatum, "attributes" | "children">
         repeatable?: boolean;
         hiddenValue?: string;
         route?: Route;
+        parentRef?: string;
     } | {
         depth: number;
         tag?: string;
@@ -57,6 +71,7 @@ export interface TreeNode extends Omit<RawNodeDatum, "attributes" | "children">
         repeatable?: never;
         hiddenValue?: never;
         route?: Route;
+        parentRef?: string;
     };
     children: TreeNode[];
     treeId?: string;

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

@@ -1,11 +1,15 @@
 declare const FORM_EN: {
+    readonly additionalParams: "Additional parameters";
+    readonly ancestor: "Ancestor";
     readonly apiRoute: "Api route";
+    readonly dataMapping: "Data mapping";
     readonly decisionField: "Decision field";
     readonly helperText: "Helper text";
     readonly hiddenValue: "Hidden value";
     readonly label: "Label";
     readonly mustBeUnique: "Must be unique";
     readonly newTree: "Nouvel arbre";
+    readonly noAncestorFound: "No parents found";
     readonly offMessage: "Message (disable)";
     readonly onMessage: "Message (enable)";
     readonly repeatable: "Repeatable";
@@ -19,6 +23,7 @@ declare const FORM_EN: {
         readonly checkbox: "Checkbox";
         readonly date: "Date";
         readonly dateRange: "Date range";
+        readonly dynamicSelect: "Dynamic select";
         readonly email: "Email";
         readonly file: "File";
         readonly hidden: "Hidden field";
@@ -33,11 +38,17 @@ declare const FORM_EN: {
         readonly tree: "Tree";
         readonly url: "URL";
     };
+    readonly urlConstruction: "URL construction";
     readonly value: "Value";
     readonly values: "Values";
     readonly warningApiAutocomplete: {
         readonly response: "should have as a response";
         readonly url: "The API Route";
     };
+    readonly warningApiSelect: {
+        readonly response: "at the location specified in the API URL.";
+        readonly url: "To automatically include the parent value in the API URL: add";
+        readonly warning: "{{}}";
+    };
 };
 export default FORM_EN;

package/dist/src/locales/en/translation-en.d.ts

@@ -11,6 +11,7 @@ declare const TRANSLATION_EN: {
     readonly isTheRoot: "Is the root";
     readonly label: "Label";
     readonly name: "Name";
+    readonly parentRef: "Parent element";
     readonly remove: "Remove";
     readonly required: "Required";
     readonly save: "Save";

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

@@ -1,11 +1,15 @@
 declare const FORM_FR: {
+    readonly additionalParams: "Paramètres additionnels";
+    readonly ancestor: "Ancêtre";
     readonly apiRoute: "Api route";
+    readonly dataMapping: "Mapping de données";
     readonly decisionField: "Champs de décision";
     readonly helperText: "Texte d'information";
     readonly hiddenValue: "Valeur caché";
     readonly label: "Label";
     readonly mustBeUnique: "Doit être unique";
     readonly newTree: "Nouvel arbre";
+    readonly noAncestorFound: "Aucun parent trouvé";
     readonly offMessage: "Message (désactiver)";
     readonly onMessage: "Message (activer)";
     readonly repeatable: "Répétable";
@@ -19,6 +23,7 @@ declare const FORM_FR: {
         readonly checkbox: "Case à cocher";
         readonly date: "Date";
         readonly dateRange: "Plage de dates";
+        readonly dynamicSelect: "Sélection dynamique";
         readonly email: "Email";
         readonly file: "Fichier";
         readonly hidden: "Champs caché";
@@ -33,11 +38,17 @@ declare const FORM_FR: {
         readonly tree: "Arbre";
         readonly url: "URL";
     };
+    readonly urlConstruction: "Construction de l'URL";
     readonly value: "Valeur";
     readonly values: "Valeurs";
     readonly warningApiAutocomplete: {
         readonly response: "dois avoir comme réponse";
         readonly url: "La route de l'API";
     };
+    readonly warningApiSelect: {
+        readonly response: "à l'emplacement de votre variable.";
+        readonly url: "Pour intégrer automatiquement la valeur du parent dans l'URL";
+        readonly warning: "placez {{}}";
+    };
 };
 export default FORM_FR;

package/dist/src/locales/fr/translation-fr.d.ts

@@ -11,6 +11,7 @@ declare const TRANSLATION_FR: {
     readonly isTheRoot: "Est la racine";
     readonly label: "Label";
     readonly name: "Nom";
+    readonly parentRef: "Element parent";
     readonly remove: "Supprimer";
     readonly required: "Requis";
     readonly save: "Enregistrer";

package/dist/src/utils/tree/appendNode/appendNode.d.ts

@@ -27,7 +27,7 @@ declare const appendNode: ({ tree, path, name, child }: AppendChildParams) => Tr
         label: string;
         required?: boolean | undefined;
         step?: string | undefined;
-        type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "checkbox" | "tree" | "radio" | "autocomplete";
+        type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
         value?: undefined;
         values?: import('../../../features/Treege/type/TreeNode').TreeValues[] | undefined;
         message?: undefined;
@@ -36,6 +36,7 @@ declare const appendNode: ({ tree, path, name, child }: AppendChildParams) => Tr
         repeatable?: boolean | undefined;
         hiddenValue?: string | undefined;
         route?: import('../../../features/Treege/type/TreeNode').Route | undefined;
+        parentRef?: string | undefined;
     } | {
         isLeaf: boolean;
         isRoot: boolean;
@@ -56,6 +57,7 @@ declare const appendNode: ({ tree, path, name, child }: AppendChildParams) => Tr
         repeatable?: undefined;
         hiddenValue?: undefined;
         route?: import('../../../features/Treege/type/TreeNode').Route | undefined;
+        parentRef?: string | undefined;
     };
     name: string;
     children: TreeNode[];

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Form decision tree generator",
   "license": "ISC",
-  "version": "0.13.1",
+  "version": "0.15.0",
   "type": "module",
   "types": "./dist/main.d.ts",
   "main": "./dist/main.umd.cjs",
@@ -26,6 +26,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --max-warnings=0 && tsc --noEmit",
+    "lint:fix": "eslint . --fix",
     "preview": "vite preview",
     "test": "yarn lint && vitest",
     "test:coverage": "vitest run --coverage",