@superleapai/flow-ui 2.5.12 → 2.5.13

package/components/record-multiselect.js

@@ -113,6 +113,24 @@
     return global.Icon;
   }
 
+  /**
+   * Get display name for the object from ObjectType: display_singular_name, display_plural_name, or slug.
+   * @param {{ display_singular_name?: string, display_plural_name?: string, slug?: string } | null} objectSchema - optional ObjectType
+   * @param {string} slug - objectSlug fallback
+   * @param {'singular'|'plural'} kind - which name to return
+   * @returns {string}
+   */
+  function getObjectDisplayName(objectSchema, slug, kind) {
+    var s = objectSchema;
+    var str = function (v) {
+      return typeof v === "string" && v ? v : "";
+    };
+    if (kind === "singular") {
+      return str(s && s.display_singular_name) || str(s && s.slug) || slug || "";
+    }
+    return str(s && s.display_plural_name) || str(s && s.display_singular_name) || str(s && s.slug) || slug || "";
+  }
+
   /**
    * Get iconStr and color for the object: from objectSchema.properties.icon_data first, else OBJECT_SLUG_TO_ICON, else IconDatabase fallback.
    * @param {string} slug - objectSlug
@@ -155,16 +173,21 @@
    * @param {number} [config.initialLimit] - Initial fetch limit (default 50)
    * @param {Array<string>} [config.displayFields] - Fields to display as secondary info (e.g. ["email", "phone"])
    * @param {Object} [config.initialFilter] - Optional filter object to merge with search (e.g. { field: "status", operator: "exact", value: "active" } or { and: [...] })
-   * @param {Object} [config.objectSchema] - Optional object type/schema; properties.icon_data { icon?, color? } used for static icon (not used for user; user shows Vivid Avatar)
+   * @param {Object} [config.objectSchema] - Optional ObjectType; display_plural_name/display_singular_name/slug used for placeholder/search/summary label; properties.icon_data { icon?, color? } for static icon (not used for user; user shows Vivid Avatar)
    * @returns {HTMLElement} Record multiselect container element
    */
   function createRecordMultiSelect(config) {
     var fieldId = config.fieldId;
     var objectSlug = config.objectSlug;
     var objectSchema = config.objectSchema || null;
-    var placeholder = config.placeholder || "Select records";
-    var searchPlaceholder = config.searchPlaceholder || "Search " + (objectSlug || "") + "...";
-    var summaryLabel = config.label || "selected";
+    var displayPlural = getObjectDisplayName(objectSchema, objectSlug, "plural");
+    var placeholder =
+      config.placeholder ||
+      (displayPlural ? "Select " + displayPlural : "Select records");
+    var searchPlaceholder =
+      config.searchPlaceholder ||
+      "Search " + (displayPlural || objectSlug || "") + "...";
+    var summaryLabel = config.label || (displayPlural || "selected");
     var onValuesChange = config.onValuesChange;
     var variant = config.variant || "default";
     var size = config.size || "default";
@@ -320,7 +343,7 @@
         },
       });
       var inputEl = searchInputWrapper.getInput();
-      if (inputEl) inputEl.setAttribute("aria-label", "Search records");
+      if (inputEl) inputEl.setAttribute("aria-label", "Search " + (displayPlural || "records"));
       searchInputEl = inputEl;
       searchWrap.appendChild(searchInputWrapper);
     } else {
@@ -337,7 +360,7 @@
       searchInput.className =
         "w-full bg-transparent text-reg-13 text-typography-primary-text placeholder:text-typography-quaternary-text focus:outline-none border-none";
       searchInput.placeholder = searchPlaceholder;
-      searchInput.setAttribute("aria-label", "Search records");
+      searchInput.setAttribute("aria-label", "Search " + (displayPlural || "records"));
       searchInputEl = searchInput;
       fallbackWrapper.appendChild(searchInput);
       searchWrap.appendChild(fallbackWrapper);

package/components/record-select.js

@@ -121,6 +121,24 @@
     return global.Icon;
   }
 
+  /**
+   * Get display name for the object from ObjectType: display_singular_name, display_plural_name, or slug.
+   * @param {{ display_singular_name?: string, display_plural_name?: string, slug?: string } | null} objectSchema - optional ObjectType
+   * @param {string} slug - objectSlug fallback
+   * @param {'singular'|'plural'} kind - which name to return
+   * @returns {string}
+   */
+  function getObjectDisplayName(objectSchema, slug, kind) {
+    var s = objectSchema;
+    var str = function (v) {
+      return typeof v === "string" && v ? v : "";
+    };
+    if (kind === "singular") {
+      return str(s && s.display_singular_name) || str(s && s.slug) || slug || "";
+    }
+    return str(s && s.display_plural_name) || str(s && s.display_singular_name) || str(s && s.slug) || slug || "";
+  }
+
   /**
    * Get iconStr and color for the object: from objectSchema.properties.icon_data first, else OBJECT_SLUG_TO_ICON, else IconDatabase fallback.
    * @param {string} slug - objectSlug
@@ -174,16 +192,21 @@
    * @param {boolean} [config.canClear] - Show clear button when value is set
    * @param {number} [config.initialLimit] - Initial fetch limit (default 50)
    * @param {Object} [config.initialFilter] - Optional filter object to merge with search (e.g. { field: "status", operator: "exact", value: "active" } or { and: [...] })
-   * @param {Object} [config.objectSchema] - Optional object type/schema; properties.icon_data { svg?, color? } used for static icon (not used for user; user shows Vivid Avatar)
+   * @param {Object} [config.objectSchema] - Optional ObjectType; display_singular_name/display_plural_name/slug used for placeholder/search text; properties.icon_data { icon?, color? } for static icon (not used for user; user shows Vivid Avatar)
    * @returns {HTMLElement} Record select container element
    */
   function createRecordSelect(config) {
     var fieldId = config.fieldId;
     var objectSlug = config.objectSlug;
     var objectSchema = config.objectSchema || null;
-    var placeholder = config.placeholder || "Select a record";
+    var displaySingular = getObjectDisplayName(objectSchema, objectSlug, "singular");
+    var displayPlural = getObjectDisplayName(objectSchema, objectSlug, "plural");
+    var placeholder =
+      config.placeholder ||
+      (displaySingular ? "Select a " + displaySingular : "Select a record");
     var searchPlaceholder =
-      config.searchPlaceholder || "Search " + (objectSlug || "") + "...";
+      config.searchPlaceholder ||
+      "Search " + (displayPlural || objectSlug || "") + "...";
     var onChange = config.onChange;
     var variant = config.variant || "default";
     var size = config.size || "default";
@@ -317,7 +340,7 @@
         },
       });
       var inputEl = searchInputWrapper.getInput();
-      if (inputEl) inputEl.setAttribute("aria-label", "Search records");
+      if (inputEl) inputEl.setAttribute("aria-label", "Search " + (displayPlural || "records"));
       searchInputEl = inputEl;
       searchWrap.appendChild(searchInputWrapper);
     } else {
@@ -334,7 +357,7 @@
       searchInput.className =
         "w-full bg-transparent text-reg-13 text-typography-primary-text placeholder:text-typography-quaternary-text focus:outline-none border-none";
       searchInput.placeholder = searchPlaceholder;
-      searchInput.setAttribute("aria-label", "Search records");
+      searchInput.setAttribute("aria-label", "Search " + (displayPlural || "records"));
       searchInputEl = searchInput;
       fallbackWrapper.appendChild(searchInput);
       searchWrap.appendChild(fallbackWrapper);