@zenpatient-org/healthspan-marketing-ui 0.1.61 → 0.1.62

package/dist/components/TextInput/TextInput.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),e=require("./textInput.module.css.cjs.js"),l=require("../../utils/cn/cn.cjs.js"),g=require("../Button/Button.cjs.js"),E=require("../Icon/Icon.cjs.js"),B=require("../Icon/constants.cjs.js"),V=({placeholder:y,variant:u="primary",handleChange:o,handleKeyDown:r,disabled:i=!1,buttonText:j="SUBMIT",onButtonClick:s,error:c=!1,errorText:d,active:f=!1,value:m,label:p,type:v="button",showButton:N=!1})=>{const[h,I]=x.useState(!1),[q,b]=x.useState(""),_=typeof m=="string"&&typeof o=="function",a=_?m:q,R=n=>{_?o&&o(n):b(n.target.value)},S=()=>{s&&s(a||"")},T=n=>{n.key==="Enter"&&s&&s(a||""),r&&r(n)};return t.jsxs("div",{className:e.default.root,children:[p&&t.jsx("div",{className:l.cn(e.default.label,a&&e.default.hidden),children:p}),t.jsxs("div",{className:l.cn(e.default.container,e.default[u],{[e.default.focused]:h},{[e.default.disabled]:i},{[e.default.error]:c},{[e.default.active]:f}),children:[t.jsx("div",{className:e.default.input_container,children:t.jsx("input",{className:l.cn(e.default.input,e.default[`input_${u}`],{[e.default.error]:c},{[e.default.active]:f}),disabled:i,placeholder:y,onChange:R,onKeyDown:T,onFocus:()=>I(!0),onBlur:()=>I(!1),value:a,style:{outline:"none"}})}),N&&t.jsx("div",{className:e.default.button_container,children:t.jsx(g.Button,{variant:u==="primary"?"primary":"primary-invert",as:"button",size:"sm",type:v,onClick:S,children:j})})]}),c&&d&&t.jsxs("div",{className:e.default.errorText,children:[t.jsx(E.Icon,{name:B.EIconName.ALERT_ERROR,className:e.default.errorIcon}),d]})]})};exports.TextInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),I=require("react"),e=require("./textInput.module.css.cjs.js"),r=require("../../utils/cn/cn.cjs.js"),R=require("../Button/Button.cjs.js"),E=require("../Icon/Icon.cjs.js"),V=require("../Icon/constants.cjs.js"),B=require("../Typography/Typography.cjs.js"),$=({placeholder:x,variant:o="primary",handleChange:u,handleKeyDown:l,disabled:i=!1,buttonText:h="SUBMIT",onButtonClick:s,error:c=!1,errorText:d,active:f=!1,value:p,label:m,type:j="button",showButton:q=!1})=>{const[N,y]=I.useState(!1),[v,T]=I.useState(""),_=typeof p=="string"&&typeof u=="function",a=_?p:v,g=n=>{_?u&&u(n):T(n.target.value)},b=()=>{s&&s(a||"")},S=n=>{n.key==="Enter"&&s&&s(a||""),l&&l(n)};return t.jsxs("div",{className:e.default.root,children:[m&&t.jsx("div",{className:r.cn(e.default.label,a&&e.default.hidden),children:m}),t.jsxs("div",{className:r.cn(e.default.container,e.default[o],{[e.default.focused]:N},{[e.default.disabled]:i},{[e.default.error]:c},{[e.default.active]:f}),children:[t.jsx("div",{className:e.default.input_container,children:t.jsx("input",{className:r.cn(e.default.input,e.default[`input_${o}`],{[e.default.error]:c},{[e.default.active]:f}),disabled:i,placeholder:x,onChange:g,onKeyDown:S,onFocus:()=>y(!0),onBlur:()=>y(!1),value:a,style:{outline:"none"}})}),q&&t.jsx("div",{className:e.default.button_container,children:t.jsx(R.Button,{variant:o==="primary"?"primary":"primary-invert",as:"button",size:"sm",type:j,onClick:b,children:h})})]}),c&&d&&t.jsxs(B.Typography,{defaultVariant:"labelSm",className:e.default.errorText,children:[t.jsx(E.Icon,{name:V.EIconName.ALERT_ERROR,className:e.default.errorIcon}),d]})]})};exports.TextInput=$;

package/dist/components/TextInput/TextInput.es.js

@@ -1,86 +1,87 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as I } from "react";
 import e from "./textInput.module.css.es.js";
