@flowgram.ai/form-materials 0.4.8 → 0.4.10

package/dist/types/shared/inject-material/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+/**
+ * Creates a material component wrapper with dependency injection support
+ *
+ * This Higher-Order Component (HOC) implements a dynamic component replacement mechanism
+ * for material components. It automatically checks if a custom renderer is registered
+ * in the editor context, using the injected component if available, otherwise
+ * falling back to the default component.
+ *
+ * @example
+ * ```tsx
+ * // 1.Create an injectable material component
+ * const InjectVariableSelector = createInjectMaterial(VariableSelector)
+ *
+ * // 2. Register custom components in editor
+ * // Configure in use-editor-props.tsx:
+ * const editorProps = {
+ *   materials: {
+ *     components: {
+ *       [VariableSelector.renderKey]: YourCustomVariableSelector
+ *     }
+ *   }
+ * }
+ * ```
+ *
+ * @description
+ * Data flow explanation:
+ * - Register components to FlowRendererRegistry in use-editor-props
+ * - InjectMaterial reads renderers from FlowRendererRegistry
+ * - If registered renderer exists and type is REACT, use injected component
+ * - If not exists or type mismatch, fallback to default component
+ *
+ * @param Component - Default React component
+ * @param params - Optional parameters
+ * @param params.renderKey - Custom render key name, highest priority
+ * @returns Wrapper component with dependency injection support
+ */
+export declare function createInjectMaterial<Props>(Component: React.FC<Props> & {
+    renderKey?: string;
+}, params?: {
+    renderKey?: string;
+}): React.FC<Props>;

package/dist/types/shared/lazy-suspense/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React, { ComponentType, lazy } from 'react';
+export declare function withSuspense<T extends ComponentType<any>>(Component: T, fallback?: React.ReactNode): T;
+export declare function lazySuspense<T extends ComponentType<any>>(params: Parameters<typeof lazy<T>>[0], fallback?: React.ReactNode): React.LazyExoticComponent<T>;

package/dist/types/shared/polyfill-create-root/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export interface IPolyfillRoot {
+    render(children: React.ReactNode): void;
+    unmount(): void;
+}
+export declare function polyfillCreateRoot(dom: HTMLElement): IPolyfillRoot;
+export declare function unstableSetCreateRoot(createRoot: (dom: HTMLElement) => IPolyfillRoot): void;

package/dist/types/validate/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export { validateFlowValue } from './validate-flow-value';

