From 46d681c6b825d21b3f698d793c4e630c687d90ad Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 21 May 2026 21:41:53 +0000
Subject: [PATCH] =Major CustomBlocks.php overhaul, expanding block support and customization from the editor. theme.json should now be updated on new themes to set brand colours, etc. Also note: major change to .col vs .row alignment: simplifying it to .top .bottom vs the confusion of the differences for .col/.row .start and .a-start

---
 inc/forms/TaxonomySelector.php |  109 ++++++++++++++++++++++++++++++------------------------
 1 files changed, 61 insertions(+), 48 deletions(-)

diff --git a/inc/forms/TaxonomySelector.php b/inc/forms/TaxonomySelector.php
index 8156ebb..5a8795a 100644
--- a/inc/forms/TaxonomySelector.php
+++ b/inc/forms/TaxonomySelector.php
@@ -1,6 +1,7 @@
 <?php
 namespace JVBase\forms;
 
+use JVBase\registrar\Registrar;
 use WP_Term;
 
 if (!defined('ABSPATH')) {
@@ -27,15 +28,20 @@
 	protected string $base;
 	protected string $title;
 	protected array $config;
+	protected Registrar $registrar;
 
 	public function __construct(string $id, string $taxonomy, array $config = []) {
 		$this->id = sanitize_key($id);
 		$this->taxonomy = jvbCheckBase($taxonomy);
 		$this->name = jvbNoBase($taxonomy);
 
-		$this->title = JVB_TAXONOMY[$this->name]['plural'];
-		$this->base = $config['base']??'';
+		$registrar = Registrar::getInstance($this->name);
+		if ($registrar) {
+			$this->registrar = $registrar;
+		}
 
+		$this->title = $registrar->getPlural();
+		$this->base = $config['base']??'';
 		$this->config = wp_parse_args($config, [
 			'types'		=> false, // for feed block implementation
 			'max'		=> 0,      // 0 = unlimited
@@ -51,8 +57,8 @@
 			'update'	=> true,   // Whether to update on close
 		]);
 
-		$this->plural = JVB_TAXONOMY[$taxonomy]['plural'];
-		$this->singular = JVB_TAXONOMY[$taxonomy]['singular'];
+		$this->plural = $registrar->getPlural();
+		$this->singular = $registrar->getSingular();
 	}
 
 
@@ -65,14 +71,14 @@
 	 */
 	public static function getTermPath(WP_Term $term, bool $returnArray = false): string|array {
 		if (!is_taxonomy_hierarchical($term->taxonomy)) {
-			return $term->name;
+			return html_entity_decode($term->name);
 		}
 
 		$path = [];
 		$currentTerm = $term;
 
 		while ($currentTerm) {
-			array_unshift($path, $currentTerm->name);
+			array_unshift($path, html_entity_decode($currentTerm->name));
 
 			if ($currentTerm->parent) {
 				$currentTerm = get_term($currentTerm->parent);
@@ -99,17 +105,14 @@
 					<h3 id="modal-title">Select Taxonomy</h3>
 				</header>
 
-				<div class="selected-items-section">
-					<div class="selected-items row" role="region" aria-label="Selected items">
-						<!-- Selected items will be populated here -->
-					</div>
-				</div>
+
+				<div class="selected-items row" role="region" aria-label="Selected items"></div>
 
 				<div class="items-wrap">
 					<!-- Common/Favorite terms section -->
 					<details class="favourite-terms" hidden>
-						<summary class="title row btw">Your Go Tos:</summary>
-						<ul class="favourite-list row btw"></ul>
+						<summary class="title row x-btw">Your Go Tos:</summary>
+						<ul class="favourite-list row x-btw"></ul>
 					</details>
 
 					<!-- Pagination info -->
@@ -122,15 +125,16 @@
 						</button>
 					</nav>
 
+
+					<p class="message" hidden aria-live="polite">
+						{ <span>loading items</span> }
+					</p>
 					<!-- Terms list -->
-					<ul class="items-container col start" role="listbox" aria-label="Available terms">
+					<ul class="items-container col top" role="listbox" aria-label="Available terms">
 						<!-- Terms will be populated here -->
 					</ul>
 
-					<!-- Loading indicator -->
-					<p class="loading" hidden aria-live="polite">
-						<span>loading items</span>
-					</p>
+					<button class="submit-term" hidden data-ignore><strong>Create: </strong> "<span></span>"</button>
 
 					<!-- Infinite scroll sentinel -->
 					<div class="scroll-sentinel" aria-hidden="true"></div>
@@ -139,13 +143,13 @@
 				<!-- Search section -->
 				<div class="search-wrapper">
 					<div class="search-bar">
-						<?= jvbSearch('Search terms') ?>
+						<?= jvbSearch('Search terms', 'search-terms') ?>
 					</div>
 				</div>
 
 				<!-- Create new term section -->
 				<details class="create-term" hidden>
-					<summary class="row btw">Add New Term</summary>
+					<summary class="row x-btw">Add New Term</summary>
 					<div class="create-new-term-section">
 						<form class="create-term" data-nocache data-form-id="create-term" data-save="terms">
 							<div class="form-group">
@@ -159,14 +163,8 @@
 									<option value="0">None (Top Level)</option>
 								</select>
 							</div>
-
-							<button type="button" class="submit-term">Add Term</button>
 						</form>
-						<div class="term-suggestions" hidden><h4></h4><ul class="term-suggestion-list"></ul></div>
-						<div class="loading-message create-term" hidden>
-							<span id="typed-text"></span>
-							<span class="cursor">|</span>
-						</div>
+
 					</div>
 				</details>
 				<?= jvbModalActions(); ?>
@@ -175,18 +173,15 @@
 		<template class="loadingItems">
 			<p>{ <span>loading items</span> }</p>
 		</template>
-		<template class="autocompleteButton">
-			<button class="autocomplete submit-term" type="button"><strong>Create: </strong><span></span></button>
-		</template>
 		<template class="autocompleteItem">
-			<button class="autocomplete item" type="button" data-autocomplete-select></button>
+			<li class="autocomplete item btn"></li>
 		</template>
 		<template class="noTermResults">
 			<p>{ <span>nothing found</span> }</p>
 		</template>
 		<template class="termListItem">
 			<li>
-				<input type ="checkbox">
+				<input type="checkbox">
 				<label>
 					<span class="term-name"></span>
 				</label>
@@ -200,7 +195,7 @@
 		<template class="selectedTerm">
 			<div class="selected-item row">
 				<span class="item-name"></span>
-				<button type="button" class="remove-item row"><?=jvbIcon('x')?></button>
+				<button type="button" class="remove-term row"><?=jvbIcon('x')?></button>
 			</div>
 		</template>
 		<template class="termBreadcrumb">
@@ -234,7 +229,7 @@
 		?>
 		<div class="jvb-selector <?= esc_attr($this->name) ?>"
 			 id="<?= esc_attr($this->id) ?>"<?= $hidden ?>>
-			<div class="field-group-header row btw">
+			<div class="field-group-header row x-btw">
 				<label for="<?= $this->base ?><?= esc_attr($this->config['name']) ?>-autocomplete">
 					<?= ($this->config['icon']) ? jvbIcon($this->config['icon']) : '' ?>
 					<span><?= $this->config['label'] ?></span>
@@ -252,19 +247,28 @@
 				</button>
 				<?php if ($hasAutocomplete !== '') { ?>
 					<input type="text" id="<?= $this->base ?><?= esc_attr($this->config['name']) ?>-autocomplete" autocomplete="off" data-ignore data-autocomplete>
-					<ul class="search-results" hidden>
-					</ul>
+					<p class="message" hidden aria-live="polite">
+						{ <span>loading items</span> }
+					</p>
+					<div class="auto-wrapper" hidden>
+						<ul class="search-results">
+						</ul>
+						<button class="submit-term" hidden data-ignore><strong>Create: </strong> "<span></span>"</button>
+					</div>
+
 				<?php } ?>
 			</div>
-
-			<div class="selected-items row" role="region" aria-label="Selected <?= esc_attr($this->plural) ?>">
-				<?php if (!empty($selected)): ?>
-					<?php foreach ($selected as $termId): ?>
-						<?php $this->renderSelectedTerm($termId); ?>
-					<?php endforeach; ?>
-				<?php endif; ?>
-			</div>
-
+			<?php
+			$selectedItems = '';
+			if (!empty($selected)):
+				ob_start();
+				foreach ($selected as $termId):
+					$this->renderSelectedTerm($termId);
+				endforeach;
+				$selectedItems = ob_get_clean();
+			endif;
+			?>
+			<div class="selected-items row" role="region" aria-label="Selected <?= esc_attr($this->plural) ?>"><?=$selectedItems?></div>
 			<?= $extra ?>
 		</div>
 		<?php
@@ -273,7 +277,16 @@
 
 	protected function renderTaxonomyToggle(array $selected = [], string $extra = ''): string
 	{
-		return '<button type="button" data-filter="taxonomy" data-taxonomy="'.$this->name.'" title="Filter by '.$this->singular.'">'.jvbIcon($this->config['icon']).'<span class="label">'.$this->singular.'</span></button>';
+		return sprintf(
+			'<button type="button" data-icon="%s" data-filter="taxonomy" data-taxonomy="%s" data-type="selector" data-single="%s" data-plural="%s" title="Filter by %s">%s<span class="label">%s</span></button>',
+			$this->registrar->getIcon(),
+			$this->name,
+			$this->singular,
+			$this->plural,
+			$this->singular,
+			jvbIcon($this->registrar->getIcon()),
+			$this->singular
+		);
 	}
 
 	/**
@@ -335,8 +348,8 @@
 		<div class="selected-item row" data-id="<?= esc_attr($termId) ?>">
 			<span><?= esc_html($termPath) ?></span>
 			<button type="button"
-					class="remove-item row"
-					aria-label="Remove <?= esc_attr($term->name) ?>">
+					class="remove-term row"
+					aria-label="Remove <?= html_entity_decode($term->name) ?>">
 				<?= jvbIcon('x') ?>
 			</button>
 		</div>

--
Gitblit v1.10.0