@longline/aqua-ui 1.0.103 → 1.0.104

package/inputs/Dropdown/Dropdown.d.ts

@@ -11,7 +11,7 @@ interface IDropdownProps {
     /**
      * Data to show in Dropdown.
      */
-    data: any[];
+    data?: any[];
     /**
      * If set, Dropdown's value can be cleared.
      * @default false

package/inputs/Dropdown/Dropdown.js

@@ -183,7 +183,7 @@ var DropdownBase = function (props) {
     var selectItemByCharacter = function (c) {
         c = c.toLowerCase();
         // Go through all (non-null) data records:
-        var idx = props.data.filter(function (r) { return r != null; }).findIndex(function (row) {
+        var idx = (props.data || []).filter(function (r) { return r != null; }).findIndex(function (row) {
             // Build a list of strings contained in the data row:
             var strings = [];
             // If data row is an object, convert all its keys to string.
@@ -199,10 +199,12 @@ var DropdownBase = function (props) {
         });
         // Was a matching row found?
         if (idx != -1) {
-            handleClick(props.data[idx]);
+            handleClick((props.data || [])[idx]);
         }
     };
     var selectPreviousItem = function () {
+        if (!props.data)
+            return;
         var prevIndex = props.data.indexOf(value) - 1;
         if (prevIndex < 0)
             prevIndex = 0;
@@ -212,6 +214,8 @@ var DropdownBase = function (props) {
         bodyRef.current.children[0].children[0].children[prevIndex].scrollIntoView({ block: 'start', inline: 'nearest' });
     };
     var selectNextItem = function () {
+        if (!props.data)
+            return;
         var nextIndex = props.data.indexOf(value) + 1;
         if (props.data.length <= nextIndex)
             return;
@@ -336,8 +340,8 @@ var DropdownBase = function (props) {
             if (child.type && child.type === Column)
                 return child;
         });
-        var activeIndex = props.data.indexOf(value);
-        return props.data.map(function (row, index) {
+        var activeIndex = (props.data || []).indexOf(value);
+        return (props.data || []).map(function (row, index) {
             return (React.createElement(ListRow, { active: index == activeIndex, key: index + 1, gap: props.gap, onClick: function () { return handleClick(row); } }, columns.map(function (child, index) {
                 return (React.createElement(ListCell, { key: index, width: child.props.width, align: child.props.align }, row !== null && child.props.children(row)));
             })));

package/package.json

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