@dialob/composer-material 0.0.8 → 0.0.10

package/dist-lib/index.d.ts

@@ -1,20 +1,19 @@
 import { AlertColor } from '@mui/material';
-import { Component } from 'react';
+import { Component } from '../../node_modules/@types/react';
 import { ConversionMenu } from '../items/ItemComponents';
-import { default as default_2 } from 'react';
+import { default as default_2 } from '../../node_modules/@types/react';
+import { default as default_3 } from '../../../node_modules/@types/react';
 import { EditorState } from '..';
-import { FunctionComponent } from 'react';
+import { FunctionComponent } from '../../node_modules/@types/react';
 import { IdField } from '../items/ItemComponents';
 import { Indicators } from '../items/ItemComponents';
-import { ItemId } from '@atlaskit/tree';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LabelField } from '../items/ItemComponents';
 import { LanguageEditor } from '../components/translations/LanguageEditor';
 import { OptionsMenu } from '../items/ItemComponents';
 import { StyledTable } from '../items/ItemComponents';
 import { SvgIconProps } from '@mui/material';
-import { TreeDraggableProvided } from '@atlaskit/tree/dist/types/components/TreeItem/TreeItem-types';
-import { TreeItem } from '@atlaskit/tree';
+import { UniqueIdentifier } from '@dnd-kit/core';
 import { VisibilityField } from '../items/ItemComponents';
 
 declare interface ApiResponse {
@@ -94,7 +93,7 @@ export declare const ChoiceDeleteDialog: default_2.FC<{
     onClose: () => void;
 }>;
 
-export declare const ChoiceEditor: default_2.FC;
+export declare const ChoiceEditor: default_3.FC;
 
 export declare const ChoiceItem: default_2.FC<ChoiceItemProps>;
 
@@ -193,9 +192,9 @@ declare type ContextVariable = {
     description?: string;
 };
 
-export declare const ContextVariableRow: default_2.FC<VariableProps>;
+export declare const ContextVariableRow: default_3.FC<VariableProps>;
 
-export declare const ContextVariables: default_2.FC<{
+export declare const ContextVariables: default_3.FC<{
     onClose: () => void;
 }>;
 
@@ -250,9 +249,9 @@ declare namespace DefaultTypes {
 }
 export { DefaultTypes }
 
-export declare const DefaultValueEditor: default_2.FC;
+export declare const DefaultValueEditor: default_3.FC;
 
-export declare const DescriptionEditor: default_2.FC;
+export declare const DescriptionEditor: default_3.FC;
 
 declare type DialobCategoryType = 'structure' | 'input' | 'output';
 
@@ -358,12 +357,18 @@ declare namespace ErrorUtils {
 }
 export { ErrorUtils }
 
-export declare const ExpressionVariableRow: default_2.FC<VariableProps>;
+export declare const ExpressionVariableRow: default_3.FC<VariableProps>;
 
-export declare const ExpressionVariables: default_2.FC<{
+export declare const ExpressionVariables: default_3.FC<{
     onClose: () => void;
 }>;
 
+declare interface FlattenedItem extends TreeItem {
+    parentId: UniqueIdentifier | null;
+    depth: number;
+    index: number;
+}
+
 export declare const FormOptionsDialog: default_2.FC<{
     open: boolean;
     onClose: () => void;
@@ -418,7 +423,7 @@ declare interface ItemConfigItem {
     props: ConfigItemProps;
 }
 
-export declare const itemFactory: (item: DialobItem, itemConfig: ItemConfig, props?: any) => JSX_2.Element | null;
+export declare const itemFactory: (item: DialobItem, itemConfig: ItemConfig, setHighlightedItem?: (item: DialobItem) => void, props?: any) => JSX_2.Element | null;
 
 export declare const ItemOptionsDialog: default_2.FC;
 
@@ -437,7 +442,7 @@ declare interface ItemTypeConfig {
     categories: ItemTypeCategory[];
 }
 
-export declare const LabelEditor: default_2.FC;
+export declare const LabelEditor: default_3.FC;
 
 export { LabelField }
 
@@ -447,19 +452,17 @@ declare type LocalizedString = {
     [language: string]: string;
 };
 
-export declare const LocalizedStringEditor: default_2.FC<{
+export declare const LocalizedStringEditor: default_3.FC<{
     type: 'label' | 'description' | 'validations';
     rule?: IndexedRule;
-    setRule?: default_2.Dispatch<default_2.SetStateAction<IndexedRule | undefined>>;
+    setRule?: default_3.Dispatch<default_3.SetStateAction<IndexedRule | undefined>>;
 }>;
 
-export declare const MissingTranslations: default_2.FC;
+export declare const MissingTranslations: default_3.FC;
 
 declare const MultiChoiceProp: (props: any) => JSX_2.Element;
 
-export declare const NavigationTreeItem: default_2.FC<TreeItemProps>;
-
-export declare const NavigationTreeView: default_2.FC;
+export declare const NavigationTreeView: default_3.FC;
 
 export declare const Note: default_2.FC<{
     item: DialobItem;
@@ -514,9 +517,9 @@ declare interface PropEditorsType {
     };
 }
 
-export declare const PropertiesEditor: default_2.FC;
+export declare const PropertiesEditor: default_3.FC;
 
-export declare const PropItem: default_2.FC<{
+export declare const PropItem: default_3.FC<{
     prop: ItemProp;
     propEditor: {
         component: any;
@@ -528,11 +531,11 @@ export declare const PropItem: default_2.FC<{
 
 declare type PropValue = string | string[] | boolean;
 
-export declare const RuleEditor: default_2.FC<{
+export declare const RuleEditor: default_3.FC<{
     type: RuleType;
 }>;
 
-export declare const RulesEditor: default_2.FC;
+export declare const RulesEditor: default_3.FC;
 
 declare type RuleType = 'visibility' | 'requirement' | 'canaddrow' | 'canremoverow';
 
@@ -561,7 +564,7 @@ export declare const TranslationDialog: default_2.FC<{
     onClose: () => void;
 }>;
 
-export declare const TranslationFileEditor: default_2.FC;
+export declare const TranslationFileEditor: default_3.FC;
 
 declare interface TransportConfig {
     csrf?: {
@@ -574,11 +577,12 @@ declare interface TransportConfig {
     credentialMode?: RequestCredentials;
 }
 
-declare interface TreeItemProps {
-    item: TreeItem;
-    onExpand: (itemId: ItemId) => void;
-    onCollapse: (itemId: ItemId) => void;
-    provided: TreeDraggableProvided;
+declare interface TreeItem {
+    id: UniqueIdentifier;
+    children: TreeItem[];
+    title: string;
+    collapsible?: boolean;
+    collapsed?: boolean;
 }
 
 export declare const UploadValuesetDialog: default_2.FC<{
@@ -597,6 +601,7 @@ export declare const useComposer: () => {
     setItemProp: (itemId: string, key: string, value: any) => void;
     deleteItemProp: (itemId: string, key: string) => void;
     moveItem: (itemId: string, fromIndex: number, toIndex: number, fromParent: string, toParent: string) => void;
+    syncTree: (flattened: FlattenedItem[]) => void;
     createValidation: (itemId: string, rule?: ValidationRule) => void;
     setValidationMessage: (itemId: string, index: number, language: string, message: string) => void;
     setValidationExpression: (itemId: string, index: number, expression: string) => void;
@@ -653,7 +658,7 @@ declare type ValidationRule = {
     rule?: string;
 };
 
-export declare const ValidationRuleEditor: default_2.FC;
+export declare const ValidationRuleEditor: default_3.FC;
 
 declare type ValueSet = {
     id: string;