@flowgram.ai/form-materials 0.4.13 → 0.4.14

package/src/components/db-condition-row/hooks/use-left.tsx

@@ -1,66 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import { useMemo } from 'react';
-import React from 'react';
-
-import { JsonSchemaTypeManager, useTypeManager } from '@flowgram.ai/json-schema';
-import { Icon } from '@douyinfe/semi-ui';
-
-import { ConditionRow } from '@/components';
-
-import { DBConditionOptionType, IRules } from '../types';
-import { UIOptionLabel, UISelect } from '../styles';
-
-const defaultRules = ConditionRow.defaultRules;
-
-interface HookParams {
-  left?: string;
-  options?: DBConditionOptionType[];
-  userRules?: IRules;
-  readonly?: boolean;
-  onChange: (leftKey: string) => void;
-}
-
-export function useLeft({ left, options, userRules, readonly, onChange }: HookParams) {
-  const rules = useMemo(() => ({ ...defaultRules, ...(userRules || {}) }), [userRules]);
-
-  const typeManager = useTypeManager() as JsonSchemaTypeManager;
-
-  const rule = useMemo(() => {
-    if (!left) return undefined;
-
-    const option = options?.find((item) => item.value === left);
-
-    if (!option?.schema?.type) {
-      return undefined;
-    }
-
-    return rules[option.schema.type];
-  }, [left, options, rules]);
-
-  const renderDBOptionSelect = () => (
-    <UISelect
-      disabled={readonly}
-      size="small"
-      style={{ width: '100%' }}
-      value={left}
-      onChange={(v) => onChange(v as string)}
-      optionList={
-        options?.map((item) => ({
-          label: (
-            <UIOptionLabel>
-              <Icon size="small" svg={typeManager.getDisplayIcon(item.schema)} />
-              {item.label}
-            </UIOptionLabel>
-          ),
-          value: item.value,
-        })) || []
-      }
-    />
-  );
-
-  return { rule, renderDBOptionSelect };
-}

package/src/components/db-condition-row/hooks/use-op.tsx

@@ -1,59 +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 { ConditionRow } from '@/components';
-
-import { IRule, OpConfigs } from '../types';
-
-const defaultOpConfigs = ConditionRow.defaultOpConfigs;
-
-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 };
-}