-import { cn as l } from "../../utils/cn/cn.es.js";
-import { Button as F } from "../Button/Button.es.js";
-import { Icon as S } from "../Icon/Icon.es.js";
+import { cn as c } from "../../utils/cn/cn.es.js";
+import { Button as j } from "../Button/Button.es.js";
+import { Icon as F } from "../Icon/Icon.es.js";
 import { EIconName as w } from "../Icon/constants.es.js";
-const O = ({
-  placeholder: I,
-  variant: r = "primary",
-  handleChange: i,
+import { Typography as z } from "../Typography/Typography.es.js";
+const $ = ({
+  placeholder: v,
+  variant: s = "primary",
+  handleChange: a,
   handleKeyDown: m,
-  disabled: u = !1,
-  buttonText: x = "SUBMIT",
-  onButtonClick: s,
-  error: a = !1,
-  errorText: f,
-  active: p = !1,
+  disabled: p = !1,
+  buttonText: b = "SUBMIT",
+  onButtonClick: o,
+  error: i = !1,
+  errorText: u,
+  active: f = !1,
   value: d,
   label: y,
-  type: E = "button",
-  showButton: R = !1
+  type: x = "button",
+  showButton: E = !1
 }) => {
-  const [_, N] = v(!1), [b, T] = v(""), h = typeof d == "string" && typeof i == "function", o = h ? d : b, V = (t) => {
-    h ? i && i(t) : T(t.target.value);
+  const [R, h] = I(!1), [T, V] = I(""), N = typeof d == "string" && typeof a == "function", r = N ? d : T, _ = (n) => {
+    N ? a && a(n) : V(n.target.value);
   }, g = () => {
-    s && s(o || "");
-  }, j = (t) => {
-    t.key === "Enter" && s && s(o || ""), m && m(t);
+    o && o(r || "");
+  }, S = (n) => {
+    n.key === "Enter" && o && o(r || ""), m && m(n);
   };
-  return /* @__PURE__ */ c("div", { className: e.root, children: [
-    y && /* @__PURE__ */ n("div", { className: l(e.label, o && e.hidden), children: y }),
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ l("div", { className: e.root, children: [
+    y && /* @__PURE__ */ t("div", { className: c(e.label, r && e.hidden), children: y }),
+    /* @__PURE__ */ l(
       "div",
       {
-        className: l(
+        className: c(
           e.container,
-          e[r],
-          { [e.focused]: _ },
-          { [e.disabled]: u },
-          { [e.error]: a },
-          { [e.active]: p }
+          e[s],
+          { [e.focused]: R },
+          { [e.disabled]: p },
+          { [e.error]: i },
+          { [e.active]: f }
         ),
         children: [
-          /* @__PURE__ */ n("div", { className: e.input_container, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ t("div", { className: e.input_container, children: /* @__PURE__ */ t(
             "input",
             {
-              className: l(
+              className: c(
                 e.input,
-                e[`input_${r}`],
-                { [e.error]: a },
-                { [e.active]: p }
+                e[`input_${s}`],
+                { [e.error]: i },
+                { [e.active]: f }
               ),
-              disabled: u,
-              placeholder: I,
-              onChange: V,
-              onKeyDown: j,
-              onFocus: () => N(!0),
-              onBlur: () => N(!1),
-              value: o,
+              disabled: p,
+              placeholder: v,
+              onChange: _,
+              onKeyDown: S,
+              onFocus: () => h(!0),
+              onBlur: () => h(!1),
+              value: r,
               style: { outline: "none" }
             }
           ) }),
-          R && /* @__PURE__ */ n("div", { className: e.button_container, children: /* @__PURE__ */ n(
-            F,
+          E && /* @__PURE__ */ t("div", { className: e.button_container, children: /* @__PURE__ */ t(
+            j,
             {
-              variant: r === "primary" ? "primary" : "primary-invert",
+              variant: s === "primary" ? "primary" : "primary-invert",
               as: "button",
               size: "sm",
-              type: E,
+              type: x,
               onClick: g,
-              children: x
+              children: b
             }
           ) })
         ]
       }
     ),
-    a && f && /* @__PURE__ */ c("div", { className: e.errorText, children: [
-      /* @__PURE__ */ n(S, { name: w.ALERT_ERROR, className: e.errorIcon }),
-      f
+    i && u && /* @__PURE__ */ l(z, { defaultVariant: "labelSm", className: e.errorText, children: [
+      /* @__PURE__ */ t(F, { name: w.ALERT_ERROR, className: e.errorIcon }),
+      u
     ] })
   ] });
 };
 export {
-  O as TextInput
+  $ as TextInput
 };