@flowgram.ai/form-materials 0.4.13 → 0.4.14

package/dist/esm/components/condition-row/constants.mjs

@@ -1,128 +0,0 @@
-import { Op } from "./types.mjs";
-const defaultRules = {
-    string: {
-        [Op.EQ]: 'string',
-        [Op.NEQ]: 'string',
-        [Op.CONTAINS]: 'string',
-        [Op.NOT_CONTAINS]: 'string',
-        [Op.IN]: 'array',
-        [Op.NIN]: 'array',
-        [Op.IS_EMPTY]: null,
-        [Op.IS_NOT_EMPTY]: null
-    },
-    number: {
-        [Op.EQ]: 'number',
-        [Op.NEQ]: 'number',
-        [Op.GT]: 'number',
-        [Op.GTE]: 'number',
-        [Op.LT]: 'number',
-        [Op.LTE]: 'number',
-        [Op.IN]: 'array',
-        [Op.NIN]: 'array'
-    },
-    integer: {
-        [Op.EQ]: 'number',
-        [Op.NEQ]: 'number',
-        [Op.GT]: 'number',
-        [Op.GTE]: 'number',
-        [Op.LT]: 'number',
-        [Op.LTE]: 'number',
-        [Op.IN]: 'array',
-        [Op.NIN]: 'array'
-    },
-    boolean: {
-        [Op.EQ]: 'boolean',
-        [Op.NEQ]: 'boolean',
-        [Op.IS_TRUE]: null,
-        [Op.IS_FALSE]: null,
-        [Op.IN]: 'array',
-        [Op.NIN]: 'array'
-    },
-    object: {
-        [Op.IS_EMPTY]: null,
-        [Op.IS_NOT_EMPTY]: null
-    },
-    array: {
-        [Op.IS_EMPTY]: null,
-        [Op.IS_NOT_EMPTY]: null,
-        [Op.CONTAINS]: 'array',
-        [Op.NOT_CONTAINS]: 'array',
-        [Op.EQ]: 'array',
-        [Op.NEQ]: 'array'
-    },
-    map: {
-        [Op.IS_EMPTY]: null,
-        [Op.IS_NOT_EMPTY]: null
-    },
-    ['date-time']: {
-        [Op.EQ]: 'date-time',
-        [Op.NEQ]: 'date-time',
-        [Op.GT]: 'date-time',
-        [Op.GTE]: 'date-time',
-        [Op.LT]: 'date-time',
-        [Op.LTE]: 'date-time'
-    }
-};
-const defaultOpConfigs = {
-    [Op.EQ]: {
-        label: 'Equal',
-        abbreviation: '='
-    },
-    [Op.NEQ]: {
-        label: 'Not Equal',
-        abbreviation: "\u2260"
-    },
-    [Op.GT]: {
-        label: 'Greater Than',
-        abbreviation: '>'
-    },
-    [Op.GTE]: {
-        label: 'Greater Than or Equal',
-        abbreviation: '>='
-    },
-    [Op.LT]: {
-        label: 'Less Than',
-        abbreviation: '<'
-    },
-    [Op.LTE]: {
-        label: 'Less Than or Equal',
-        abbreviation: '<='
-    },
-    [Op.IN]: {
-        label: 'In',
-        abbreviation: "\u2208"
-    },
-    [Op.NIN]: {
-        label: 'Not In',
-        abbreviation: "\u2209"
-    },
-    [Op.CONTAINS]: {
-        label: 'Contains',
-        abbreviation: "\u2287"
-    },
-    [Op.NOT_CONTAINS]: {
-        label: 'Not Contains',
-        abbreviation: "\u2289"
-    },
-    [Op.IS_EMPTY]: {
-        label: 'Is Empty',
-        abbreviation: '=',
-        rightDisplay: 'Empty'
-    },
-    [Op.IS_NOT_EMPTY]: {
-        label: 'Is Not Empty',
-        abbreviation: "\u2260",
-        rightDisplay: 'Empty'
-    },
-    [Op.IS_TRUE]: {
-        label: 'Is True',
-        abbreviation: '=',
-        rightDisplay: 'True'
-    },
-    [Op.IS_FALSE]: {
-        label: 'Is False',
-        abbreviation: '=',
-        rightDisplay: 'False'
-    }
-};
-export { defaultOpConfigs, defaultRules };

package/dist/esm/components/condition-row/hooks/useOp.mjs

