thailife-react 0.0.31 → 0.0.32

package/dist/cjs/index.js

@@ -399,7 +399,7 @@ const Radio = React.forwardRef(function RadioItem(_a, ref) {
 });
 Radio.displayName = "Radio";
 
-const Select = React.forwardRef(({ options, value, placeholder = 'Select an option', disabled = false, className = '', onChange, register, }, ref) => {
+const Select = React.forwardRef(({ options, value, placeholder = 'Select an option', disabled = false, className = '', onChange, register, error, }, ref) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const [selectedValue, setSelectedValue] = React.useState(value || '');
     const selectRef = React.useRef(null);
@@ -424,7 +424,7 @@ const Select = React.forwardRef(({ options, value, placeholder = 'Select an opti
         };
     }, []);
     return (React.createElement("div", { ref: ref, className: `relative ${className}` },
-        React.createElement("button", Object.assign({ type: "button", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, className: `w-full px-4 h-[44px] text-left bg-white border border-gray-300 rounded-md focus:outline-none focus:border-2 focus:border-primary ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'} flex items-center justify-between` }, register),
+        React.createElement("button", Object.assign({ type: "button", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, className: `w-full px-4 h-[44px] text-left bg-white border rounded-md focus:outline-none focus:border-2 ${error ? 'border-danger focus:border-danger' : 'border-gray-300 focus:border-primary'} ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'} flex items-center justify-between` }, register),
             React.createElement("div", { className: "flex items-center" },
                 (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (React.createElement("span", { className: "mr-2" }, selectedOption.icon)),
                 React.createElement("span", { className: selectedOption ? 'text-gray-900' : 'text-gray-500' }, selectedOption ? selectedOption.label : placeholder)),
@@ -432,7 +432,8 @@ const Select = React.forwardRef(({ options, value, placeholder = 'Select an opti
                 React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
         isOpen && (React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto" }, options.map((option) => (React.createElement("button", { key: option.value, type: "button", onClick: () => handleSelect(option), className: `w-full px-4 py-2 text-left hover:bg-gray-100 focus:outline-none focus:bg-gray-100 flex items-center ${option.value === selectedValue ? 'bg-blue-50 text-primary' : ''}` },
             option.icon && React.createElement("span", { className: "mr-2" }, option.icon),
-            option.label)))))));
+            option.label))))),
+        error && (React.createElement("p", { className: "mt-1 text-danger" }, error))));
 });
 Select.displayName = 'Select';