@flowgram.ai/form-materials 0.5.4 → 0.5.6

package/dist/types/components/db-condition-row/styles.d.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import { Select } from '@douyinfe/semi-ui';
-export declare const UIContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIOperator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UILeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIValues: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIOptionLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UISelect: import("styled-components").StyledComponent<typeof Select, any, {}, never>;

package/dist/types/components/display-inputs-values/styles.d.ts

@@ -1,5 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const DisplayInputsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/display-outputs/styles.d.ts

@@ -1,5 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const DisplayOutputsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/display-schema-tag/styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import { Tag } from '@douyinfe/semi-ui';
-export declare const PopoverContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTag: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
-export declare const TitleSpan: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/types/components/display-schema-tree/styles.d.ts

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const TreeRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HorizontalLine: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TreeTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TreeLevel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TreeItem: import("styled-components").StyledComponent<"div", any, {
-    depth: number;
-}, never>;

package/dist/types/components/dynamic-value-input/styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const UIContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIMain: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIType: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UITrigger: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/inputs-values/styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const UIRows: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/inputs-values-tree/styles.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-export declare const UIContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UICollapseTrigger: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UITreeItems: import("styled-components").StyledComponent<"div", any, {
-    $shrink?: boolean;
-}, never>;
-export declare const UITreeItemLeft: import("styled-components").StyledComponent<"div", any, {
-    $isLast?: boolean;
-    $showLine?: boolean;
-    $showCollapse?: boolean;
-}, never>;
-export declare const UITreeItemRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UITreeItemMain: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UICollapsible: import("styled-components").StyledComponent<"div", any, {
-    $collapse?: boolean;
-}, never>;
-export declare const UIActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconAddChildren: () => React.JSX.Element;

package/dist/types/components/json-schema-editor/styles.d.ts

@@ -1,30 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-export declare const UIContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UICollapseTrigger: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIExpandDetail: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UILabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UITreeItems: import("styled-components").StyledComponent<"div", any, {
-    $shrink?: boolean;
-}, never>;
-export declare const UITreeItemLeft: import("styled-components").StyledComponent<"div", any, {
-    $isLast?: boolean;
-    $showLine?: boolean;
-    $showCollapse?: boolean;
-}, never>;
-export declare const UITreeItemRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UITreeItemMain: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UICollapsible: import("styled-components").StyledComponent<"div", any, {
-    $collapse?: boolean;
-}, never>;
-export declare const UIName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIType: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIRequired: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconAddChildren: () => React.JSX.Element;
-export declare const DefaultValueWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ConstantInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/prompt-editor/styles.d.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-export declare const UIContainer: import("styled-components").StyledComponent<"div", any, {
-    $hasError?: boolean;
-}, never>;

package/dist/types/components/prompt-editor-with-inputs/editor.d.ts

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-import type { IInputsValues } from '../../shared/flow-value';
-import { PromptEditorPropsType } from '../prompt-editor';
-export interface PromptEditorWithInputsProps extends PromptEditorPropsType {
-    inputsValues: IInputsValues;
-}
-export declare function PromptEditorWithInputs({ inputsValues, ...restProps }: PromptEditorWithInputsProps): React.JSX.Element;

package/dist/types/components/prompt-editor-with-variables/editor.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import React from 'react';
-import { PromptEditorPropsType } from '../prompt-editor';
-export interface PromptEditorWithVariablesProps extends PromptEditorPropsType {
-}
-export declare function PromptEditorWithVariables(props: PromptEditorWithVariablesProps): React.JSX.Element;

package/dist/types/components/variable-selector/styles.d.ts

