@haiiro/docuflow 0.0.1 → 0.0.3

package/src/front/ui/form-fields-builder.tsx

@@ -1,183 +0,0 @@
-import { useState } from 'react';
-import { Button } from 'twenty-ui/primitives/input';
-import { useTheme } from 'twenty-ui/theme';
-
-import { CheckboxField, Message, SelectField, TextField, VariableChip } from 'src/front/ui/components';
-import { FormFieldInputs } from 'src/front/ui/form-field-inputs';
-import { type FormField } from 'src/shared/form/form-field.type';
-import {
-  applyBuilderFieldKind,
-  BUILDER_FIELD_KINDS,
-  type BuilderFieldKind,
-  buildNewBuilderField,
-  buildUniqueFieldName,
-  getBuilderFieldKind,
-  setFieldRequired,
-} from 'src/shared/form/form-field-builder.util';
-import { isFormFieldRequired } from 'src/shared/form/form-fields.util';
-
-// Fields are built here instead of written as JSON. A field keeps its name
-// once saved: later steps of a process read it as {{step.name}}, so renaming
-// the label must not break them. A new field takes its name from the label.
-export const FormFieldsBuilder = ({
-  fields,
-  onChange,
-  variablePrefix,
-  disabled = false,
-}: {
-  fields: FormField[];
-  onChange: (fields: FormField[]) => void;
-  variablePrefix?: string;
-  disabled?: boolean;
-}) => {
-  const theme = useTheme();
-  const [savedFieldIds] = useState(() => new Set(fields.map(({ id }) => id)));
-  const [isPreviewShown, setIsPreviewShown] = useState(false);
-
-  const updateField = (fieldId: string, update: (field: FormField) => FormField) =>
-    onChange(fields.map((field) => (field.id === fieldId ? update(field) : field)));
-
-  const renameField = (field: FormField, label: string): FormField =>
-    savedFieldIds.has(field.id) || label.trim().length === 0
-      ? { ...field, label }
-      : {
-          ...field,
-          label,
-          name: buildUniqueFieldName(
-            label,
-            fields.filter(({ id }) => id !== field.id).map(({ name }) => name),
-          ),
-        };
-
-  const moveField = (index: number, offset: -1 | 1) => {
-    const target = index + offset;
-
-    if (target < 0 || target >= fields.length) {
-      return;
-    }
-
-    const reordered = [...fields];
-
-    [reordered[index], reordered[target]] = [reordered[target], reordered[index]];
-    onChange(reordered);
-  };
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[2] }}>
-      {fields.length === 0 && <Message tone="hint">Полей нет.</Message>}
-      {fields.map((field, index) => {
-        const kind = getBuilderFieldKind(field);
-
-        return (
-          <div
-            key={field.id}
-            style={{
-              background: theme.background.transparent.lighter,
-              borderRadius: theme.border.radius.md,
-              display: 'flex',
-              flexDirection: 'column',
-              gap: theme.spacing[2],
-              padding: theme.spacing[2],
-            }}
-          >
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-              <div style={{ flex: '2 1 180px' }}>
-                <TextField
-                  label="Название"
-                  placeholder="Например, Сумма договора"
-                  value={field.label}
-                  disabled={disabled}
-                  onChange={(label) => updateField(field.id, (current) => renameField(current, label))}
-                />
-              </div>
-              <div style={{ flex: '1 1 120px' }}>
-                {kind !== undefined ? (
-                  <SelectField<BuilderFieldKind>
-                    label="Тип"
-                    value={kind}
-                    disabled={disabled}
-                    options={BUILDER_FIELD_KINDS.map(({ value, label }) => ({ value, label }))}
-                    onChange={(nextKind) =>
-                      updateField(field.id, (current) => applyBuilderFieldKind(current, nextKind))
-                    }
-                  />
-                ) : (
-                  <TextField label="Тип" value={field.type} disabled onChange={() => undefined} />
-                )}
-              </div>
-            </div>
-            <div style={{ alignItems: 'center', display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-              <CheckboxField
-                label="Обязательное"
-                checked={isFormFieldRequired(field)}
-                disabled={disabled}
-                onChange={(isRequired) =>
-                  updateField(field.id, (current) => setFieldRequired(current, isRequired))
-                }
-              />
-              {variablePrefix !== undefined && (
-                <VariableChip>{`{{${variablePrefix}.${field.name}}}`}</VariableChip>
-              )}
-              <div style={{ display: 'flex', gap: theme.spacing[1], marginLeft: 'auto' }}>
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  title="Выше"
-                  aria-label={`Поднять поле ${field.label}`}
-                  disabled={disabled || index === 0}
-                  onClick={() => moveField(index, -1)}
-                >
-                  ↑
-                </Button>
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  title="Ниже"
-                  aria-label={`Опустить поле ${field.label}`}
-                  disabled={disabled || index === fields.length - 1}
-                  onClick={() => moveField(index, 1)}
-                >
-                  ↓
-                </Button>
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  disabled={disabled}
-                  onClick={() => onChange(fields.filter(({ id }) => id !== field.id))}
-                >
-                  Удалить
-                </Button>
-              </div>
-            </div>
-          </div>
-        );
-      })}
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-        <Button
-          variant="outline"
-          size="sm"
-          disabled={disabled}
-          onClick={() => onChange([...fields, buildNewBuilderField(fields, () => crypto.randomUUID())])}
-        >
-          Добавить поле
-        </Button>
-        {fields.length > 0 && (
-          <Button variant="ghost" size="sm" onClick={() => setIsPreviewShown((current) => !current)}>
-            {isPreviewShown ? 'Скрыть предпросмотр' : 'Как увидит исполнитель'}
-          </Button>
-        )}
-      </div>
-      {isPreviewShown && fields.length > 0 && (
-        <div
-          style={{
-            borderRadius: theme.border.radius.md,
-            boxShadow: `inset 0 0 0 1px ${theme.border.color.light}`,
-            padding: theme.spacing[3],
-          }}
-        >
-          <FormFieldInputs fields={fields} values={{}} disabled onChange={() => undefined} />
-        </div>
-      )}
-    </div>
-  );
-};

