tabler-react-2 0.1.118 → 0.1.120

package/dist/input/enclosedselectgroup.js

@@ -34,7 +34,9 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     _ref$itemStyle = _ref.itemStyle,
-    itemStyle = _ref$itemStyle === void 0 ? {} : _ref$itemStyle;
+    itemStyle = _ref$itemStyle === void 0 ? {} : _ref$itemStyle,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? false : _ref$small;
   // generate a unique name for each instance so radio groups don't collide
   var groupName = (0, _react.useId)();
   var handleChange = function handleChange(selectedItem) {
@@ -83,7 +85,7 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
       disabled: item.disabled,
       className: "form-selectgroup-input"
     }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "form-selectgroup-label d-flex p-3 ".concat(item.disabled ? "bg-gray-400" : ""),
+      className: "form-selectgroup-label d-flex ".concat(small ? "p-2" : "p-3", " ").concat(item.disabled ? "bg-gray-200" : ""),
       style: {
         pointerEvents: item.disabled ? "none" : undefined,
         cursor: item.disabled ? "not-allowed" : undefined

package/dist/input/input.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _spinner = require("../spinner");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["type", "label", "placeholder", "value", "onChange", "onRawChange", "onInput", "icon", "iconPos", "loader", "separated", "prependedText", "appendedText", "appendedLinkText", "appendedLinkHref", "appendedLinkOnClick", "datalistItems", "variant", "size", "noMargin", "inputProps", "helpText", "helpTextPlacement", "helpPrompt", "required", "hint", "labelDescription", "autocomplete"];
+var _excluded = ["type", "label", "placeholder", "value", "onChange", "onRawChange", "onInput", "icon", "iconPos", "loader", "separated", "prependedText", "appendedText", "appendedLinkText", "appendedLinkHref", "appendedLinkOnClick", "datalistItems", "variant", "size", "noMargin", "inputProps", "helpText", "helpTextPlacement", "helpPrompt", "required", "hint", "labelDescription", "autocomplete", "useTextarea"];
 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; }
@@ -56,6 +56,8 @@ var Input = exports.Input = function Input(_ref) {
     hint = _ref.hint,
     labelDescription = _ref.labelDescription,
     autocomplete = _ref.autocomplete,
+    _ref$useTextarea = _ref.useTextarea,
+    useTextarea = _ref$useTextarea === void 0 ? false : _ref$useTextarea,
     props = _objectWithoutProperties(_ref, _excluded);
   // State for managing uncontrolled input value
   var _useState = (0, _react.useState)(controlledValue),
@@ -86,7 +88,15 @@ var Input = exports.Input = function Input(_ref) {
     }
   };
   var renderInput = function renderInput() {
-    return /*#__PURE__*/_react["default"].createElement("input", _extends({
+    return useTextarea ? /*#__PURE__*/_react["default"].createElement("textarea", _extends({
+      className: (0, _classnames["default"])("form-control", variant && "border-".concat(variant), variant && "text-".concat(variant), variant && "bg-".concat(variant, "-lt"), size && "form-control-".concat(size)),
+      placeholder: placeholder,
+      value: value !== null && value !== void 0 ? value : "" // Always ensure value is a string
+      ,
+      onChange: handleInputChange,
+      list: datalistItems.length > 0 ? "datalist-options" : undefined,
+      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)),
       placeholder: placeholder,

package/package.json

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