@@ -1,44 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { I18n } from "@flowgram.ai/editor";
-import { Button, Select } from "@douyinfe/semi-ui";
-import { IconChevronDownStroked } from "@douyinfe/semi-icons";
-import { defaultOpConfigs } from "../constants.mjs";
-function useOp({ rule, op, onChange, readonly, userOps }) {
-    const options = useMemo(()=>Object.keys(rule || {}).map((_op)=>({
-                ...defaultOpConfigs[_op] || {},
-                ...userOps?.[_op] || {},
-                value: _op,
-                label: I18n.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label)
-            })), [
-        rule,
-        userOps
-    ]);
-    const opConfig = useMemo(()=>defaultOpConfigs[op], [
-        op
-    ]);
-    const renderOpSelect = ()=>/*#__PURE__*/ jsx(Select, {
-            style: {
-                height: 22
-            },
-            disabled: readonly,
-            size: "small",
-            value: op,
-            optionList: options,
-            onChange: (v)=>{
-                onChange(v);
-            },
-            triggerRender: ({ value })=>/*#__PURE__*/ jsx(Button, {
-                    size: "small",
-                    disabled: !rule,
-                    children: opConfig?.abbreviation || /*#__PURE__*/ jsx(IconChevronDownStroked, {
-                        size: "small"
-                    })
-                })
-        });
-    return {
-        renderOpSelect,
-        opConfig
-    };
-}
-export { useOp };

package/dist/esm/components/condition-row/hooks/useRule.mjs

@@ -1,34 +0,0 @@
-import { useMemo } from "react";
-import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
-import { useScopeAvailable } from "@flowgram.ai/editor";
-import { defaultRules } from "../constants.mjs";
-function useRule(left, userRules) {
-    const available = useScopeAvailable();
-    const rules = useMemo(()=>({
-            ...defaultRules,
-            ...userRules || {}
-        }), [
-        userRules
-    ]);
-    const variable = useMemo(()=>{
-        if (!left) return;
-        return available.getByKeyPath(left.content);
-    }, [
-        available,
-        left
-    ]);
-    const rule = useMemo(()=>{
-        if (!variable) return;
-        const schema = JsonSchemaUtils.astToSchema(variable.type, {
-            drilldown: false
-        });
-        return rules[schema?.type];
-    }, [
-        variable?.type,
-        rules
-    ]);
-    return {
-        rule
-    };
-}
-export { useRule };

package/dist/esm/components/db-condition-row/hooks/use-left.mjs

@@ -1,52 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useTypeManager } from "@flowgram.ai/json-schema";
-import { Icon } from "@douyinfe/semi-ui";
-import { ConditionRow } from "../../index.mjs";
-import { UIOptionLabel, UISelect } from "../styles.mjs";
-const defaultRules = ConditionRow.defaultRules;
-function useLeft({ left, options, userRules, readonly, onChange }) {
-    const rules = useMemo(()=>({
-            ...defaultRules,
-            ...userRules || {}
-        }), [
-        userRules
-    ]);
-    const typeManager = useTypeManager();
-    const rule = useMemo(()=>{
-        if (!left) return;
-        const option = options?.find((item)=>item.value === left);
-        if (!option?.schema?.type) return;
-        return rules[option.schema.type];
-    }, [
-        left,
-        options,
-        rules
-    ]);
-    const renderDBOptionSelect = ()=>/*#__PURE__*/ jsx(UISelect, {
-            disabled: readonly,
-            size: "small",
-            style: {
-                width: '100%'
-            },
-            value: left,
-            onChange: (v)=>onChange(v),
-            optionList: options?.map((item)=>({
-                    label: /*#__PURE__*/ jsxs(UIOptionLabel, {
-                        children: [
-                            /*#__PURE__*/ jsx(Icon, {
-                                size: "small",
-                                svg: typeManager.getDisplayIcon(item.schema)
-                            }),
-                            item.label
-                        ]
-                    }),
-                    value: item.value
-                })) || []
-        });
-    return {
-        rule,
-        renderDBOptionSelect
-    };
-}
-export { useLeft };

package/dist/esm/components/db-condition-row/hooks/use-op.mjs

@@ -1,45 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { I18n } from "@flowgram.ai/editor";
-import { Button, Select } from "@douyinfe/semi-ui";
-import { IconChevronDownStroked } from "@douyinfe/semi-icons";
-import { ConditionRow } from "../../index.mjs";
-const defaultOpConfigs = ConditionRow.defaultOpConfigs;
-function useOp({ rule, op, onChange, readonly, userOps }) {
-    const options = useMemo(()=>Object.keys(rule || {}).map((_op)=>({
-                ...defaultOpConfigs[_op] || {},
-                ...userOps?.[_op] || {},
-                value: _op,
-                label: I18n.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label)
-            })), [
-        rule,
-        userOps
-    ]);
-    const opConfig = useMemo(()=>defaultOpConfigs[op], [
-        op
-    ]);
-    const renderOpSelect = ()=>/*#__PURE__*/ jsx(Select, {
-            style: {
-                height: 22
-            },
-            disabled: readonly,
-            size: "small",
-            value: op,
-            optionList: options,
-            onChange: (v)=>{
-                onChange(v);
-            },
-            triggerRender: ({ value })=>/*#__PURE__*/ jsx(Button, {
-                    size: "small",
-                    disabled: !rule,
-                    children: opConfig?.abbreviation || /*#__PURE__*/ jsx(IconChevronDownStroked, {
-                        size: "small"
-                    })
-                })
-        });
-    return {
-        renderOpSelect,
-        opConfig
-    };
-}
-export { useOp };

