@longline/aqua-ui 1.0.250 → 1.0.252

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/map/controls/FullscreenButton/FullscreenButton.d.ts

@@ -6,6 +6,13 @@ interface IFullscreenButtonProps {
      * will be the map's direct container.
      */
     container?: HTMLDivElement;
+    /**
+     * For `map` mode, fullscreen mode affect map control only, but this will
+     * not work if the map has children that have expanding elements using
+     * portals.  In `document` mode, the entire application is made fullscreen.
+     * @default document
+     */
+    mode?: 'map' | 'document';
 }
 /**
  * The `FullscreenButton` toggles the map full-screen when clicked.
@@ -18,7 +25,7 @@ interface IFullscreenButtonProps {
  * ```
  */
 declare const FullscreenButton: {
-    ({ hint, ...props }: IMapButtonProps & IFullscreenButtonProps): React.JSX.Element;
+    ({ hint, mode, ...props }: IMapButtonProps & IFullscreenButtonProps): React.JSX.Element;
     displayName: string;
 };
 export { FullscreenButton, IFullscreenButtonProps };

package/map/controls/FullscreenButton/FullscreenButton.js

@@ -34,9 +34,8 @@ import { MapButton } from '../base/MapButton';
  * ```
  */
 var FullscreenButton = function (_a) {
-    var _b = _a.hint, hint = _b === void 0 ? React.createElement(React.Fragment, null, "Toggle fullscreen map") : _b, props = __rest(_a, ["hint"]);
+    var _b = _a.hint, hint = _b === void 0 ? React.createElement(React.Fragment, null, "Toggle fullscreen map") : _b, _c = _a.mode, mode = _c === void 0 ? 'document' : _c, props = __rest(_a, ["hint", "mode"]);
     var map = useMap().current;
-    //
     // Does the browser offer full screen support?
     var checkFullscreenSupport = function () {
         return !!(window.document.fullscreenEnabled ||
@@ -44,11 +43,16 @@ var FullscreenButton = function (_a) {
     };
     var toggle = function () {
         if (document.fullscreenElement === null) {
-            if (props.container) {
-                props.container.requestFullscreen();
+            if (mode == 'map') {
+                if (props.container) {
+                    props.container.requestFullscreen();
+                }
+                else {
+                    map.getContainer().requestFullscreen();
+                }
             }
             else {
-                map.getContainer().requestFullscreen();
+                window.document.documentElement.requestFullscreen();
             }
         }
         else {

package/package.json

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