@sikka/hawa 0.0.26 → 0.0.27

package/src/elements/HawaTextArea.js

@@ -1,38 +1,26 @@
+import { useTheme } from "@mui/system";
 import React from "react";
-import { Controller, useFormContext } from "react-hook-form";
-import { StyledInputLabel } from ".";
 
 export const HawaTextArea = (props) => {
-  const { control } = useFormContext();
-  const { name, rules, shouldUnregister, inputLabel, helperText } = props;
-
+  const theme = useTheme();
+  console.log("theme is ", theme);
   return (
-    <Controller
-      render={({ field }) => (
-        <label>
-          {inputLabel ? <StyledInputLabel label={inputLabel} /> : null}
-          <textarea
-            style={{
-              color: "black",
-              backgroundColor: props.bgColor || "white",
-              // borderRadius: props.bdRadius || 10,
-              borderBottom: "none",
-              border: "none",
-              width: "100%",
-              padding: 0,
-              margin: 0,
-              marginBottom: 0,
-              resize: props.resize || "vertical"
-            }}
-            value={field.value ?? ""}
-            {...field}
-          />
-        </label>
-      )}
-      name={name}
-      rules={rules}
-      control={control}
-      shouldUnregister={shouldUnregister}
-    />
+    <label>
+      {/* {inputLabel ? <StyledInputLabel label={inputLabel} /> : null} */}
+      <textarea
+        style={{
+          color: "black",
+          backgroundColor: props.bgColor || "white",
+          borderBottom: "none",
+          border: "none",
+          width: "100%",
+          padding: 0,
+          margin: 0,
+          marginBottom: 0,
+          resize: props.resize || "vertical"
+        }}
+        // value={field.value ?? ""}
+      />
+    </label>
   );
 };

package/src/elements/HawaTextField.js

@@ -5,28 +5,24 @@ import Typography from "@mui/material/Typography";
 
 export const HawaTextField = (props) => {
   return (
-    <div
-      style={
-        props.inForm && {
-          width: "100%"
-        }
-      }
-    >
-      <div
-        style={{
-          display: "flex",
-          flexDirection: "row",
-          justifyContent: "space-between",
-          alignItems: "center"
-        }}
-      >
-        {props.label && <InputLabel>{props.label}</InputLabel>}
+    <div style={props.inForm && { width: "100%" }}>
+      <div style={{ width: props.fullWidth ? "100%" : "fit-content" }}>
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center"
+          }}
+        >
+          {props.label && <InputLabel>{props.label}</InputLabel>}
 
-        {props.helperText && (
-          <Typography variant="validation">{props.helperText}</Typography>
-        )}
+          {props.helperText && (
+            <Typography variant="validation">{props.helperText}</Typography>
+          )}
+        </div>
+        <Input disableUnderline {...props} />
       </div>
-      <Input disableUnderline {...props} />
     </div>
   );
 };

package/src/elements/index.js

@@ -10,6 +10,7 @@ export * from "./HawaLogoButton";
 export * from "./HawaButton";
 export * from "./HawaSelect";
 export * from "./HawaTextField";
+export * from "./HawaTextArea";
 export * from "./HawaInputLabel";
 export * from "./HawaTypography";
 export * from "./HawaAlert";

package/storybook-static/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.741b86a0.iframe.bundle.js"></script><script src="main.20c7df82.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.b026595c.iframe.bundle.js"></script><script src="main.bc81d4bb.iframe.bundle.js"></script></body></html>