treege 1.1.0 → 1.2.0

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

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

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

@@ -1,4 +1,5 @@
-import { Params, Route, TreeNodeField } from '../../../type/TreeNode';
+import { Params, Route } from '../../../type/TreeNode';
+import { default as fields } from '../../../../../constants/fields';
 import { ChangeEvent, FormEvent, MouseEvent, SyntheticEvent } from 'react';
 import { SelectChangeEvent } from '@tracktor/design-system';
 
@@ -36,7 +37,7 @@ declare const useFormTreeCardMutation: () => {
         label: string;
     } | null) => void;
     handleChangeTreeSelect: (event: SelectChangeEvent) => void;
-    handleChangeType: (event: SelectChangeEvent<TreeNodeField["type"]>) => void;
+    handleChangeType: (_: SyntheticEvent, value: (typeof fields)[number]) => void;
     handleChangeUrl: (event: ChangeEvent<HTMLInputElement>) => void;
     handleChangeUrlSelect: (event: ChangeEvent<HTMLInputElement>) => void;
     handleDeleteParam: (e: MouseEvent<HTMLButtonElement>) => void;
@@ -74,7 +75,7 @@ declare const useFormTreeCardMutation: () => {
     step: string;
     tag: string | null;
     treeSelected: string;
-    type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "timeRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
+    type: "number" | "text" | "address" | "select" | "time" | "title" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "timeRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
     uuid: string;
     values: Values[];
 };

package/dist/src/features/Treege/components/Inputs/AutocompleteSelectType/AutocompleteSelectType.d.ts

@@ -0,0 +1,13 @@
+import { TreeNodeField } from '../../../type/TreeNode';
+import { default as fields } from '../../../../../constants/fields';
+import { SyntheticEvent } from 'react';
+import { SxProps } from '@tracktor/design-system';
+
+export interface FieldsSelectProps {
+    id: string;
+    value: TreeNodeField["type"];
+    onChange?: (event: SyntheticEvent, value: (typeof fields)[number]) => void;
+    sx?: SxProps;
+}
+declare const AutocompleteSelectType: ({ id, onChange, value, sx }: FieldsSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteSelectType;

package/dist/src/features/Treege/components/Inputs/AutocompleteSelectType/index.d.ts

@@ -0,0 +1,4 @@
+import { default as AutocompleteSelectType } from './AutocompleteSelectType';
+
+export default AutocompleteSelectType;
+export * from './AutocompleteSelectType';

package/dist/src/features/Treege/components/Inputs/AutocompleteSelectType/useAutocompleteSelectType.d.ts

@@ -0,0 +1,263 @@
+declare const useAutocompleteSelectType: (value: any) => {
+    currentValue: {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "text";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "number";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "email";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isMultiple: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "file";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "password";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "tel";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "address";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "url";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "date";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "dateRange";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "time";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "timeRange";
+    } | {
+        readonly isBooleanField: true;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "switch";
+    } | {
+        readonly isBooleanField: true;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "checkbox";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "hidden";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "tree";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: true;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "radio";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: true;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "select";
+    } | {
+        readonly initialQueryEnable: true;
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "autocomplete";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isMultiple: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "dynamicSelect";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "title";
+    };
+    options: ({
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "text";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "number";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "email";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isMultiple: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "file";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "password";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "tel";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "address";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "url";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "date";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "dateRange";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "time";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "timeRange";
+    } | {
+        readonly isBooleanField: true;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "switch";
+    } | {
+        readonly isBooleanField: true;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "checkbox";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "hidden";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "tree";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: true;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "radio";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: true;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "select";
+    } | {
+        readonly initialQueryEnable: true;
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: false;
+        readonly type: "autocomplete";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isMultiple: false;
+        readonly isRepeatableDisabled: false;
+        readonly isRequiredDisabled: false;
+        readonly type: "dynamicSelect";
+    } | {
+        readonly isBooleanField: false;
+        readonly isDecisionField: false;
+        readonly isRepeatableDisabled: true;
+        readonly isRequiredDisabled: true;
+        readonly type: "title";
+    })[];
+};
+export default useAutocompleteSelectType;

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

@@ -40,6 +40,7 @@ declare const FORM_EN: {
         readonly text: "Text";
         readonly time: "Time";
         readonly timeRange: "Time range";
+        readonly title: "Title";
         readonly tree: "Tree";
         readonly url: "URL";
     };

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

@@ -40,6 +40,7 @@ declare const FORM_FR: {
         readonly text: "Texte";
         readonly time: "Temps";
         readonly timeRange: "Plage de temps";
+        readonly title: "Titre";
         readonly tree: "Arbre";
         readonly url: "URL";
     };

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

@@ -25,7 +25,7 @@ declare const appendNode: ({ tree, path, uuid, child }: AppendChildParams) => Tr
         name: string;
         required?: boolean | undefined;
         step?: string | undefined;
-        type: "number" | "text" | "address" | "select" | "time" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "timeRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
+        type: "number" | "text" | "address" | "select" | "time" | "title" | "switch" | "hidden" | "email" | "file" | "password" | "tel" | "url" | "date" | "dateRange" | "timeRange" | "checkbox" | "tree" | "radio" | "autocomplete" | "dynamicSelect";
         value?: undefined;
         values?: import('../../../features/Treege/type/TreeNode').TreeValues[] | undefined;
         message?: undefined;

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Form decision tree generator",
   "license": "ISC",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "types": "./dist/main.d.ts",
   "main": "./dist/main.umd.cjs",
@@ -34,9 +34,9 @@
   },
   "dependencies": {
     "@codemirror/lang-json": "^6.0.1",
-    "@mui/icons-material": "^5.14.12",
+    "@mui/icons-material": "^5.16.7",
     "@tanstack/react-query": "^4.36.1",
-    "@tracktor/design-system": "^2.3.13",
+    "@tracktor/design-system": "^2.3.19",
     "@uiw/codemirror-theme-dracula": "^4.21.19",
     "@uiw/react-codemirror": "^4.21.19",
     "axios": "^1.7.7",
@@ -65,6 +65,9 @@
     "vitest": "^1.4.0"
   },
   "peerDependencies": {
+    "@mui/icons-material": ">=5",
+    "@tracktor/design-system": ">=2",
+    "i18next": ">=23",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },

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

