=Complete TaxonomySelector.js and TaxonomyCreator.js refactor

Jake Vanderwerf

2026-01-05 9f86429a1252b45c95b7c62fbaa1b82de3723997

 inc/meta/MetaFormOld.php

@@ -267,7 +267,7 @@
                   class="decrease"
                   title="<?= array_key_exists('remove', $field) ? $field['remove'] : 'Decrease amount' ?>"
                   aria-label="Decrease <?= esc_attr($field['label']); ?>">
                <?= jvbIcon('minus')?>
                <?= jvbIcon('minus-square')?>
             </button>

             <input type="number"
@@ -286,7 +286,7 @@
                   class="increase"
                   title="<?= array_key_exists('add', $field) ? $field['add'] : 'Increase amount' ?>"
                   aria-label="Increase <?= esc_attr($field['label']); ?>">
                <?= jvbIcon('add')?>
                <?= jvbIcon('plus-square')?>
             </button>
          </div>
          <?php $this->renderDescription($description, $name);  ?>
@@ -469,11 +469,11 @@
        <div class="repeater-row" data-index="<?= esc_attr($index); ?>">
            <details <?= (is_string($index)) ? 'open' : ''; ?>>
                <summary class="repeater-row-header row btw">
                    <span class="drag-handle"><?= jvbIcon('grab'); ?></span>
                    <span class="drag-handle"><?= jvbIcon('dots-six-vertical'); ?></span>
                    <span class="row-number">#<?= esc_html($display_number); ?></span>
                    <span class="row-title"><?= esc_html($this->getRowTitle($fields, $values, $rowTitle)); ?></span>
                    <button type="button" class="remove-row" title="Remove">
                        <?= jvbIcon('delete', ['title'=>'Remove']); ?>
                        <?= jvbIcon('trash', ['title'=>'Remove']); ?>
                    </button>
                </summary>
                <div class="repeater-row-content">
@@ -605,7 +605,7 @@
            <button title="Add <?= esc_attr(ucfirst($field['post_type'])) ?>"
                  class="add-item-btn"
                  type="button">
               <?= jvbIcon('add', ['title' => "Add " . ucfirst($field['post_type'])]) ?>
               <?= jvbIcon('plus-square', ['title' => "Add " . ucfirst($field['post_type'])]) ?>
            </button>
         </div>

@@ -843,7 +843,7 @@
                        <?php endif; ?>

                        <button type="button" class="search-button">
                            <?= jvbIcon('search', ['title' => 'Search']); ?>
                            <?= jvbIcon('magnifying-glass', ['title' => 'Search']); ?>
                        </button>
                    </div>
                </div>
@@ -925,7 +925,7 @@
                                        <span class="item-title"><?= esc_html($item_title); ?></span>
                                        <span class="item-type"><?= esc_html(ucfirst($item_object)); ?></span>
                                        <button type="button" class="remove-item row">
                                            <?= jvbIcon('close', ['title' => 'Remove']); ?>
                                            <?= jvbIcon('x', ['title' => 'Remove']); ?>
                                        </button>
                                    </li>
                                    <?php
@@ -1049,7 +1049,7 @@
                            const removeBtn = document.createElement('button');
                            removeBtn.type = 'button';
                            removeBtn.className = 'remove-item';
                            removeBtn.innerHTML = '<?= jvbIcon('close', ['title' => 'Remove']); ?>';
                            removeBtn.innerHTML = '<?= jvbIcon('x', ['title' => 'Remove']); ?>';
                            removeBtn.addEventListener('click', function() {
                                removeItem(id, clone);
                            });
@@ -1434,18 +1434,18 @@

                     <div class="selection-actions row btw" hidden>
                        <button type="button" data-action="add-to-group">
                           <?= jvbIcon('add') ?>
                           <?= jvbIcon('plus-square') ?>
                           Group
                        </button>
                        <button type="button" data-action="delete-upload">
                           <?= jvbIcon('delete') ?>
                           <?= jvbIcon('trash') ?>
                           Delete
                        </button>
                     </div>
                  </div>

                  <button type="button" data-action="upload" class="submit-uploads">
                     <?= jvbIcon('upload') ?> Upload <?= esc_html($plural ?? 'Content'); ?>
                     <?= jvbIcon('cloud-arrow-up') ?> Upload <?= esc_html($plural ?? 'Content'); ?>
                  </button>
               </div>
               <?php endif; ?>