package/src/front/ui/task-work-panel.tsx

@@ -1,218 +0,0 @@
-import { useState } from 'react';
-import { enqueueSnackbar } from 'twenty-sdk/front-component';
-import { Button } from 'twenty-ui/primitives/input';
-import { Tag } from 'twenty-ui/primitives/data-display';
-import { useTheme } from 'twenty-ui/theme';
-
-import { callAppRoute, getErrorMessage, getRecord } from 'src/front/api';
-import { formatDate, formatMemberName, isOverdue, TASK_STATUS_LABELS } from 'src/front/format';
-import { useAsync } from 'src/front/hooks/use-async';
-import { useWorkspaceMembers } from 'src/front/hooks/use-workspace-members';
-import { type DocflowTask } from 'src/front/types';
-import { Details, Message, SectionTitle } from 'src/front/ui/components';
-import { FormFieldInputs } from 'src/front/ui/form-field-inputs';
-import { FormFieldsBuilder } from 'src/front/ui/form-fields-builder';
-import { TASK_DONE_STATUS } from 'src/shared/docflow.constants';
-import { type FormField, type FormValues } from 'src/shared/form/form-field.type';
-import { getFormFieldsError, parseFormFields, parseFormValues } from 'src/shared/form/form-fields.util';
-
-// The one-off fields of a task: the author builds them, the worker fills them.
-const TaskFieldsEditor = ({
-  initialFields,
-  onSave,
-  onCancel,
-}: {
-  initialFields: FormField[];
-  onSave: (fields: FormField[]) => Promise<void>;
-  onCancel: () => void;
-}) => {
-  const theme = useTheme();
-  const [fields, setFields] = useState(initialFields);
-  const [isSaving, setIsSaving] = useState(false);
-  const [errorMessage, setErrorMessage] = useState<string | undefined>();
-
-  const save = async () => {
-    const fieldsError = getFormFieldsError(fields);
-
-    if (fieldsError !== undefined) {
-      setErrorMessage(fieldsError);
-
-      return;
-    }
-
-    setIsSaving(true);
-    setErrorMessage(undefined);
-    await onSave(fields).finally(() => setIsSaving(false));
-  };
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[2] }}>
-      <FormFieldsBuilder fields={fields} onChange={setFields} disabled={isSaving} />
-      {errorMessage !== undefined && <Message tone="danger">{errorMessage}</Message>}
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-        <Button variant="solid" size="sm" loading={isSaving} onClick={() => void save()}>
-          Сохранить поля
-        </Button>
-        <Button variant="ghost" size="sm" onClick={onCancel}>
-          Отмена
-        </Button>
-      </div>
-    </div>
-  );
-};
-
-export const TaskWorkPanel = ({
-  taskId,
-  onChanged,
-}: {
-  taskId: string;
-  onChanged?: () => void;
-}) => {
-  const theme = useTheme();
-  const { members } = useWorkspaceMembers();
-  const { data: task, loading, error, reload } = useAsync(
-    () => getRecord<DocflowTask>('tasks', taskId),
-    [taskId],
-  );
-  const [draftValues, setDraftValues] = useState<FormValues | undefined>();
-  const [isEditingFields, setIsEditingFields] = useState(false);
-  const [isBusy, setIsBusy] = useState(false);
-  const [errorMessage, setErrorMessage] = useState<string | undefined>();
-
-  if (task === undefined) {
-    return loading ? (
-      <Message>Загрузка…</Message>
-    ) : (
-      <Message tone="danger">{getErrorMessage(error, 'Задание не найдено или нет доступа.')}</Message>
-    );
-  }
-
-  const fields = parseFormFields(task.smbFormSchema);
-  const values = draftValues ?? parseFormValues(task.smbFormValues);
-  const isProcessTask = typeof task.smbWorkflowThreadId === 'string' && task.smbWorkflowThreadId.length > 0;
-  const isDone = task.status === TASK_DONE_STATUS;
-  const assignee = members.find((member) => member.id === task.assigneeId);
-
-  const runAction = async (action: () => Promise<unknown>, successMessage: string, failureMessage: string) => {
-    setIsBusy(true);
-    setErrorMessage(undefined);
-
-    try {
-      await action();
-      await enqueueSnackbar({ message: successMessage, variant: 'success' });
-      setDraftValues(undefined);
-      await reload();
-      onChanged?.();
-    } catch (actionError) {
-      setErrorMessage(getErrorMessage(actionError, failureMessage));
-    } finally {
-      setIsBusy(false);
-    }
-  };
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[3] }}>
-      <strong style={{ fontSize: theme.font.size.lg }}>{task.title?.trim() || 'Без названия'}</strong>
-      <Details
-        rows={[
-          {
-            label: 'Статус',
-            value: <Tag color={isDone ? 'green' : 'gray'}>{TASK_STATUS_LABELS[task.status ?? ''] ?? task.status ?? 'Без статуса'}</Tag>,
-          },
-          { label: 'Исполнитель', value: formatMemberName(assignee) },
-          {
-            label: 'Срок',
-            value: task.dueAt && (
-              <span style={{ color: isOverdue(task.dueAt, task.status, new Date()) ? theme.font.color.danger : undefined }}>
-                {formatDate(task.dueAt)}
-              </span>
-            ),
-          },
-          { label: 'Процесс', value: isProcessTask ? 'Задание шага процесса' : undefined },
-        ]}
-      />
-      {typeof task.smbInstruction === 'string' && task.smbInstruction.trim().length > 0 && (
-        <section
-          aria-label="Инструкция"
-          style={{
-            background: theme.background.transparent.lighter,
-            borderRadius: theme.border.radius.md,
-            padding: theme.spacing[3],
-            whiteSpace: 'pre-wrap',
-          }}
-        >
-          <div style={{ color: theme.font.color.tertiary, fontSize: theme.font.size.sm, marginBottom: theme.spacing[1] }}>
-            Инструкция
-          </div>
-          {task.smbInstruction}
-        </section>
-      )}
-      <SectionTitle
-        action={
-          !isProcessTask &&
-          !isEditingFields &&
-          !isDone && (
-            <Button variant="ghost" size="sm" onClick={() => setIsEditingFields(true)}>
-              {fields.length > 0 ? 'Изменить поля' : 'Добавить поля'}
-            </Button>
-          )
-        }
-      >
-        {isProcessTask ? 'Поля задаёт шаг процесса' : 'Поля задания'}
-      </SectionTitle>
-      {isEditingFields ? (
-        <TaskFieldsEditor
-          initialFields={fields}
-          onCancel={() => setIsEditingFields(false)}
-          onSave={(nextFields) =>
-            runAction(
-              async () => {
-                await callAppRoute('/docflow/tasks/form', { taskId, fields: nextFields });
-                setIsEditingFields(false);
-              },
-              'Поля сохранены',
-              'Не удалось сохранить поля',
-            )
-          }
-        />
-      ) : (
-        <FormFieldInputs fields={fields} values={values} disabled={isBusy || isDone} onChange={setDraftValues} />
-      )}
-      {errorMessage !== undefined && <Message tone="danger">{errorMessage}</Message>}
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-        {!isDone && (
-          <Button
-            variant="solid"
-            size="sm"
-            loading={isBusy}
-            onClick={() =>
-              runAction(
-                () => callAppRoute('/docflow/tasks/complete', { taskId, values }),
-                'Задание выполнено',
-                'Не удалось выполнить задание',
-              )
-            }
-          >
-            Выполнить
-          </Button>
-        )}
-        {!isDone && draftValues !== undefined && (
-          <Button
-            variant="outline"
-            size="sm"
-            disabled={isBusy}
-            onClick={() =>
-              runAction(
-                () => callAppRoute('/docflow/tasks/form', { taskId, values }),
-                'Сохранено',
-                'Не удалось сохранить',
-              )
-            }
-          >
-            Сохранить
-          </Button>
-        )}
-      </div>
-    </div>
-  );
-};