package/dist/types/validate/validate-flow-value/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { FeedbackLevel, FlowNodeEntity } from '@flowgram.ai/editor';
+import { IFlowValue } from '../../shared';
+interface Context {
+    node: FlowNodeEntity;
+    required?: boolean;
+    errorMessages?: {
+        required?: string;
+        unknownVariable?: string;
+    };
+}
+export declare function validateFlowValue(value: IFlowValue | undefined, ctx: Context): {
+    level: FeedbackLevel;
+    message: string;
+} | undefined;
+export {};

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "import": "./dist/esm/index.js",
-    "require": "./dist/index.js"
+    "types": "./dist/types/index.d.ts",
+    "import": "./dist/esm/index.mjs",
+    "require": "./dist/cjs/index.js"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/esm/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
   "bin": {
-    "flowgram-form-materials": "./bin/index.ts"
+    "flowgram-form-materials": "./bin/run.sh"
   },
   "files": [
     "dist",
@@ -26,17 +26,13 @@
     "@douyinfe/semi-ui": "^2.80.0",
     "lodash-es": "^4.17.21",
     "nanoid": "^4.0.2",
-    "commander": "^11.0.0",
-    "chalk": "^5.3.0",
-    "inquirer": "^9.2.7",
     "immer": "~10.1.1",
-    "@coze-editor/editor": "0.1.0-alpha.5a549c",
     "@codemirror/view": "~6.38.0",
     "@codemirror/state": "~6.5.2",
-    "typescript": "^5.8.3",
     "zod": "^3.24.4",
-    "@flowgram.ai/editor": "0.4.8",
-    "@flowgram.ai/json-schema": "0.4.8"
+    "@flowgram.ai/editor": "0.4.10",
+    "@flowgram.ai/json-schema": "0.4.10",
+    "@flowgram.ai/coze-editor": "0.4.10"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -49,11 +45,12 @@
     "react": "^18",
     "react-dom": "^18",
     "styled-components": "^5",
-    "tsup": "^8.0.1",
     "typescript": "^5.8.3",
     "vitest": "^0.34.6",
-    "@flowgram.ai/ts-config": "0.4.8",
-    "@flowgram.ai/eslint-config": "0.4.8"
+    "@rslib/core": "~0.12.4",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@flowgram.ai/eslint-config": "0.4.10",
+    "@flowgram.ai/ts-config": "0.4.10"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -65,9 +62,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "npm run build:fast -- --dts-resolve",
-    "build:fast": "tsup src/index.ts --format cjs,esm --sourcemap --legacy-output",
-    "build:watch": "npm run build:fast -- --dts-resolve",
+    "build": "rslib build",
+    "build:fast": "rslib build",
+    "build:watch": "rslib build",
+    "name-export": "node scripts/name-export.js",
     "clean": "rimraf dist",
     "test": "exit 0",
     "test:cov": "exit 0",

package/src/components/assign-row/index.tsx

@@ -8,12 +8,12 @@ import React from 'react';
 import { IconButton } from '@douyinfe/semi-ui';
 import { IconMinus } from '@douyinfe/semi-icons';
 
-import { IFlowConstantRefValue } from '@/typings';
+import { IFlowConstantRefValue } from '@/shared';
 import { InjectVariableSelector } from '@/components/variable-selector';
 import { InjectDynamicValueInput } from '@/components/dynamic-value-input';
+import { BlurInput } from '@/components/blur-input';
 
 import { AssignRowProps } from './types';
-import { BlurInput } from './components/blur-input';
 
 export function AssignRow(props: AssignRowProps) {
   const {
@@ -81,4 +81,4 @@ export function AssignRow(props: AssignRowProps) {
   );
 }
 
-export { AssignValueType } from './types';
+export { type AssignValueType } from './types';

package/src/components/assign-row/types.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { IFlowRefValue, IFlowValue } from '@/typings';
+import { IFlowRefValue, IFlowValue } from '@/shared';
 
 export type AssignValueType =
   | {

package/src/components/batch-outputs/types.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 export type ValueType = Record<string, IFlowRefValue | undefined>;
 

package/src/components/code-editor/editor.tsx

@@ -10,12 +10,11 @@ import {
   createRenderer,
   EditorProvider,
   InferValues,
-} from '@coze-editor/editor/react';
-import preset, { type EditorAPI } from '@coze-editor/editor/preset-code';
+} from '@flowgram.ai/coze-editor/react';
+import preset, { type EditorAPI } from '@flowgram.ai/coze-editor/preset-code';
 import { EditorView } from '@codemirror/view';
 
 import { getSuffixByLanguageId } from './utils';
-import { initTsWorker } from './language-features';
 
 import './theme';
 import './language-features';
@@ -55,12 +54,6 @@ export function CodeEditor({
 }: CodeEditorPropsType) {
   const editorRef = useRef<EditorAPI | null>(null);
 
-  useEffect(() => {
-    if (languageId === 'typescript') {
-      initTsWorker();
-    }
-  }, [languageId]);
-
   useEffect(() => {
     // listen to value change
     if (editorRef.current?.getValue() !== value) {
@@ -68,6 +61,14 @@ export function CodeEditor({
     }
   }, [value]);
 
+  useEffect(() => {
+    if (languageId === 'typescript') {
+      import('./init-worker').then((module) => {
+        module.initTsWorker();
+      });
+    }
+  }, [languageId]);
+
   return (
     <EditorProvider>
       <OriginCodeEditor

package/src/components/code-editor/init-worker.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { typescript } from '@flowgram.ai/coze-editor/language-typescript';
+
+let tsWorkerInit = false;
+
+export const initTsWorker = () => {
+  if (tsWorkerInit) {
+    return;
+  }
+  tsWorkerInit = true;
+
+  const tsWorker = new Worker(
+    new URL(`@flowgram.ai/coze-editor/language-typescript/worker`, import.meta.url),
+    { type: 'module' }
+  );
+  typescript.languageService.initialize(tsWorker, {
+    compilerOptions: {
+      // eliminate Promise error
+      lib: ['es2015', 'dom'],
+      noImplicitAny: false,
+    },
+  });
+};

package/src/components/code-editor/language-features.ts

@@ -3,12 +3,12 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { languages } from '@coze-editor/editor/preset-code';
-import { typescript } from '@coze-editor/editor/language-typescript';
-import { shell } from '@coze-editor/editor/language-shell';
-import { python } from '@coze-editor/editor/language-python';
-import { json } from '@coze-editor/editor/language-json';
-import { mixLanguages } from '@coze-editor/editor';
+import { languages } from '@flowgram.ai/coze-editor/preset-code';
+import { typescript } from '@flowgram.ai/coze-editor/language-typescript';
+import { shell } from '@flowgram.ai/coze-editor/language-shell';
+import { python } from '@flowgram.ai/coze-editor/language-python';
+import { json } from '@flowgram.ai/coze-editor/language-json';
+import { mixLanguages } from '@flowgram.ai/coze-editor';
 
 languages.register('python', python);
 languages.register('shell', shell);
@@ -21,24 +21,3 @@ languages.register('json', {
   }),
   languageService: json.languageService,
 });
-
-let tsWorkerInit = false;
-
-export const initTsWorker = () => {
-  if (tsWorkerInit) {
-    return;
-  }
-  tsWorkerInit = true;
-
-  const tsWorker = new Worker(
-    new URL(`@coze-editor/editor/language-typescript/worker`, import.meta.url),
-    { type: 'module' }
-  );
-  typescript.languageService.initialize(tsWorker, {
-    compilerOptions: {
-      // eliminate Promise error
-      lib: ['es2015', 'dom'],
-      noImplicitAny: false,
-    },
-  });
-};

package/src/components/code-editor/theme/dark.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { createTheme, tags as t } from '@coze-editor/editor/preset-code';
+import { createTheme, tags as t } from '@flowgram.ai/coze-editor/preset-code';
 import { type Extension } from '@codemirror/state';
 
 const colors = {

package/src/components/code-editor/theme/index.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { themes } from '@coze-editor/editor/preset-code';
+import { themes } from '@flowgram.ai/coze-editor/preset-code';
 
 import { lightTheme } from './light';
 import { darkTheme } from './dark';

package/src/components/code-editor/theme/light.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { createTheme, tags as t } from '@coze-editor/editor/preset-code';
+import { createTheme, tags as t } from '@flowgram.ai/coze-editor/preset-code';
 import { type Extension } from '@codemirror/state';
 
 const colors = {

package/src/components/condition-row/hooks/useRule.ts

@@ -8,7 +8,7 @@ import { useMemo } from 'react';
 import { JsonSchemaUtils, JsonSchemaBasicType } from '@flowgram.ai/json-schema';
 import { useScopeAvailable } from '@flowgram.ai/editor';
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 import { IRules } from '../types';
 import { defaultRules } from '../constants';

package/src/components/condition-row/types.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { IFlowConstantRefValue, IFlowRefValue } from '@/typings';
+import { IFlowConstantRefValue, IFlowRefValue } from '@/shared';
 
 export enum Op {
   EQ = 'eq',

package/src/components/constant-input/index.tsx

@@ -12,7 +12,7 @@ import { useTypeManager } from '@/plugins';
 
 import { PropsType, Strategy as ConstantInputStrategy } from './types';
 
-export { ConstantInputStrategy };
+export { type ConstantInputStrategy };
 
 export function ConstantInput(props: PropsType) {
   const { value, onChange, schema, strategies, fallbackRenderer, readonly, ...rest } = props;

package/src/components/db-condition-row/types.ts

@@ -5,7 +5,7 @@
 
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 
-import { IFlowConstantRefValue } from '@/typings';
+import { IFlowConstantRefValue } from '@/shared';
 
 export interface OpConfig {
   label: string;

package/src/components/display-flow-value/index.tsx

@@ -8,7 +8,7 @@ import React, { useMemo } from 'react';
 import { JsonSchemaTypeManager, JsonSchemaUtils } from '@flowgram.ai/json-schema';
 import { useScopeAvailable } from '@flowgram.ai/editor';
 
-import { IFlowValue } from '@/typings';
+import { IFlowValue } from '@/shared';
 import { FlowValueUtils } from '@/shared';
 import { DisplaySchemaTag } from '@/components/display-schema-tag';
 

package/src/components/dynamic-value-input/hooks.ts

@@ -8,7 +8,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { useScopeAvailable } from '@flowgram.ai/editor';
 
-import { IFlowConstantRefValue } from '@/typings';
+import { IFlowConstantRefValue } from '@/shared';
 
 export function useRefVariable(value?: IFlowConstantRefValue) {
   const available = useScopeAvailable();

package/src/components/dynamic-value-input/index.tsx

@@ -14,7 +14,7 @@ import {
 import { IconButton } from '@douyinfe/semi-ui';
 import { IconSetting } from '@douyinfe/semi-icons';
 
-import { IFlowConstantRefValue, IFlowConstantValue } from '@/typings';
+import { IFlowConstantRefValue, IFlowConstantValue } from '@/shared';
 import { createInjectMaterial } from '@/shared';
 import { InjectVariableSelector } from '@/components/variable-selector';
 import { TypeSelector } from '@/components/type-selector';

package/src/components/index.ts

@@ -3,28 +3,53 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './variable-selector';
-export * from './type-selector';
-export * from './json-schema-editor';
-export * from './batch-variable-selector';
-export * from './constant-input';
-export * from './dynamic-value-input';
-export * from './condition-row';
-export * from './db-condition-row';
-export * from './batch-outputs';
-export * from './prompt-editor';
-export * from './prompt-editor-with-variables';
-export * from './prompt-editor-with-inputs';
-export * from './code-editor';
-export * from './code-editor-mini';
-export * from './json-editor-with-variables';
-export * from './inputs-values';
-export * from './display-schema-tree';
-export * from './display-outputs';
-export * from './display-schema-tag';
-export * from './display-flow-value';
-export * from './display-inputs-values';
-export * from './assign-rows';
-export * from './assign-row';
-export * from './blur-input';
-export * from './inputs-values-tree';
+export { AssignRow, type AssignValueType } from './assign-row';
+export { AssignRows } from './assign-rows';
+export { BatchOutputs } from './batch-outputs';
+export { BatchVariableSelector } from './batch-variable-selector';
+export { BlurInput } from './blur-input';
+export { CodeEditor, type CodeEditorPropsType } from './code-editor';
+export { CodeEditorMini } from './code-editor-mini';
+export { ConditionRow, type ConditionRowValueType } from './condition-row';
+export { ConstantInput, type ConstantInputStrategy } from './constant-input';
+export {
+  DBConditionRow,
+  type DBConditionOptionType,
+  type DBConditionRowValueType,
+} from './db-condition-row';
+export { DisplayFlowValue } from './display-flow-value';
+export { DisplayInputsValueAllInTag, DisplayInputsValues } from './display-inputs-values';
+export { DisplayOutputs } from './display-outputs';
+export { DisplaySchemaTag } from './display-schema-tag';
+export { DisplaySchemaTree } from './display-schema-tree';
+export { DynamicValueInput, InjectDynamicValueInput } from './dynamic-value-input';
+export { InputsValues } from './inputs-values';
+export { InputsValuesTree } from './inputs-values-tree';
+export {
+  JsonEditorWithVariables,
+  type JsonEditorWithVariablesProps,
+} from './json-editor-with-variables';
+export { JsonSchemaEditor } from './json-schema-editor';
+export { PromptEditor, type PromptEditorPropsType } from './prompt-editor';
+export {
+  PromptEditorWithInputs,
+  type PromptEditorWithInputsProps,
+} from './prompt-editor-with-inputs';
+export {
+  PromptEditorWithVariables,
+  type PromptEditorWithVariablesProps,
+} from './prompt-editor-with-variables';
+export {
+  InjectTypeSelector,
+  TypeSelector,
+  getTypeSelectValue,
+  parseTypeSelectValue,
+  type TypeSelectorProps,
+} from './type-selector';
+export {
+  InjectVariableSelector,
+  VariableSelector,
+  VariableSelectorProvider,
+  useVariableTree,
+  type VariableSelectorProps,
+} from './variable-selector';

package/src/components/inputs-values/index.tsx

@@ -9,7 +9,7 @@ import { I18n } from '@flowgram.ai/editor';
 import { Button, IconButton } from '@douyinfe/semi-ui';
 import { IconDelete, IconPlus } from '@douyinfe/semi-icons';
 
-import { IFlowConstantRefValue, IFlowValue } from '@/typings';
+import { IFlowConstantRefValue, IFlowValue } from '@/shared';
 import { useObjectList } from '@/hooks';
 import { InjectDynamicValueInput } from '@/components/dynamic-value-input';
 import { BlurInput } from '@/components/blur-input';

package/src/components/inputs-values/types.ts

@@ -5,7 +5,7 @@
 
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 
-import { IFlowValue } from '@/typings';
+import { IFlowValue } from '@/shared';
 import { ConstantInputStrategy } from '@/components/constant-input';
 
 export interface PropsType {

package/src/components/inputs-values-tree/row.tsx

@@ -9,7 +9,7 @@ import { I18n } from '@flowgram.ai/editor';
 import { IconButton, Input } from '@douyinfe/semi-ui';
 import { IconChevronDown, IconChevronRight, IconDelete } from '@douyinfe/semi-icons';
 
-import { IFlowConstantValue } from '@/typings';
+import { IFlowConstantValue } from '@/shared';
 import { ConstantInputStrategy } from '@/components/constant-input';
 
 import { PropsType } from './types';

package/src/components/json-editor-with-variables/editor.tsx

@@ -6,8 +6,8 @@
 import React from 'react';
 
 import { I18n } from '@flowgram.ai/editor';
-import { transformerCreator } from '@coze-editor/editor/preset-code';
-import { Text } from '@coze-editor/editor/language-json';
+import { transformerCreator } from '@flowgram.ai/coze-editor/preset-code';
+import { Text } from '@flowgram.ai/coze-editor/language-json';
 
 import { CodeEditor, type CodeEditorPropsType } from '@/components/code-editor';
 

package/src/components/json-editor-with-variables/extensions/variable-tag.tsx

@@ -13,9 +13,9 @@ import {
   Scope,
   useCurrentScope,
 } from '@flowgram.ai/editor';
+import { useInjector } from '@flowgram.ai/coze-editor/react';
 import { Popover } from '@douyinfe/semi-ui';
 import { IconIssueStroked } from '@douyinfe/semi-icons';
-import { useInjector } from '@coze-editor/editor/react';
 import {
   Decoration,
   DecorationSet,

package/src/components/json-editor-with-variables/extensions/variable-tree.tsx

@@ -5,15 +5,15 @@
 
 import React, { useEffect, useState } from 'react';
 
-import { Popover, Tree } from '@douyinfe/semi-ui';
 import {
   Mention,
   MentionOpenChangeEvent,
   getCurrentMentionReplaceRange,
   useEditor,
   PositionMirror,
-} from '@coze-editor/editor/react';
-import { EditorAPI } from '@coze-editor/editor/preset-prompt';
+} from '@flowgram.ai/coze-editor/react';
+import { EditorAPI } from '@flowgram.ai/coze-editor/preset-prompt';
+import { Popover, Tree } from '@douyinfe/semi-ui';
 
 import { useVariableTree } from '@/components/variable-selector';
 

package/src/components/prompt-editor/editor.tsx

@@ -10,8 +10,8 @@ import {
   EditorProvider,
   ActiveLinePlaceholder,
   InferValues,
-} from '@coze-editor/editor/react';
-import preset, { EditorAPI } from '@coze-editor/editor/preset-prompt';
+} from '@flowgram.ai/coze-editor/react';
+import preset, { EditorAPI } from '@flowgram.ai/coze-editor/preset-prompt';
 
 import { PropsType } from './types';
 import { UIContainer } from './styles';

package/src/components/prompt-editor/extensions/jinja.tsx

@@ -5,8 +5,8 @@
 
 import { useLayoutEffect } from 'react';
 
-import { useInjector } from '@coze-editor/editor/react';
-import { astDecorator } from '@coze-editor/editor';
+import { useInjector } from '@flowgram.ai/coze-editor/react';
+import { astDecorator } from '@flowgram.ai/coze-editor';
 import { EditorView } from '@codemirror/view';
 
 function JinjaHighlight() {

package/src/components/prompt-editor/extensions/language-support.tsx

@@ -5,8 +5,8 @@
 
 import { useLayoutEffect } from 'react';
 
-import { useInjector } from '@coze-editor/editor/react';
-import { languageSupport } from '@coze-editor/editor/preset-prompt';
+import { useInjector } from '@flowgram.ai/coze-editor/react';
+import { languageSupport } from '@flowgram.ai/coze-editor/preset-prompt';
 
 function LanguageSupport() {
   const injector = useInjector();

package/src/components/prompt-editor/extensions/markdown.tsx

@@ -5,8 +5,8 @@
 
 import { useLayoutEffect } from 'react';
 
-import { useInjector } from '@coze-editor/editor/react';
-import { astDecorator } from '@coze-editor/editor';
+import { useInjector } from '@flowgram.ai/coze-editor/react';
+import { astDecorator } from '@flowgram.ai/coze-editor';
 import { EditorView } from '@codemirror/view';
 
 function MarkdownHighlight() {

package/src/components/prompt-editor/types.tsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import { IFlowTemplateValue } from '@/typings';
+import { IFlowTemplateValue } from '@/shared';
 
 export type PropsType = React.PropsWithChildren<{
   value?: IFlowTemplateValue;