@foodpilot/foods 2.11.47 → 2.11.48

package/dist/components/Textarea/Textarea.d.ts

@@ -1,9 +1,20 @@
-import { StyledComponent } from '@emotion/styled';
-import { MUIStyledCommonProps } from '@mui/system';
-import { Theme } from '@mui/material';
+import { FocusEvent } from 'react';
+type Variant = "primary" | "secondary" | "tertiary" | "disabled";
 export type TextareaProps = {
-    content: string;
-    variant?: "primary" | "secondary" | "tertiary" | "disabled";
+    value?: string;
+    onChange?: (newValue: string) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    variant?: Variant;
     disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    maxLength?: number;
+    minRows?: number;
+    maxRows?: number;
+    /** @deprecated Use `value` (controlled) instead. Kept for backward compatibility. */
+    content?: string;
 };
-export declare const Textarea: StyledComponent<TextareaProps & MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const Textarea: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Textarea/Textarea.js

@@ -1,2 +1,7 @@
-import{jsx as o}from"react/jsx-runtime";import{styled as r,useTheme as e,TextareaAutosize as a}from"@mui/material";import{greyTheme as t}from"../../themes/common/colors.js";const i=r(r=>{const a=e(),{variant:t="primary",content:i,disabled:d}=r;let m;switch(t){case"primary":default:m=l;break;case"secondary":m=s;break;case"tertiary":m=c;break;case"disabled":m=n}/* @__PURE__ */
-return o(m,{defaultValue:i,disabled:d,maxRows:14,theme:a,...r})})({}),d=r(a)(({theme:o})=>({width:"100%",lineHeight:"22px",padding:"20px 24px 60px 24px",borderRadius:"12px",resize:"none",...o.typography.body,color:t[2800],borderColor:t[500],"&:focus-visible":{outline:"0"}})),l=r(d)({backgroundColor:t[100]}),s=r(d)({backgroundColor:t[300]}),c=r(d)({borderColor:t[2800],backgroundColor:t[100]}),n=r(d)({color:t[2e3],backgroundColor:t[500]});export{i as Textarea};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useTheme as e,Stack as a,Typography as n,styled as l,TextareaAutosize as i}from"@mui/material";import{redTheme as t,greyTheme as s}from"../../themes/common/colors.js";const d=l=>{const i=e(),{value:d,onChange:u,onBlur:h,onFocus:p,placeholder:m,variant:g="primary",disabled:b=!1,error:x=!1,errorMessage:v,maxLength:C,minRows:w,maxRows:f=14,content:y}=l,E=void 0!==d,$=E?d.length:0,k=void 0!==C&&$>C,R=x||k,j=void 0!==C||void 0!==v,F=E?{value:d,onChange:r=>u?.(r.currentTarget.value)}:{defaultValue:y};/* @__PURE__ */
+return r(a,{gap:i.spacing(.5),width:"100%",children:[c(g,b,{...F,onBlur:h,onFocus:p,placeholder:m,disabled:b,minRows:w,maxRows:f,maxLength:C,$hasError:R}),j&&/* @__PURE__ */r(a,{flexDirection:"row",justifyContent:"space-between",gap:i.spacing(1),px:i.spacing(2.5),children:[
+/* @__PURE__ */o(n,{variant:"small-regular",color:R?t[600]:"transparent",sx:{minHeight:"1em"},children:R&&v?v:" "}),void 0!==C&&/* @__PURE__ */r(n,{variant:"small-regular",color:k?t[600]:s[1500],children:[$," / ",C]})]})]})},c=(r,e,a)=>{if(e)/* @__PURE__ */return o(g,{...a});switch(r){case"secondary":/* @__PURE__ */
+return o(p,{...a});case"tertiary":/* @__PURE__ */
+return o(m,{...a});case"disabled":/* @__PURE__ */
+return o(g,{...a});default:/* @__PURE__ */
+return o(h,{...a})}},u=l(i,{shouldForwardProp:r=>"$hasError"!==r})(({theme:r,$hasError:o})=>({width:"100%",lineHeight:"22px",padding:"20px 24px 60px 24px",borderRadius:"12px",resize:"none",...r.typography.body,color:s[2800],borderColor:o?t[600]:s[500],"&:focus-visible":{outline:"0",borderColor:o?t[600]:s[2800]},...o&&{backgroundColor:t[100],color:t[600]}})),h=l(u)(({$hasError:r})=>({backgroundColor:r?t[100]:s[100]})),p=l(u)(({$hasError:r})=>({backgroundColor:r?t[100]:s[300]})),m=l(u)(({$hasError:r})=>({borderColor:r?t[600]:s[2800],backgroundColor:r?t[100]:s[100]})),g=l(u)({color:s[2e3],backgroundColor:s[500]});export{d as Textarea};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.11.47",
+  "version": "2.11.48",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",