tabler-react-2 0.1.137 → 0.1.139

package/dist/input/dropdown.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../index");
 var _util = require("../util");
-var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight", "required"];
+var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight", "required", "autofocusSearch"];
 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; }
@@ -44,6 +44,8 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     _ref$maxHeight = _ref.maxHeight,
     maxHeight = _ref$maxHeight === void 0 ? "300px" : _ref$maxHeight,
     required = _ref.required,
+    _ref$autofocusSearch = _ref.autofocusSearch,
+    autofocusSearch = _ref$autofocusSearch === void 0 ? false : _ref$autofocusSearch,
     props = _objectWithoutProperties(_ref, _excluded);
   var values = ivalues || items || [];
   var getLabelText = function getLabelText(val) {
@@ -118,7 +120,7 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     className: "btn dropdown-toggle ".concat(props.disabled ? "disabled" : "", " ").concat(color ? "btn-".concat(outline ? "outline-" : "").concat(color) : "", " ").concat(props.className || ""),
     "data-bs-toggle": "dropdown"
   }, aprops), /*#__PURE__*/_react["default"].createElement(_util.Row, {
-    gap: 0.25
+    gap: 0.5
   }, selectedValue && props.showIconInPrompt ? selectedValue.icon : null, selectedValue ? selectedValue.label : prompt)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "dropdown-menu"
   }, showSearch && /*#__PURE__*/_react["default"].createElement("div", {
@@ -128,6 +130,9 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     value: searchQuery,
     onChange: function onChange(q) {
       return setSearchQuery(q);
+    },
+    inputProps: {
+      autoFocus: autofocusSearch
     }
   })), /*#__PURE__*/_react["default"].createElement("div", {
     style: {

package/dist/input/input.js

@@ -98,7 +98,7 @@ var Input = exports.Input = function Input(_ref) {
       autoComplete: autocomplete
     }, inputProps)) : /*#__PURE__*/_react["default"].createElement("input", _extends({
       type: type,
-      className: (0, _classnames["default"])("form-control", variant && "border-".concat(variant), variant && "text-".concat(variant), variant && "bg-".concat(variant, "-lt"), size && "form-control-".concat(size)),
+      className: (0, _classnames["default"])("form-control", variant && "border-".concat(variant), variant && "text-".concat(variant), variant && "bg-".concat(variant, "-lt"), size && "form-control-".concat(size), props.inputClassName),
       placeholder: placeholder,
       value: value !== null && value !== void 0 ? value : "" // Always ensure value is a string
       ,

package/docs/src/docs/changelog.mdx

@@ -2,6 +2,14 @@
 title: Changelog
 ---
 
+# 0.1.138
+
+- Added `autofocusSearch` prop to the `DropdownInput` component.
+
+# 0.1.137
+
+- Added `showIconInPrompt` prop to the `DropdownInput` component and allowed the `className` prop to be passed to the `DropdownInput` component.
+
 # 0.1.135
 
 - Fixed awkward sizing of Hr's without text.

package/package.json

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