Allow 'panel' component

Amsterdam · May 2, 2024 · 723fe49 · 723fe49
1 parent ec0d8c6
commit 723fe49
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/apps/admin/src/components/admin/Admin/Admin.tsx b/apps/admin/src/components/admin/Admin/Admin.tsx
@@ -1,7 +1,7 @@
 import fakeDataProvider from 'ra-data-fakerest'
 import { Admin as ReactAdmin, Resource } from 'react-admin'
 
-// import { dataProvider } from '../../dataProvider'
+// import { dataProvider } from '../../../app/dataProvider'
 import { CategoryCreate } from '../../category/CategoryCreate/CategoryCreate'
 import { CategoryEdit } from '../../category/CategoryEdit'
 import { CategoryList } from '../../category/CategoryList'
@@ -71,7 +71,7 @@ export const Admin = () => (
       options={{ label: 'Vragenlijsten' }}
     />
     <Resource
-      name="categories"
+      name="classification"
       list={<CategoryList />}
       edit={<CategoryEdit />}
       create={<CategoryCreate />}

diff --git a/apps/admin/src/components/form/Builder/Builder.tsx b/apps/admin/src/components/form/Builder/Builder.tsx
@@ -16,7 +16,7 @@ type BuilderProps = {
 export const Builder = ({ data, onChange }: BuilderProps) => (
   <FormBuilder
     onChange={onChange}
-    form={data ? { display: 'form', components: data } : { display: 'form' }}
+    form={data ? { display: 'wizard', components: data } : { display: 'wizard' }}
     options={{
       noDefaultSubmitButton: true,
       builder: {

diff --git a/apps/admin/src/utils/filterAttributes.ts b/apps/admin/src/utils/filterAttributes.ts
@@ -1,9 +1,12 @@
 import type { ExtendedComponentSchema } from '@formio/js'
 
-const allowed = ['label', 'description', 'key', 'type', 'input', 'autoExpand', 'showCharCount']
+const textareaAllowed = ['label', 'description', 'key', 'type', 'input', 'autoExpand', 'showCharCount']
+const panelAllowed = ['label', 'key', 'type', 'input', 'components']
 
-export const filterAttributes = (raw: ExtendedComponentSchema) =>
-  Object.keys(raw)
+export const filterAttributes = (raw: ExtendedComponentSchema) => {
+  const allowed = raw.type === 'textarea' ? textareaAllowed : panelAllowed
+
+  return Object.keys(raw)
     .filter((key) => allowed.includes(key))
     .reduce(
       (obj, key) => ({
@@ -12,3 +15,4 @@ export const filterAttributes = (raw: ExtendedComponentSchema) =>
       }),
       {},
     )
+}