=Polishing up the gutenberg sidebar for custom meta. Seems to be working mo...

Jake Vanderwerf

2026-09-06 eef16f5a0f5af0aea313e411534643678ba4bea1

 src/editor-fields/SidePanel.js

@@ -2,7 +2,6 @@
import { compose } from '@wordpress/compose';
import { withSelect, withDispatch } from '@wordpress/data';
import { PluginSidebar, PluginSidebarMoreMenuItem } from '@wordpress/editor';
import { PanelBody, PanelRow, TextControl, DateTimePicker } from '@wordpress/components';
import { useEntityProp } from '@wordpress/core-data';
import Section from './Section';

@@ -12,16 +11,11 @@
</svg>
);
const SidePanel = ( { postType, metaFields, setMetaFields } ) => {
   const { content, fields, sections, base } = window.jvbFieldConfig || {};
   const [meta, setMeta] = useEntityProp('postType', content, 'meta');
   const { fields, sections } = window.jvbFieldConfig || {};

   const [meta, setMeta] = useEntityProp('postType', postType, 'meta');

   if (!fields || !fields.length) return null;

   console.log(fields);
   console.log(sections);



   return (
      <>
         <PluginSidebarMoreMenuItem
@@ -36,17 +30,16 @@
            title="Additional Fields"
         >
            {
               Object.values(sections).map((section, index) => (

                  <Section
                     id={section.slug}
               Object.values(sections).map((section, index) => {
                  return <Section
                     key={section.id}
                     name={section.title}
                     fields={filterFields({section, fields, base})}
                     fields={filterFields({section, fields})}
                     meta={meta}
                     setMeta={setMeta}
                     isOpen={testOpen(index)}
                  />
               ))
                  />;
               })
            }
         </PluginSidebar>
      </>
@@ -68,9 +61,8 @@
   }
} );

const filterFields = ({section, fields, base}) => {
   const sectionFields = section.fields.map(f => base+f);
   return fields.filter(item => sectionFields.includes(item.name))
const filterFields = ({section, fields}) => {
   return fields.filter(item => section.fields.includes(item.name))
};

const testOpen = (index) => {