data-driven-forms / editor

WIP - Drag'n'Drop Editor for Data Driven Forms!
https://data-driven-forms.org/editor/live-editor
Apache License 2.0
9 stars 6 forks source link

Live editor issues #22

Open anjalikalsariya opened 10 months ago

anjalikalsariya commented 10 months ago

Errors

  1. When removing the field editor return error (Uncaught TypeError: Cannot read properties of undefined (reading 'children'))
  2. Show schema button not working (Nothing happened when clicked it)
  3. When dragging a field from the component then two fields are added in the editor (Added duplicate fields)

My code

import componentMapper from '@data-driven-forms/ant-component-mapper/component-mapper';
import FormTemplate from '@data-driven-forms/ant-component-mapper/form-template';
import Editor from '@data-driven-forms/editor-pro/editor';
import propertiesFields from '@data-driven-forms/editor-pro/editor/properties-fields';
import { Schema } from '@data-driven-forms/react-form-renderer';

import schema from './data2.json';

const fields = propertiesFields({ componentMapper });

console.log("fields",fields);
const FormEditorPage = () => {
  return (
    <Editor
      fields={fields}
      initialSchema={schema}
      componentMapper={componentMapper}
      FormTemplate={FormTemplate}
    />
  );
};

export default FormEditorPage;

Screen Shorts

Issue1

image

Issue2

image

Issue3

image
anjalikalsariya commented 10 months ago
image image
anjalikalsariya commented 10 months ago

Editor version that I am using

"@data-driven-forms/editor-pro": "^0.0.15",

React version : "react": "^18.2.0",