package/dist/types/components/code-editor/init-worker.d.ts

@@ -1,5 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const initTsWorker: () => void;

package/dist/types/components/condition-row/constants.d.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import { IRules, OpConfigs } from './types';
-export declare const defaultRules: IRules;
-export declare const defaultOpConfigs: OpConfigs;

package/dist/types/components/condition-row/hooks/useOp.d.ts

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-import { IRule, OpConfigs } from '../types';
-interface HookParams {
-    rule?: IRule;
-    op?: string;
-    onChange: (op: string) => void;
-    readonly?: boolean;
-    userOps?: OpConfigs;
-}
-export declare function useOp({ rule, op, onChange, readonly, userOps }: HookParams): {
-    renderOpSelect: () => React.JSX.Element;
-    opConfig: import("../types").OpConfig;
-};
-export {};

package/dist/types/components/condition-row/hooks/useRule.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import { IFlowRefValue } from '../../../shared';
-import { IRules } from '../types';
-export declare function useRule(left?: IFlowRefValue, userRules?: IRules): {
-    rule: Partial<Record<string, string | null>> | undefined;
-};

package/dist/types/components/db-condition-row/hooks/use-left.d.ts

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-import { DBConditionOptionType, IRules } from '../types';
-interface HookParams {
-    left?: string;
-    options?: DBConditionOptionType[];
-    userRules?: IRules;
-    readonly?: boolean;
-    onChange: (leftKey: string) => void;
-}
-export declare function useLeft({ left, options, userRules, readonly, onChange }: HookParams): {
-    rule: Partial<Record<string, string | null>> | undefined;
-    renderDBOptionSelect: () => React.JSX.Element;
-};
-export {};

package/dist/types/components/db-condition-row/hooks/use-op.d.ts

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-import { IRule, OpConfigs } from '../types';
-interface HookParams {
-    rule?: IRule;
-    op?: string;
-    onChange: (op: string) => void;
-    readonly?: boolean;
-    userOps?: OpConfigs;
-}
-export declare function useOp({ rule, op, onChange, readonly, userOps }: HookParams): {
-    renderOpSelect: () => React.JSX.Element;
-    opConfig: import("../../condition-row/types").OpConfig;
-};
-export {};

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

