pixelize-design-library 2.3.1-beta.3 → 2.3.1-beta.5

package/dist/Utils/table.js

@@ -137,14 +137,19 @@ function pickTableColor(value, palette, override) {
         return { solid: "#8B3FC8", soft: "#8B3FC822", text: "#8B3FC8" };
     return palette[hashKey(value) % palette.length];
 }
-/** Partition rows by a column key, preserving first-seen group order. */
+/**
+ * Partition rows by a column, preserving first-seen group order. The group key is
+ * a normalized string so object/array values (e.g. a `user` field that is an object
+ * or an array of users) group together by their readable text instead of by object
+ * identity.
+ */
 function groupRows(data, groupBy) {
     var order = [];
     var map = new Map();
     for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {
         var row = data_1[_i];
-        var raw = row[groupBy];
-        var key = raw === undefined || raw === null || raw === "" ? "—" : raw;
+        var text = getStringValue(row[groupBy]);
+        var key = text === "" ? "—" : text;
         if (!map.has(key)) {
             map.set(key, []);
             order.push(key);
@@ -170,21 +175,49 @@ var extractTextFromReactNode = function (node) {
     }
     return "";
 };
+/** Best-effort readable text for an entity object (user/relation/option/etc.). */
+var objectToText = function (o) {
+    var _a, _b;
+    if (typeof o.label === "string" || typeof o.label === "number")
+        return String(o.label);
+    if (typeof o.name === "string" || typeof o.name === "number")
+        return String(o.name);
+    var first = (_a = o.first_name) !== null && _a !== void 0 ? _a : o.firstName;
+    var last = (_b = o.last_name) !== null && _b !== void 0 ? _b : o.lastName;
+    if (typeof first === "string" || typeof last === "string") {
+        return "".concat(first !== null && first !== void 0 ? first : "", " ").concat(last !== null && last !== void 0 ? last : "").trim();
+    }
+    if (typeof o.full_name === "string")
+        return o.full_name;
+    if (typeof o.title === "string")
+        return o.title;
+    if (typeof o.company_name === "string")
+        return o.company_name;
+    if (typeof o.email === "string")
+        return o.email;
+    if (typeof o.value === "string" || typeof o.value === "number")
+        return String(o.value);
+    return "";
+};
+/**
+ * Readable string for any cell value. Handles primitives, React elements, entity
+ * objects (e.g. `user`: `{ name }` / `{ first_name, last_name }`), and arrays of
+ * any of those (e.g. a multi-user field) by joining their texts.
+ */
 var getStringValue = function (value) {
-    if (typeof value === "string" || typeof value === "number") {
+    if (value === null || value === undefined)
+        return "";
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
         return String(value);
     }
     if (react_1.default.isValidElement(value)) {
         return extractTextFromReactNode(value);
     }
-    if (value && typeof value === "object") {
-        var o = value;
-        if (typeof o.label === "string" || typeof o.label === "number") {
-            return String(o.label);
-        }
-        if (typeof o.name === "string" || typeof o.name === "number") {
-            return String(o.name);
-        }
+    if (Array.isArray(value)) {
+        return value.map(getStringValue).filter(function (s) { return s !== ""; }).join(", ");
+    }
+    if (typeof value === "object") {
+        return objectToText(value);
     }
     return "";
 };
@@ -203,21 +236,8 @@ function normalizeTableCellValue(value) {
     if (react_1.default.isValidElement(value)) {
         return value;
     }
-    if (typeof value === "object") {
-        var o = value;
-        if (typeof o.label === "string" || typeof o.label === "number") {
-            return String(o.label);
-        }
-        if (typeof o.name === "string" || typeof o.name === "number") {
-            return String(o.name);
-        }
-        if (typeof o.title === "string")
-            return o.title;
-        if (typeof o.company_name === "string")
-            return o.company_name;
-        return "";
-    }
-    return String(value);
+    // Objects (relation/user) and arrays (multi-user / multi-select) → readable text.
+    return getStringValue(value);
 }
 var searchAndSortData = function (data, searchValues) {
     var filteredData = data.filter(function (item) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.1-beta.3",
+  "version": "2.3.1-beta.5",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",