@longline/aqua-ui 1.0.251 → 1.0.253

package/containers/Form/Field.js

@@ -138,7 +138,7 @@ var Field = function (props) {
             transparent: transparent,
             ghost: ghost,
             // If wrapped, set control to fluid. Otherwise use control's fluid setting:
-            fluid: props.wrapper ? true : props.control.fluid
+            fluid: props.wrapper ? true : props.control.props.fluid
         });
     };
     var getLabel = function () {

package/controls/ListView/Column.d.ts

@@ -7,7 +7,7 @@ interface IColumnProps {
     /**
      * Optional label. `name` will be used if not specified.
      */
-    label?: string;
+    label?: string | React.ReactNode;
     /**
      * Column width. If a number, e.g. `1`, then it is the column's weight,
      * relative to other columns. If it is a string, e.g. `50px`, then it is

package/controls/ListView/ColumnsManager/SourceColumns.js

@@ -30,8 +30,28 @@ var SourceColumnsBase = function (props) {
     var handleQ = function (value) {
         setQ(value);
     };
+    /**
+     * Convert a React node into a plain text string.
+     * Handles strings, numbers, arrays, and nested React elements recursively.
+     */
+    var reactNodeToString = function (node) {
+        if (node === null || node === undefined || typeof node === 'boolean')
+            return null;
+        if (typeof node === 'string' || typeof node === 'number')
+            return String(node);
+        // If it's an array of nodes, recursively join them
+        if (Array.isArray(node)) {
+            return node.map(reactNodeToString).join('');
+        }
+        // If it's a React element, recurse into its children
+        if (React.isValidElement(node)) {
+            return reactNodeToString(node.props.children);
+        }
+        // Fallback
+        return '';
+    };
     return (React.createElement("div", { className: props.className },
-        React.createElement(List, { maxItems: 6, search: q, placeholder: "Search...", onSearch: handleQ }, props.columns.filter(function (c) { return !q || (c.label || c.name).toLowerCase().includes(q); }).sort(function (a, b) { return (a.label || a.name).localeCompare(b.label || b.name); }).map(function (c) {
+        React.createElement(List, { maxItems: 6, search: q, placeholder: "Search...", onSearch: handleQ }, props.columns.filter(function (c) { return !q || (reactNodeToString(c.label) || c.name).toLowerCase().includes(q); }).sort(function (a, b) { return (reactNodeToString(a.label) || a.name).localeCompare(reactNodeToString(b.label) || b.name); }).map(function (c) {
             return React.createElement(Entry, { key: c.name },
                 React.createElement(Selector, { disabled: c.fixed, checked: !!c.active, onChange: function () { return handleChange(c.name); } }),
                 c.label || c.name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.251",
+  "version": "1.0.253",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",