@@ -1,27 +0,0 @@
-/**
- * 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/condition-row/constants.ts

@@ -1,134 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import { IRules, Op, OpConfigs } from './types';
-
-export const defaultRules: IRules = {
-  string: {
-    [Op.EQ]: 'string',
-    [Op.NEQ]: 'string',
-    [Op.CONTAINS]: 'string',
-    [Op.NOT_CONTAINS]: 'string',
-    [Op.IN]: 'array',
-    [Op.NIN]: 'array',
-    [Op.IS_EMPTY]: null,
-    [Op.IS_NOT_EMPTY]: null,
-  },
-  number: {
-    [Op.EQ]: 'number',
-    [Op.NEQ]: 'number',
-    [Op.GT]: 'number',
-    [Op.GTE]: 'number',
-    [Op.LT]: 'number',
-    [Op.LTE]: 'number',
-    [Op.IN]: 'array',
-    [Op.NIN]: 'array',
-  },
-  integer: {
-    [Op.EQ]: 'number',
-    [Op.NEQ]: 'number',
-    [Op.GT]: 'number',
-    [Op.GTE]: 'number',
-    [Op.LT]: 'number',
-    [Op.LTE]: 'number',
-    [Op.IN]: 'array',
-    [Op.NIN]: 'array',
-  },
-  boolean: {
-    [Op.EQ]: 'boolean',
-    [Op.NEQ]: 'boolean',
-    [Op.IS_TRUE]: null,
-    [Op.IS_FALSE]: null,
-    [Op.IN]: 'array',
-    [Op.NIN]: 'array',
-  },
-  object: {
-    [Op.IS_EMPTY]: null,
-    [Op.IS_NOT_EMPTY]: null,
-  },
-  array: {
-    [Op.IS_EMPTY]: null,
-    [Op.IS_NOT_EMPTY]: null,
-    [Op.CONTAINS]: 'array',
-    [Op.NOT_CONTAINS]: 'array',
-    [Op.EQ]: 'array',
-    [Op.NEQ]: 'array',
-  },
-  map: {
-    [Op.IS_EMPTY]: null,
-    [Op.IS_NOT_EMPTY]: null,
-  },
-  ['date-time']: {
-    [Op.EQ]: 'date-time',
-    [Op.NEQ]: 'date-time',
-    [Op.GT]: 'date-time',
-    [Op.GTE]: 'date-time',
-    [Op.LT]: 'date-time',
-    [Op.LTE]: 'date-time',
-  },
-};
-
-export const defaultOpConfigs: OpConfigs = {
-  [Op.EQ]: {
-    label: 'Equal',
-    abbreviation: '=',
-  },
-  [Op.NEQ]: {
-    label: 'Not Equal',
-    abbreviation: '≠',
-  },
-  [Op.GT]: {
-    label: 'Greater Than',
-    abbreviation: '>',
-  },
-  [Op.GTE]: {
-    label: 'Greater Than or Equal',
-    abbreviation: '>=',
-  },
-  [Op.LT]: {
-    label: 'Less Than',
-    abbreviation: '<',
-  },
-  [Op.LTE]: {
-    label: 'Less Than or Equal',
-    abbreviation: '<=',
-  },
-  [Op.IN]: {
-    label: 'In',
-    abbreviation: '∈',
-  },
-  [Op.NIN]: {
-    label: 'Not In',
-    abbreviation: '∉',
-  },
-  [Op.CONTAINS]: {
-    label: 'Contains',
-    abbreviation: '⊇',
-  },
-  [Op.NOT_CONTAINS]: {
-    label: 'Not Contains',
-    abbreviation: '⊉',
-  },
-  [Op.IS_EMPTY]: {
-    label: 'Is Empty',
-    abbreviation: '=',
-    rightDisplay: 'Empty',
-  },
-  [Op.IS_NOT_EMPTY]: {
-    label: 'Is Not Empty',
-    abbreviation: '≠',
-    rightDisplay: 'Empty',
-  },
-  [Op.IS_TRUE]: {
-    label: 'Is True',
-    abbreviation: '=',
-    rightDisplay: 'True',
-  },
-  [Op.IS_FALSE]: {
-    label: 'Is False',
-    abbreviation: '=',
-    rightDisplay: 'False',
-  },
-};

package/src/components/condition-row/hooks/useOp.tsx

@@ -1,56 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import React, { useMemo } from 'react';
-
-import { I18n } from '@flowgram.ai/editor';
-import { Button, Select } from '@douyinfe/semi-ui';
-import { IconChevronDownStroked } from '@douyinfe/semi-icons';
-
-import { IRule, OpConfigs } from '../types';
-import { defaultOpConfigs } from '../constants';
-
-interface HookParams {
-  rule?: IRule;
-  op?: string;
-  onChange: (op: string) => void;
-  readonly?: boolean;
-  userOps?: OpConfigs;
-}
-
-export function useOp({ rule, op, onChange, readonly, userOps }: HookParams) {
-  const options = useMemo(
-    () =>
-      Object.keys(rule || {}).map((_op) => ({
-        ...(defaultOpConfigs[_op] || {}),
-        ...(userOps?.[_op] || {}),
-        value: _op,
-        label: I18n.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label),
-      })),
-    [rule, userOps]
-  );
-
-  const opConfig = useMemo(() => defaultOpConfigs[op as string], [op]);
-
-  const renderOpSelect = () => (
-    <Select
-      style={{ height: 22 }}
-      disabled={readonly}
-      size="small"
-      value={op}
-      optionList={options}
-      onChange={(v) => {
-        onChange(v as string);
-      }}
-      triggerRender={({ value }) => (
-        <Button size="small" disabled={!rule}>
-          {opConfig?.abbreviation || <IconChevronDownStroked size="small" />}
-        </Button>
-      )}
-    />
-  );
-
-  return { renderOpSelect, opConfig };
-}

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

@@ -1,35 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import { useMemo } from 'react';
-
-import { JsonSchemaUtils, JsonSchemaBasicType } from '@flowgram.ai/json-schema';
-import { useScopeAvailable } from '@flowgram.ai/editor';
-
-import { IFlowRefValue } from '@/shared';
-
-import { IRules } from '../types';
-import { defaultRules } from '../constants';
-
-export function useRule(left?: IFlowRefValue, userRules?: IRules) {
-  const available = useScopeAvailable();
-
-  const rules = useMemo(() => ({ ...defaultRules, ...(userRules || {}) }), [userRules]);
-
-  const variable = useMemo(() => {
-    if (!left) return undefined;
-    return available.getByKeyPath(left.content);
-  }, [available, left]);
-
-  const rule = useMemo(() => {
-    if (!variable) return undefined;
-
-    const schema = JsonSchemaUtils.astToSchema(variable.type, { drilldown: false });
-
-    return rules[schema?.type as JsonSchemaBasicType];
-  }, [variable?.type, rules]);
-
-  return { rule };
-}