package/src/navigation-menu-items/docflow.navigation-menu-item.ts

@@ -1,15 +0,0 @@
-import { defineNavigationMenuItem, NavigationMenuItemType } from 'twenty-sdk/define';
-
-import {
-  DOCFLOW_NAVIGATION_MENU_ITEM_UNIVERSAL_IDENTIFIER,
-  DOCFLOW_PAGE_LAYOUT_UNIVERSAL_IDENTIFIER,
-} from 'src/universal-identifiers';
-
-export default defineNavigationMenuItem({
-  universalIdentifier: DOCFLOW_NAVIGATION_MENU_ITEM_UNIVERSAL_IDENTIFIER,
-  name: 'Документооборот',
-  icon: 'IconFiles',
-  position: 0,
-  type: NavigationMenuItemType.PAGE_LAYOUT,
-  pageLayoutUniversalIdentifier: DOCFLOW_PAGE_LAYOUT_UNIVERSAL_IDENTIFIER,
-});

package/src/objects/document-folder.object.ts

@@ -1,80 +0,0 @@
-import { defineObject, FieldType } from 'twenty-sdk/define';
-
-import {
-  DOCUMENT_FOLDER_COLOR_UNIVERSAL_IDENTIFIER,
-  DOCUMENT_FOLDER_NAME_UNIVERSAL_IDENTIFIER,
-  DOCUMENT_FOLDER_OBJECT_UNIVERSAL_IDENTIFIER,
-} from 'src/universal-identifiers';
-
-export default defineObject({
-  universalIdentifier: DOCUMENT_FOLDER_OBJECT_UNIVERSAL_IDENTIFIER,
-  nameSingular: 'smbDocumentFolder',
-  namePlural: 'smbDocumentFolders',
-  labelSingular: 'Папка документов',
-  labelPlural: 'Папки документов',
-  description: 'Папка в дереве документов компании',
-  icon: 'IconFolder',
-  labelIdentifierFieldMetadataUniversalIdentifier:
-    DOCUMENT_FOLDER_NAME_UNIVERSAL_IDENTIFIER,
-  fields: [
-    {
-      universalIdentifier: DOCUMENT_FOLDER_NAME_UNIVERSAL_IDENTIFIER,
-      type: FieldType.TEXT,
-      label: 'Название',
-      icon: 'IconAbc',
-      name: 'name',
-    },
-    {
-      universalIdentifier: DOCUMENT_FOLDER_COLOR_UNIVERSAL_IDENTIFIER,
-      type: FieldType.SELECT,
-      label: 'Цвет',
-      icon: 'IconPalette',
-      name: 'color',
-      defaultValue: "'GRAY'",
-      options: [
-        {
-          id: 'cc211c98-25aa-4152-bf3a-683a94802991',
-          value: 'GRAY',
-          label: 'Серый',
-          position: 0,
-          color: 'gray',
-        },
-        {
-          id: '24d4e509-a5dd-4919-acaf-63b9eca5991b',
-          value: 'BLUE',
-          label: 'Синий',
-          position: 1,
-          color: 'blue',
-        },
-        {
-          id: 'e1a9b896-ded0-4153-ae31-275539e0f914',
-          value: 'GREEN',
-          label: 'Зелёный',
-          position: 2,
-          color: 'green',
-        },
-        {
-          id: '6932e1d5-8ad4-4a87-bb1e-b2f4f9a5bb37',
-          value: 'ORANGE',
-          label: 'Оранжевый',
-          position: 3,
-          color: 'orange',
-        },
-        {
-          id: '220fc4db-37fd-47ce-9754-133a6a7e3eeb',
-          value: 'RED',
-          label: 'Красный',
-          position: 4,
-          color: 'red',
-        },
-        {
-          id: '2516ec8c-9e1d-4eeb-993f-1791c908e35b',
-          value: 'PURPLE',
-          label: 'Фиолетовый',
-          position: 5,
-          color: 'purple',
-        },
-      ],
-    },
-  ],
-});