sprint-asia-custom-component 0.1.160 → 0.1.161

package/dist/index.js

@@ -29144,6 +29144,7 @@
 
   const TextInput = ({
     title = "",
+    rightComponent = null,
     leftIcon = null,
     rightIcon = null,
     placeholder = "",
@@ -29172,13 +29173,15 @@
     };
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: `w-full ${className}`
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex justify-between w-full items-center"
     }, title && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black mb-1"
     }, title), isRequired && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-danger500 ml-1"
-    }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "*")), rightComponent && /*#__PURE__*/React__default["default"].createElement("div", null, rightComponent)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "relative rounded-md"
     }, /*#__PURE__*/React__default["default"].createElement("section", {
       className: "absolute inset-y-0 left-0 pl-2 flex items-center justify-center gap-2"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.160",
+  "version": "0.1.161",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/textinput/index.js

@@ -3,6 +3,7 @@ import { PiEyeClosedLight, PiEye, PiInfo } from "react-icons/pi";
 
 const TextInput = ({
   title = "",
+  rightComponent = null,
   leftIcon = null,
   rightIcon = null,
   placeholder = "",
@@ -16,7 +17,7 @@ const TextInput = ({
   rightAdornment,
   leftAdornment,
   minimum,
-  maximum
+  maximum,
 }) => {
   const [isFocused, setIsFocused] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
@@ -35,12 +36,17 @@ const TextInput = ({
 
   return (
     <div className={`w-full ${className}`}>
-      {title && (
-        <div className="flex">
-          <p className="text-sm font-normal text-black mb-1">{title}</p>
-          {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
-        </div>
-      )}
+      <div className="flex justify-between w-full items-center">
+        {title && (
+          <div className="flex">
+            <p className="text-sm font-normal text-black mb-1">{title}</p>
+            {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
+          </div>
+        )}
+        {
+          rightComponent && <div>{rightComponent}</div>
+        }
+      </div>
 
       <div className="relative rounded-md">
         <section className="absolute inset-y-0 left-0 pl-2 flex items-center justify-center gap-2">

package/src/templates/index.js

@@ -1598,6 +1598,8 @@ const Templates = () => {
 
       <div className="m-9"></div>
       <p className="text-black font-bold text-2xl text-center py-2">Text Input</p>
+      <TextInput title="Default Input" placeholder="Type something..." value={inputValue} onChange={setInputValue} rightComponent={<div className="flex items-center mb-2"><Switch /><p className="ml-2">Auto</p></div>}/>
+
       <TextInput title="Default Input" placeholder="Type something..." value={inputValue} onChange={setInputValue} />
 
       <TextInput