tabler-react-2 0.1.100 → 0.1.102

package/dist/input/dropdown.js

@@ -7,7 +7,7 @@ exports.DropdownInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../index");
-var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline"];
+var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -40,6 +40,8 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
     color = _ref.color,
     outline = _ref.outline,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? "300px" : _ref$maxHeight,
     props = _objectWithoutProperties(_ref, _excluded);
   // Allow aliasing: pass either `values` or `items`
   var values = ivalues || items || [];
@@ -131,7 +133,12 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     onChange: function onChange(value) {
       return setSearchQuery(value);
     }
-  })), filteredValues.map(function (val, index) {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxHeight: maxHeight,
+      overflowY: "auto"
+    }
+  }, filteredValues.map(function (val, index) {
     var _val$dropdownText2;
     return /*#__PURE__*/_react["default"].createElement("a", {
       key: index,
@@ -145,7 +152,7 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     }, (_val$dropdownText2 = val.dropdownText) !== null && _val$dropdownText2 !== void 0 ? _val$dropdownText2 : val.label);
   }), filteredValues.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "dropdown-item text-muted"
-  }, "No results found")));
+  }, "No results found"))));
 
   // If a label is provided, wrap the dropdown with the label inside a container.
   return label && showLabel ? /*#__PURE__*/_react["default"].createElement(_index.Util.Col, null, /*#__PURE__*/_react["default"].createElement("label", {

package/dist/input/input.js

@@ -158,7 +158,7 @@ var Input = exports.Input = function Input(_ref) {
     return /*#__PURE__*/_react["default"].createElement("option", {
       key: index,
       value: item
-    });
+    }, item);
   }))), hint && /*#__PURE__*/_react["default"].createElement("div", {
     className: "form-hint"
   }, hint));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabler-react-2",
-  "version": "0.1.100",
+  "version": "0.1.102",
   "description": "A react implementation of Tabler ui",
   "main": "dist/index.js",
   "scripts": {