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

Jake Vanderwerf

2026-09-06 eef16f5a0f5af0aea313e411534643678ba4bea1

 src/editor-fields/Fields.js

@@ -5,6 +5,10 @@
import DateField from './fields/date-field';
import TimeField from './fields/time-field';
import DateTimeField from "./fields/datetime-field";
import RepeaterField from "./fields/repeater-field";
import UploadField from "./fields/upload-field";
import SelectorField from "./fields/selector-field";
import LocationField from "./fields/location-field.js";
import { PanelRow } from '@wordpress/components';

const FIELD_MAP = {
@@ -22,9 +26,32 @@
   date: DateField,
   time: TimeField,
   datetime: DateTimeField,
   repeater: RepeaterField,
   upload: UploadField,
   selector: SelectorField,
   location: LocationField
};

const Fields = ({ field, value, onChange }) => {
const OPERATORS = {
   '=':  (a, b) => a == b,
   '==': (a, b) => a == b,
   '!=': (a, b) => a != b,
   '>':  (a, b) => a > b,
   '<':  (a, b) => a < b,
   'in': (a, b) => Array.isArray(b) ? b.includes(a) : String(b).split(',').includes(a),
};

export const checkCondition = (condition, meta) => {
   if (!condition?.field) return true;
   const compare = OPERATORS[condition.operator] || OPERATORS['='];
   return compare(meta?.[condition.field], condition.value);
};

const Fields = ({ id, field, value, onChange, meta }) => {
   if (!checkCondition(field.condition, meta)) {
      return null;
   }

   const Component = FIELD_MAP[field.type];
   if (!Component) return null; // repeater/upload/selector: TODO
   return <PanelRow><Component field={field} value={value} onChange={onChange} /></PanelRow>;