@@ -1,14 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-import { Tag, TreeSelect } from '@douyinfe/semi-ui';
-export declare const UIRootTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UIVarName: import("styled-components").StyledComponent<"div", any, {
-    $inSelector?: boolean;
-}, never>;
-export declare const UITag: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
-export declare const UITreeSelect: import("styled-components").StyledComponent<typeof TreeSelect, any, {
-    $error?: boolean;
-}, never>;
-export declare const UIPopoverContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,128 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import React from 'react';
-
-import styled, { css } from 'styled-components';
-import Icon from '@douyinfe/semi-icons';
-
-export const UIContainer = styled.div``;
-
-export const UIRow = styled.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 5px;
-`;
-
-export const UICollapseTrigger = styled.div`
-  cursor: pointer;
-  margin-right: 5px;
-`;
-
-export const UITreeItems = styled.div<{ $shrink?: boolean }>`
-  display: grid;
-  grid-template-columns: auto 1fr;
-
-  ${({ $shrink }) =>
-    $shrink &&
-    css`
-      padding-left: 3px;
-      margin-top: 10px;
-    `}
-`;
-
-export const UITreeItemLeft = styled.div<{
-  $isLast?: boolean;
-  $showLine?: boolean;
-  $showCollapse?: boolean;
-}>`
-  grid-column: 1;
-  position: relative;
-  width: 16px;
-
-  ${({ $showLine, $isLast, $showCollapse }) => {
-    let height = $isLast ? '24px' : '100%';
-    let width = $showCollapse ? '12px' : '30px';
-
-    return (
-      $showLine &&
-      css`
-        &::before {
-          /* 竖线 */
-          content: '';
-          height: ${height};
-          position: absolute;
-          left: -14px;
-          top: -16px;
-          width: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-
-        &::after {
-          /* 横线 */
-          content: '';
-          position: absolute;
-          left: -14px; // 横线起点和竖线对齐
-          top: 8px; // 跟随你的行高调整
-          width: ${width}; // 横线长度
-          height: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-      `
-    );
-  }}
-`;
-
-export const UITreeItemRight = styled.div`
-  grid-column: 2;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0px;
-  }
-`;
-
-export const UITreeItemMain = styled.div<{}>`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  position: relative;
-`;
-
-export const UICollapsible = styled.div<{ $collapse?: boolean }>`
-  display: none;
-
-  ${({ $collapse }) =>
-    $collapse &&
-    css`
-      display: block;
-    `}
-`;
-
-export const UIActions = styled.div`
-  white-space: nowrap;
-`;
-
-const iconAddChildrenSvg = (
-  <svg
-    className="icon-icon icon-icon-coz_add_node "
-    width="1em"
-    height="1em"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
-    ></path>
-    <path d="M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"></path>
-  </svg>
-);
-
-export const IconAddChildren = () => <Icon size="small" svg={iconAddChildrenSvg} />;

package/src/components/json-schema-editor/styles.tsx

@@ -1,168 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import React from 'react';
-
-import styled, { css } from 'styled-components';
-import Icon from '@douyinfe/semi-icons';
-
-export const UIContainer = styled.div`
-  /* & .semi-input {
-    background-color: #fff;
-    border-radius: 6px;
-    height: 24px;
-  } */
-`;
-
-export const UIRow = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`;
-
-export const UICollapseTrigger = styled.div`
-  cursor: pointer;
-  margin-right: 5px;
-`;
-
-export const UIExpandDetail = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-
-export const UILabel = styled.div`
-  font-size: 12px;
-  color: #999;
-  font-weight: 400;
-  margin-bottom: 2px;
-`;
-
-export const UITreeItems = styled.div<{ $shrink?: boolean }>`
-  display: grid;
-  grid-template-columns: auto 1fr;
-
-  ${({ $shrink }) =>
-    $shrink &&
-    css`
-      padding-left: 3px;
-      margin-top: 10px;
-    `}
-`;
-
-export const UITreeItemLeft = styled.div<{
-  $isLast?: boolean;
-  $showLine?: boolean;
-  $showCollapse?: boolean;
-}>`
-  grid-column: 1;
-  position: relative;
-  width: 16px;
-
-  ${({ $showLine, $isLast, $showCollapse }) => {
-    let height = $isLast ? '24px' : '100%';
-    let width = $showCollapse ? '12px' : '30px';
-
-    return (
-      $showLine &&
-      css`
-        &::before {
-          /* 竖线 */
-          content: '';
-          height: ${height};
-          position: absolute;
-          left: -14px;
-          top: -16px;
-          width: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-
-        &::after {
-          /* 横线 */
-          content: '';
-          position: absolute;
-          left: -14px; // 横线起点和竖线对齐
-          top: 8px; // 跟随你的行高调整
-          width: ${width}; // 横线长度
-          height: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-      `
-    );
-  }}
-`;
-
-export const UITreeItemRight = styled.div`
-  grid-column: 2;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0px;
-  }
-`;
-
-export const UITreeItemMain = styled.div<{}>`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  position: relative;
-`;
-
-export const UICollapsible = styled.div<{ $collapse?: boolean }>`
-  display: none;
-
-  ${({ $collapse }) =>
-    $collapse &&
-    css`
-      display: block;
-    `}
-`;
-
-export const UIName = styled.div`
-  flex-grow: 1;
-`;
-
-export const UIType = styled.div``;
-
-export const UIRequired = styled.div``;
-
-export const UIActions = styled.div`
-  white-space: nowrap;
-`;
-
-const iconAddChildrenSvg = (
-  <svg
-    className="icon-icon icon-icon-coz_add_node "
-    width="1em"
-    height="1em"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
-    ></path>
-    <path d="M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"></path>
-  </svg>
-);
-
-export const IconAddChildren = () => <Icon size="small" svg={iconAddChildrenSvg} />;
-
-export const DefaultValueWrapper = styled.div`
-  margin: 0;
-`;
-
-export const ConstantInputWrapper = styled.div`
-  flex-grow: 1;
-
-  & .semi-tree-select,
-  & .semi-input-number,
-  & .semi-select {
-    width: 100%;
-  }
-`;

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

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import styled, { css } from 'styled-components';
-
-export const UIContainer = styled.div<{ $hasError?: boolean }>`
-  background-color: var(--semi-color-fill-0);
-  padding-left: 10px;
-  padding-right: 6px;
-
-  ${({ $hasError }) =>
-    $hasError &&
-    css`
-      border: 1px solid var(--semi-color-danger-6);
-    `}
-`;

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

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import React from 'react';
-
-import type { IInputsValues } from '@/shared/flow-value';
-import { PromptEditor, PromptEditorPropsType } from '@/components/prompt-editor';
-import { EditorInputsTree } from '@/components/coze-editor-extensions';
-
-export interface PromptEditorWithInputsProps extends PromptEditorPropsType {
-  inputsValues: IInputsValues;
-}
-
-export function PromptEditorWithInputs({
-  inputsValues,
-  ...restProps
-}: PromptEditorWithInputsProps) {
-  return (
-    <PromptEditor {...restProps}>
-      <EditorInputsTree inputsValues={inputsValues} />
-    </PromptEditor>
-  );
-}

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

@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import React from 'react';
-
-import { PromptEditor, PromptEditorPropsType } from '@/components/prompt-editor';
-import { EditorVariableTree, EditorVariableTagInject } from '@/components/coze-editor-extensions';
-
-export interface PromptEditorWithVariablesProps extends PromptEditorPropsType {}
-
-export function PromptEditorWithVariables(props: PromptEditorWithVariablesProps) {
-  return (
-    <PromptEditor {...props}>
-      <EditorVariableTree />
-      <EditorVariableTagInject />
-    </PromptEditor>
-  );
-}