@@ -1462,7 +1462,7 @@
               </div>

               <?php if ($destination === 'post_group') : ?>
               <p class="hint"><?= jvbIcon('elbow-left-up') ?>  These will become individual <?= $plural ?>  <?= jvbIcon('elbow-right-up')?></p>
               <p class="hint"><?= jvbIcon('arrow-elbow-left-up') ?>  These will become individual <?= $plural ?>  <?= jvbIcon('arrow-elbow-right-up')?></p>
            </div>
            <div class="sidebar flex col">
               <div class="header">
@@ -1474,7 +1474,7 @@
                     <p>Drag here to create a new <?= $singular ?>!</p>
                  </div>
               </div>
               <p class="hint"><?= jvbIcon('elbow-left-up') ?>  Each group will become its own <?= $singular ?>  <?= jvbIcon('elbow-right-up')?></p>
               <p class="hint"><?= jvbIcon('arrow-elbow-left-up') ?>  Each group will become its own <?= $singular ?>  <?= jvbIcon('arrow-elbow-right-up')?></p>
            </div>
         </div>
      <?php endif; ?>
@@ -1764,18 +1764,18 @@
                     <!-- Selection actions (hidden by default) -->
                     <div class="selection-actions" hidden>
                        <button type="button" class="create-from-selection">
                           <?= jvbIcon('add') ?>
                           <?= jvbIcon('plus-square') ?>
                           Create New <?= $singular ?>
                        </button>
                        <button type="button" class="remove-selection">
                           <?= jvbIcon('delete') ?>
                           <?= jvbIcon('trash') ?>
                           Remove
                        </button>
                     </div>
                  </div>

                  <button type="button" class="submit-uploads">
                     <?= jvbIcon('upload') ?> Upload <?= esc_html($plural ?? 'Content'); ?>
                     <?= jvbIcon('cloud-arrow-up') ?> Upload <?= esc_html($plural ?? 'Content'); ?>
                  </button>
               </div>
               <?php endif; ?>
@@ -1789,7 +1789,7 @@
               </div>

               <?php if ($groupable) : ?>
               <p class="hint"><?= jvbIcon('elbow-left-up') ?>  These will become individual <?= $plural ?>  <?= jvbIcon('elbow-right-up')?></p>
               <p class="hint"><?= jvbIcon('arrow-elbow-left-up') ?>  These will become individual <?= $plural ?>  <?= jvbIcon('arrow-elbow-right-up')?></p>
            </div>
            <div class="sidebar">
               <div class="header">
@@ -1798,7 +1798,7 @@
                  <p class="hint">Select multiple images and click "Add to <?= $singular?>" or create new <?= $plural ?>.</p>
               </div>
               <button type="button" class="create-group-from-selection">
                  <?= jvbIcon('add') ?>
                  <?= jvbIcon('plus-square') ?>
                  Create New <?= $singular ?>
               </button>
               <div class="item-grid groups">
@@ -1806,7 +1806,7 @@
                     <p>Drag here to create a new <?= $singular ?>!</p>
                  </div>
               </div>
               <p class="hint"><?= jvbIcon('elbow-left-up') ?>  Each group will become its own <?= $singular ?>  <?= jvbIcon('elbow-right-up')?></p>
               <p class="hint"><?= jvbIcon('arrow-elbow-left-up') ?>  Each group will become its own <?= $singular ?>  <?= jvbIcon('arrow-elbow-right-up')?></p>
            </div>
         </div>
      <?php endif; ?>
@@ -1963,7 +1963,7 @@
                    <?= !empty($field['required']) ? 'required' : ''; ?>
                    data-format="<?= esc_attr($format); ?>"
                >
                <?= jvbIcon('event') ?>
                <?= jvbIcon('calendar') ?>
            </div>
          <?php if (array_key_exists('hint', $field)) { $this->renderHint($field['hint']); }  ?>
          <?php if (array_key_exists('description', $field)) { $this->renderDescription($field['description'], $name); }  ?>
@@ -2061,7 +2061,7 @@
               <?= !empty($field['max']) ? 'max="' . esc_attr($field['max']) . '"' : ''; ?>
               <?= !empty($field['step']) ? 'step="' . esc_attr($field['step']) . '"' : ''; ?>
            >
            <?= jvbIcon('event') ?>
            <?= jvbIcon('calendar') ?>
         </div>
         <?php if (array_key_exists('hint', $field)) { $this->renderHint($field['hint']); }  ?>
         <?php if (array_key_exists('description', $field)) { $this->renderDescription($field['description'], $name); }  ?>
@@ -2107,7 +2107,7 @@
   {
      $id = $name.'-help';
      $out = '<div class="has-tooltip">
      <span class="tt-toggle">'.jvbIcon('help').'</span>
      <span class="tt-toggle">'.jvbIcon('question').'</span>
      <div role="tooltip" id="'.$id.'"><p>'.$description.'</p></div>
      </div>';
      echo $out;