@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build/components/post-taxonomies/hierarchical-term-selector.js

@@ -1,72 +1,64 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hierarchical_term_selector_exports = {};
+__export(hierarchical_term_selector_exports, {
+  HierarchicalTermSelector: () => HierarchicalTermSelector,
+  default: () => hierarchical_term_selector_default,
+  findTerm: () => findTerm,
+  getFilterMatcher: () => getFilterMatcher,
+  sortBySelected: () => sortBySelected
 });
-exports.HierarchicalTermSelector = HierarchicalTermSelector;
-exports.default = void 0;
-exports.findTerm = findTerm;
-exports.getFilterMatcher = getFilterMatcher;
-exports.sortBySelected = sortBySelected;
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _notices = require("@wordpress/notices");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _coreData = require("@wordpress/core-data");
-var _a11y = require("@wordpress/a11y");
-var _htmlEntities = require("@wordpress/html-entities");
-var _terms = require("../../utils/terms");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  normalizeTextString
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-const {
-  RECEIVE_INTERMEDIATE_RESULTS
-} = (0, _lockUnlock.unlock)(_coreData.privateApis);
-
-/**
- * Module Constants
- */
+module.exports = __toCommonJS(hierarchical_term_selector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_notices = require("@wordpress/notices");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_core_data = require("@wordpress/core-data");
+var import_a11y = require("@wordpress/a11y");
+var import_html_entities = require("@wordpress/html-entities");
+var import_terms = require("../../utils/terms");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
+const { normalizeTextString } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+const { RECEIVE_INTERMEDIATE_RESULTS } = (0, import_lock_unlock.unlock)(import_core_data.privateApis);
 const DEFAULT_QUERY = {
   per_page: -1,
-  orderby: 'name',
-  order: 'asc',
-  _fields: 'id,name,parent',
-  context: 'view',
+  orderby: "name",
+  order: "asc",
+  _fields: "id,name,parent",
+  context: "view",
   [RECEIVE_INTERMEDIATE_RESULTS]: true
 };
 const MIN_TERMS_COUNT_FOR_FILTER = 8;
 const EMPTY_ARRAY = [];
-
-/**
- * Sort Terms by Selected.
- *
- * @param {Object[]} termsTree Array of terms in tree format.
- * @param {number[]} terms     Selected terms.
- *
- * @return {Object[]} Sorted array of terms.
- */
 function sortBySelected(termsTree, terms) {
-  const treeHasSelection = termTree => {
+  const treeHasSelection = (termTree) => {
     if (terms.indexOf(termTree.id) !== -1) {
       return true;
     }
-    if (undefined === termTree.children) {
+    if (void 0 === termTree.children) {
       return false;
     }
-    return termTree.children.map(treeHasSelection).filter(child => child).length > 0;
+    return termTree.children.map(treeHasSelection).filter((child) => child).length > 0;
   };
   const termOrChildIsSelected = (termA, termB) => {
     const termASelected = treeHasSelection(termA);
@@ -86,79 +78,37 @@ function sortBySelected(termsTree, terms) {
   newTermTree.sort(termOrChildIsSelected);
   return newTermTree;
 }
-
-/**
- * Find term by parent id or name.
- *
- * @param {Object[]}      terms  Array of Terms.
- * @param {number|string} parent id.
- * @param {string}        name   Term name.
- * @return {Object} Term object.
- */
 function findTerm(terms, parent, name) {
-  return terms.find(term => {
+  return terms.find((term) => {
     return (!term.parent && !parent || parseInt(term.parent) === parseInt(parent)) && term.name.toLowerCase() === name.toLowerCase();
   });
 }
-
-/**
- * Get filter matcher function.
- *
- * @param {string} filterValue Filter value.
- * @return {(function(Object): (Object|boolean))} Matcher function.
- */
 function getFilterMatcher(filterValue) {
-  const matchTermsForFilter = originalTerm => {
-    if ('' === filterValue) {
+  const matchTermsForFilter = (originalTerm) => {
+    if ("" === filterValue) {
       return originalTerm;
     }
-
-    // Shallow clone, because we'll be filtering the term's children and
-    // don't want to modify the original term.
-    const term = {
-      ...originalTerm
-    };
-
-    // Map and filter the children, recursive so we deal with grandchildren
-    // and any deeper levels.
+    const term = { ...originalTerm };
     if (term.children.length > 0) {
-      term.children = term.children.map(matchTermsForFilter).filter(child => child);
+      term.children = term.children.map(matchTermsForFilter).filter((child) => child);
     }
-
-    // If the term's name contains the filterValue, or it has children
-    // (i.e. some child matched at some point in the tree) then return it.
-    if (-1 !== normalizeTextString(term.name).indexOf(normalizeTextString(filterValue)) || term.children.length > 0) {
+    if (-1 !== normalizeTextString(term.name).indexOf(
+      normalizeTextString(filterValue)
+    ) || term.children.length > 0) {
       return term;
     }
-
-    // Otherwise, return false. After mapping, the list of terms will need
-    // to have false values filtered out.
     return false;
   };
   return matchTermsForFilter;
 }
-
-/**
- * Hierarchical term selector.
- *
- * @param {Object} props      Component props.
- * @param {string} props.slug Taxonomy slug.
- * @return {Element}        Hierarchical term selector component.
- */
-function HierarchicalTermSelector({
-  slug
-}) {
-  var _taxonomy$labels$sear, _taxonomy$name;
-  const [adding, setAdding] = (0, _element.useState)(false);
-  const [formName, setFormName] = (0, _element.useState)('');
-  /**
-   * @type {[number|'', Function]}
-   */
-  const [formParent, setFormParent] = (0, _element.useState)('');
-  const [showForm, setShowForm] = (0, _element.useState)(false);
-  const [filterValue, setFilterValue] = (0, _element.useState)('');
-  const [filteredTermsTree, setFilteredTermsTree] = (0, _element.useState)([]);
-  const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
+function HierarchicalTermSelector({ slug }) {
+  const [adding, setAdding] = (0, import_element.useState)(false);
+  const [formName, setFormName] = (0, import_element.useState)("");
+  const [formParent, setFormParent] = (0, import_element.useState)("");
+  const [showForm, setShowForm] = (0, import_element.useState)(false);
+  const [filterValue, setFilterValue] = (0, import_element.useState)("");
+  const [filteredTermsTree, setFilteredTermsTree] = (0, import_element.useState)([]);
+  const debouncedSpeak = (0, import_compose.useDebounce)(import_a11y.speak, 500);
   const {
     hasCreateAction,
     hasAssignAction,
@@ -166,108 +116,73 @@ function HierarchicalTermSelector({
     loading,
     availableTerms,
     taxonomy
-  } = (0, _data.useSelect)(select => {
-    const {
-      getCurrentPost,
-      getEditedPostAttribute
-    } = select(_store.store);
-    const {
-      getEntityRecord,
-      getEntityRecords,
-      isResolving
-    } = select(_coreData.store);
-    const _taxonomy = getEntityRecord('root', 'taxonomy', slug);
-    const post = getCurrentPost();
-    return {
-      hasCreateAction: _taxonomy ? !!post._links?.['wp:action-create-' + _taxonomy.rest_base] : false,
-      hasAssignAction: _taxonomy ? !!post._links?.['wp:action-assign-' + _taxonomy.rest_base] : false,
-      terms: _taxonomy ? getEditedPostAttribute(_taxonomy.rest_base) : EMPTY_ARRAY,
-      loading: isResolving('getEntityRecords', ['taxonomy', slug, DEFAULT_QUERY]),
-      availableTerms: getEntityRecords('taxonomy', slug, DEFAULT_QUERY) || EMPTY_ARRAY,
-      taxonomy: _taxonomy
-    };
-  }, [slug]);
-  const {
-    editPost
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    saveEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  const availableTermsTree = (0, _element.useMemo)(() => sortBySelected((0, _terms.buildTermsTree)(availableTerms), terms),
-  // Remove `terms` from the dependency list to avoid reordering every time
-  // checking or unchecking a term.
-  [availableTerms]);
-  const {
-    createErrorNotice
-  } = (0, _data.useDispatch)(_notices.store);
+  } = (0, import_data.useSelect)(
+    (select) => {
+      const { getCurrentPost, getEditedPostAttribute } = select(import_store.store);
+      const { getEntityRecord, getEntityRecords, isResolving } = select(import_core_data.store);
+      const _taxonomy = getEntityRecord("root", "taxonomy", slug);
+      const post = getCurrentPost();
+      return {
+        hasCreateAction: _taxonomy ? !!post._links?.["wp:action-create-" + _taxonomy.rest_base] : false,
+        hasAssignAction: _taxonomy ? !!post._links?.["wp:action-assign-" + _taxonomy.rest_base] : false,
+        terms: _taxonomy ? getEditedPostAttribute(_taxonomy.rest_base) : EMPTY_ARRAY,
+        loading: isResolving("getEntityRecords", [
+          "taxonomy",
+          slug,
+          DEFAULT_QUERY
+        ]),
+        availableTerms: getEntityRecords("taxonomy", slug, DEFAULT_QUERY) || EMPTY_ARRAY,
+        taxonomy: _taxonomy
+      };
+    },
+    [slug]
+  );
+  const { editPost } = (0, import_data.useDispatch)(import_store.store);
+  const { saveEntityRecord } = (0, import_data.useDispatch)(import_core_data.store);
+  const availableTermsTree = (0, import_element.useMemo)(
+    () => sortBySelected((0, import_terms.buildTermsTree)(availableTerms), terms),
+    // Remove `terms` from the dependency list to avoid reordering every time
+    // checking or unchecking a term.
+    [availableTerms]
+  );
+  const { createErrorNotice } = (0, import_data.useDispatch)(import_notices.store);
   if (!hasAssignAction) {
     return null;
   }
-
-  /**
-   * Append new term.
-   *
-   * @param {Object} term Term object.
-   * @return {Promise} A promise that resolves to save term object.
-   */
-  const addTerm = term => {
-    return saveEntityRecord('taxonomy', slug, term, {
+  const addTerm = (term) => {
+    return saveEntityRecord("taxonomy", slug, term, {
       throwOnError: true
     });
   };
-
-  /**
-   * Update terms for post.
-   *
-   * @param {number[]} termIds Term ids.
-   */
-  const onUpdateTerms = termIds => {
-    editPost({
-      [taxonomy.rest_base]: termIds
-    });
+  const onUpdateTerms = (termIds) => {
+    editPost({ [taxonomy.rest_base]: termIds });
   };
-
-  /**
-   * Handler for checking term.
-   *
-   * @param {number} termId
-   */
-  const onChange = termId => {
+  const onChange = (termId) => {
     const hasTerm = terms.includes(termId);
-    const newTerms = hasTerm ? terms.filter(id => id !== termId) : [...terms, termId];
+    const newTerms = hasTerm ? terms.filter((id) => id !== termId) : [...terms, termId];
     onUpdateTerms(newTerms);
   };
-  const onChangeFormName = value => {
+  const onChangeFormName = (value) => {
     setFormName(value);
   };
-
-  /**
-   * Handler for changing form parent.
-   *
-   * @param {number|''} parentId Parent post id.
-   */
-  const onChangeFormParent = parentId => {
+  const onChangeFormParent = (parentId) => {
     setFormParent(parentId);
   };
   const onToggleForm = () => {
     setShowForm(!showForm);
   };
-  const onAddTerm = async event => {
-    var _taxonomy$labels$sing;
+  const onAddTerm = async (event) => {
     event.preventDefault();
-    if (formName === '' || adding) {
+    if (formName === "" || adding) {
       return;
     }
-
-    // Check if the term we are adding already exists.
     const existingTerm = findTerm(availableTerms, formParent, formName);
     if (existingTerm) {
-      // If the term we are adding exists but is not selected select it.
-      if (!terms.some(term => term === existingTerm.id)) {
+      if (!terms.some((term) => term === existingTerm.id)) {
         onUpdateTerms([...terms, existingTerm.id]);
       }
-      setFormName('');
-      setFormParent('');
+      setFormName("");
+      setFormParent("");
       return;
     }
     setAdding(true);
@@ -275,30 +190,33 @@ function HierarchicalTermSelector({
     try {
       newTerm = await addTerm({
         name: formName,
-        parent: formParent ? formParent : undefined
+        parent: formParent ? formParent : void 0
       });
     } catch (error) {
       createErrorNotice(error.message, {
-        type: 'snackbar'
+        type: "snackbar"
       });
       return;
     }
-    const defaultName = slug === 'category' ? (0, _i18n.__)('Category') : (0, _i18n.__)('Term');
-    const termAddedMessage = (0, _i18n.sprintf)(/* translators: %s: term name. */
-    (0, _i18n._x)('%s added', 'term'), (_taxonomy$labels$sing = taxonomy?.labels?.singular_name) !== null && _taxonomy$labels$sing !== void 0 ? _taxonomy$labels$sing : defaultName);
-    (0, _a11y.speak)(termAddedMessage, 'assertive');
+    const defaultName = slug === "category" ? (0, import_i18n.__)("Category") : (0, import_i18n.__)("Term");
+    const termAddedMessage = (0, import_i18n.sprintf)(
+      /* translators: %s: term name. */
+      (0, import_i18n._x)("%s added", "term"),
+      taxonomy?.labels?.singular_name ?? defaultName
+    );
+    (0, import_a11y.speak)(termAddedMessage, "assertive");
     setAdding(false);
-    setFormName('');
-    setFormParent('');
+    setFormName("");
+    setFormParent("");
     onUpdateTerms([...terms, newTerm.id]);
   };
-  const setFilter = value => {
-    const newFilteredTermsTree = availableTermsTree.map(getFilterMatcher(value)).filter(term => term);
-    const getResultCount = termsTree => {
+  const setFilter = (value) => {
+    const newFilteredTermsTree = availableTermsTree.map(getFilterMatcher(value)).filter((term) => term);
+    const getResultCount = (termsTree) => {
       let count = 0;
       for (let i = 0; i < termsTree.length; i++) {
         count++;
-        if (undefined !== termsTree[i].children) {
+        if (void 0 !== termsTree[i].children) {
           count += getResultCount(termsTree[i].children);
         }
       }
@@ -307,79 +225,110 @@ function HierarchicalTermSelector({
     setFilterValue(value);
     setFilteredTermsTree(newFilteredTermsTree);
     const resultCount = getResultCount(newFilteredTermsTree);
-    const resultsFoundMessage = (0, _i18n.sprintf)(/* translators: %d: number of results. */
-    (0, _i18n._n)('%d result found.', '%d results found.', resultCount), resultCount);
-    debouncedSpeak(resultsFoundMessage, 'assertive');
+    const resultsFoundMessage = (0, import_i18n.sprintf)(
+      /* translators: %d: number of results. */
+      (0, import_i18n._n)("%d result found.", "%d results found.", resultCount),
+      resultCount
+    );
+    debouncedSpeak(resultsFoundMessage, "assertive");
   };
-  const renderTerms = renderedTerms => {
-    return renderedTerms.map(term => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "editor-post-taxonomies__hierarchical-terms-choice",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
-          __nextHasNoMarginBottom: true,
-          checked: terms.indexOf(term.id) !== -1,
-          onChange: () => {
-            const termId = parseInt(term.id, 10);
-            onChange(termId);
-          },
-          label: (0, _htmlEntities.decodeEntities)(term.name)
-        }), !!term.children.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "editor-post-taxonomies__hierarchical-terms-subchoices",
-          children: renderTerms(term.children)
-        })]
-      }, term.id);
+  const renderTerms = (renderedTerms) => {
+    return renderedTerms.map((term) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "editor-post-taxonomies__hierarchical-terms-choice",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.CheckboxControl,
+              {
+                __nextHasNoMarginBottom: true,
+                checked: terms.indexOf(term.id) !== -1,
+                onChange: () => {
+                  const termId = parseInt(term.id, 10);
+                  onChange(termId);
+                },
+                label: (0, import_html_entities.decodeEntities)(term.name)
+              }
+            ),
+            !!term.children.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-post-taxonomies__hierarchical-terms-subchoices", children: renderTerms(term.children) })
+          ]
+        },
+        term.id
+      );
     });
   };
-  const labelWithFallback = (labelProperty, fallbackIsCategory, fallbackIsNotCategory) => {
-    var _taxonomy$labels$labe;
-    return (_taxonomy$labels$labe = taxonomy?.labels?.[labelProperty]) !== null && _taxonomy$labels$labe !== void 0 ? _taxonomy$labels$labe : slug === 'category' ? fallbackIsCategory : fallbackIsNotCategory;
-  };
-  const newTermButtonLabel = labelWithFallback('add_new_item', (0, _i18n.__)('Add Category'), (0, _i18n.__)('Add Term'));
-  const newTermLabel = labelWithFallback('new_item_name', (0, _i18n.__)('Add Category'), (0, _i18n.__)('Add Term'));
-  const parentSelectLabel = labelWithFallback('parent_item', (0, _i18n.__)('Parent Category'), (0, _i18n.__)('Parent Term'));
-  const noParentOption = `— ${parentSelectLabel} —`;
+  const labelWithFallback = (labelProperty, fallbackIsCategory, fallbackIsNotCategory) => taxonomy?.labels?.[labelProperty] ?? (slug === "category" ? fallbackIsCategory : fallbackIsNotCategory);
+  const newTermButtonLabel = labelWithFallback(
+    "add_new_item",
+    (0, import_i18n.__)("Add Category"),
+    (0, import_i18n.__)("Add Term")
+  );
+  const newTermLabel = labelWithFallback(
+    "new_item_name",
+    (0, import_i18n.__)("Add Category"),
+    (0, import_i18n.__)("Add Term")
+  );
+  const parentSelectLabel = labelWithFallback(
+    "parent_item",
+    (0, import_i18n.__)("Parent Category"),
+    (0, import_i18n.__)("Parent Term")
+  );
+  const noParentOption = `\u2014 ${parentSelectLabel} \u2014`;
   const newTermSubmitLabel = newTermButtonLabel;
-  const filterLabel = (_taxonomy$labels$sear = taxonomy?.labels?.search_items) !== null && _taxonomy$labels$sear !== void 0 ? _taxonomy$labels$sear : (0, _i18n.__)('Search Terms');
-  const groupLabel = (_taxonomy$name = taxonomy?.name) !== null && _taxonomy$name !== void 0 ? _taxonomy$name : (0, _i18n.__)('Terms');
+  const filterLabel = taxonomy?.labels?.search_items ?? (0, import_i18n.__)("Search Terms");
+  const groupLabel = taxonomy?.name ?? (0, import_i18n.__)("Terms");
   const showFilter = availableTerms.length >= MIN_TERMS_COUNT_FOR_FILTER;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-    direction: "column",
-    gap: "4",
-    children: [showFilter && !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
-      __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true,
-      label: filterLabel,
-      placeholder: filterLabel,
-      value: filterValue,
-      onChange: setFilter
-    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-      justify: "center",
-      style: {
-        // Match SearchControl height to prevent layout shift.
-        height: '40px'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "editor-post-taxonomies__hierarchical-terms-list",
-      tabIndex: "0",
-      role: "group",
-      "aria-label": groupLabel,
-      children: renderTerms('' !== filterValue ? filteredTermsTree : availableTermsTree)
-    }), !loading && hasCreateAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Flex, { direction: "column", gap: "4", children: [
+    showFilter && !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.SearchControl,
+      {
+        __next40pxDefaultSize: true,
+        __nextHasNoMarginBottom: true,
+        label: filterLabel,
+        placeholder: filterLabel,
+        value: filterValue,
+        onChange: setFilter
+      }
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Flex,
+      {
+        justify: "center",
+        style: {
+          // Match SearchControl height to prevent layout shift.
+          height: "40px"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {})
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "editor-post-taxonomies__hierarchical-terms-list",
+        tabIndex: "0",
+        role: "group",
+        "aria-label": groupLabel,
+        children: renderTerms(
+          "" !== filterValue ? filteredTermsTree : availableTermsTree
+        )
+      }
+    ),
+    !loading && hasCreateAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
         __next40pxDefaultSize: true,
         onClick: onToggleForm,
         className: "editor-post-taxonomies__hierarchical-terms-add",
         "aria-expanded": showForm,
         variant: "link",
         children: newTermButtonLabel
-      })
-    }), showForm && /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
-      onSubmit: onAddTerm,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-        direction: "column",
-        gap: "4",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+      }
+    ) }),
+    showForm && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: onAddTerm, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Flex, { direction: "column", gap: "4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.TextControl,
+        {
           __next40pxDefaultSize: true,
           __nextHasNoMarginBottom: true,
           className: "editor-post-taxonomies__hierarchical-terms-input",
@@ -387,7 +336,11 @@ function HierarchicalTermSelector({
           value: formName,
           onChange: onChangeFormName,
           required: true
-        }), !!availableTerms.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TreeSelect, {
+        }
+      ),
+      !!availableTerms.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.TreeSelect,
+        {
           __next40pxDefaultSize: true,
           __nextHasNoMarginBottom: true,
           label: parentSelectLabel,
@@ -395,18 +348,29 @@ function HierarchicalTermSelector({
           onChange: onChangeFormParent,
           selectedId: formParent,
           tree: availableTermsTree
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            __next40pxDefaultSize: true,
-            variant: "secondary",
-            type: "submit",
-            className: "editor-post-taxonomies__hierarchical-terms-submit",
-            children: newTermSubmitLabel
-          })
-        })]
-      })
-    })]
-  });
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Button,
+        {
+          __next40pxDefaultSize: true,
+          variant: "secondary",
+          type: "submit",
+          className: "editor-post-taxonomies__hierarchical-terms-submit",
+          children: newTermSubmitLabel
+        }
+      ) })
+    ] }) })
+  ] });
 }
-var _default = exports.default = (0, _components.withFilters)('editor.PostTaxonomyType')(HierarchicalTermSelector);
-//# sourceMappingURL=hierarchical-term-selector.js.map
+var hierarchical_term_selector_default = (0, import_components.withFilters)("editor.PostTaxonomyType")(
+  HierarchicalTermSelector
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HierarchicalTermSelector,
+  findTerm,
+  getFilterMatcher,
+  sortBySelected
+});
+//# sourceMappingURL=hierarchical-term-selector.js.map