@@ -1,10 +0,0 @@
-import { TreeNodeField } from '../../../type/TreeNode';
-import { SelectChangeEvent } from '@tracktor/design-system';
-
-interface FieldsSelectProps {
-    id: string;
-    value: TreeNodeField["type"];
-    onChange?: (event: SelectChangeEvent<TreeNodeField["type"]>) => void;
-}
-declare const FieldSelect: ({ id, onChange, value }: FieldsSelectProps) => import("react/jsx-runtime").JSX.Element;
-export default FieldSelect;

package/dist/src/features/Treege/components/Inputs/FieldSelect/index.d.ts

@@ -1,4 +0,0 @@
-import { default as FieldSelect } from './FieldSelect';
-
-export default FieldSelect;
-export * from './FieldSelect';

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

@@ -1,127 +0,0 @@
-declare const useFieldSelect: () => {
-    fields: ({
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "text";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "number";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "email";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isMultiple: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "file";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "password";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "tel";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "address";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "url";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "date";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "dateRange";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "time";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "timeRange";
-    } | {
-        readonly isBooleanField: true;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: true;
-        readonly type: "switch";
-    } | {
-        readonly isBooleanField: true;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: true;
-        readonly type: "checkbox";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: true;
-        readonly type: "hidden";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: true;
-        readonly type: "tree";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: true;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: false;
-        readonly type: "radio";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: true;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: false;
-        readonly type: "select";
-    } | {
-        readonly initialQueryEnable: true;
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isRepeatableDisabled: true;
-        readonly isRequiredDisabled: false;
-        readonly type: "autocomplete";
-    } | {
-        readonly isBooleanField: false;
-        readonly isDecisionField: false;
-        readonly isMultiple: false;
-        readonly isRepeatableDisabled: false;
-        readonly isRequiredDisabled: false;
-        readonly type: "dynamicSelect";
-    })[];
-};
-export default useFieldSelect;