@dreamtree-org/twreact-ui 1.0.80 → 1.0.81

package/dist/index.js

@@ -3365,7 +3365,7 @@ function _defineProperty$4(e, r, t) {
   }) : e[r] = t, e;
 }
 
-var _excluded$l = ["options", "value", "onChange", "placeholder", "label", "error", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel"];
+var _excluded$l = ["options", "value", "onChange", "placeholder", "label", "error", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name"];
 function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -3441,6 +3441,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     _ref$maxTagCount = _ref.maxTagCount,
     maxTagCount = _ref$maxTagCount === void 0 ? 3 : _ref$maxTagCount,
     renderGroupLabel = _ref.renderGroupLabel,
+    name = _ref.name,
     props = _objectWithoutProperties$1(_ref, _excluded$l);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -3849,7 +3850,24 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     className: cn$1("h-4 w-4 text-gray-400 transition-transform", {
       "rotate-180": isOpen
     })
-  }))), isOpen && /*#__PURE__*/React.createElement("div", {
+  }))), name && (multiSelect ?
+  // For multi-select, create a hidden input for each selected value
+  selectedValues.length > 0 ? selectedValues.map(function (val, idx) {
+    return /*#__PURE__*/React.createElement("input", {
+      key: "".concat(name, "-").concat(idx),
+      type: "hidden",
+      name: name,
+      value: val !== null && val !== void 0 ? val : ""
+    });
+  }) : /*#__PURE__*/React.createElement("input", {
+    type: "hidden",
+    name: name,
+    value: ""
+  }) : /*#__PURE__*/React.createElement("input", {
+    type: "hidden",
+    name: name,
+    value: selectedValues !== null && selectedValues !== void 0 ? selectedValues : ""
+  })), isOpen && /*#__PURE__*/React.createElement("div", {
     ref: menuRef,
     className: cn$1("absolute z-50 w-full rounded-md border border-gray-300 bg-white shadow-lg", {
       // if placement is bottom, place it below with margin-top; if top, place it above with bottom full and margin-bottom