@loja-integrada/admin-components 1.2.0 → 1.3.0

package/dist/chunk-UIXQQMI7.js

@@ -0,0 +1,10 @@
+import { a } from './chunk-7Z3CCBLX.js';
+import { a as a$1 } from './chunk-G3GCVCTU.js';
+import { a as a$2 } from './chunk-REQIQLRI.js';
+import { cva } from 'class-variance-authority';
+import x, { useMemo, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var i=24,O=cva("relative appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 py-3 shadow-none outline-none transition-colors focus-within:border-inverted-1 focus:border-inverted-1",{variants:{hasErrorState:{true:"border-danger focus:border-danger [&~.adornment]:border-danger [&~.adornment]:focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"bg-base-2"}},defaultVariants:{hasErrorState:!1,disabled:!1,readOnly:!1}}),k=({className:g="",formGroupClassName:T="",label:v,labelComplement:H,helpText:w,hasError:y=!1,errorMessage:l,required:d=!1,id:E,name:p,disabled:c,readOnly:f,minLines:n=2,maxLines:I=5,...A},L)=>{let N=useMemo(()=>Math.random().toString(36).substring(7),[]),m=E||p||N,a$3=y||!!l,R=jsx(a,{label:v,labelComplement:H,required:d,hasError:a$3,htmlFor:m,className:"mb-1"}),P=jsx(a$1,{helpText:l||w,hasError:a$3,className:"mt-2"}),r=useRef(null),M=()=>{let e=r.current;if(e){let t=I*i,u=n*i;e.scrollHeight>t?(e.style.height="auto",e.style.height=`${t}px`):e.scrollHeight<u?(e.style.height="auto",e.style.height=`${u}px`):(e.style.height="auto",e.style.height=`${e.scrollHeight}px`);}};return useEffect(()=>{let e=r.current;if(e){let t=n*i;e.style.height=`${t}px`;}},[r,n]),jsxs("div",{className:a$2("form-group flex flex-col ",T),ref:L,children:[R,jsx("div",{className:a$2("relative appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 py-3 shadow-none outline-none transition-colors focus-within:border-inverted-1 focus:border-inverted-1",O({hasErrorState:a$3,disabled:c,readOnly:f,className:g})),children:jsx("textarea",{ref:r,onInput:M,className:"peer text-f6 flex w-full min-w-0 resize-none bg-transparent text-on-base shadow-none outline-none transition-colors focus-within:border-inverted-1 focus:border-inverted-1",id:m,name:p,required:d,disabled:c,readOnly:f,...A})}),P]})},G=x.forwardRef(k),V=x.memo(G);V.displayName="TextArea";
+
+export { V as a };

package/dist/chunk-YNBEDPYZ.js

@@ -0,0 +1,11 @@
+import { a as a$3 } from './chunk-RB4S3T7L.js';
+import { a as a$1 } from './chunk-NW24WOHT.js';
+import { a } from './chunk-7Z3CCBLX.js';
+import { a as a$4 } from './chunk-G3GCVCTU.js';
+import { a as a$2 } from './chunk-REQIQLRI.js';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var L=[{label:"mm",value:"mm"},{label:"cm",value:"cm"},{label:"m",value:"m"}],S=forwardRef(({units:o=L,maxSize:b=6,className:c="",inputClassName:v="",dropdownClassName:g="",helpText:w="",disabled:r=!1,errorMessage:t="",hasError:l=!1,required:s=!1,label:C,inputPlaceholder:I,fixedUnit:n,onChangeValue:N,onChangeUnit:p},x)=>{let[E,U]=useState(o[0]);return jsxs("div",{className:`flex flex-col ${c}`,id:"input-with-unit__container",children:[jsx(a,{label:C,required:s,hasError:l||!!t,htmlFor:"input-with-unit",className:"mb-1"}),jsxs("div",{className:"flex w-full items-start gap-x-1",children:[jsx(a$1,{id:"input-with-unit",ref:x,maxLength:b,formatValue:"onlyNumber",disabled:r,hasError:l||!!t,required:s,onChange:N,placeholder:I,formGroupClassName:a$2("w-full",v)}),jsx(a$3,{id:"input-with-unit-dropdown",formGroupClassName:a$2("w-40",g),placeholder:"mm",options:o,value:n??E,onChange:i=>{n||(U({label:i.label,value:String(i.value)}),p&&p(i));},disabled:!!n||r,hasError:l||!!t})]}),jsx(a$4,{helpText:t||w,hasError:!!t})]})});S.displayName="InputWithUnit";
+
+export { L as a, S as b };

package/dist/forms/InputWithUnit/InputWithUnit.client.d.ts

@@ -28,6 +28,14 @@ type InputWithUnitProps = {
      * Additional class name to be applied to the outter container.
      * */
     className?: string;
+    /**
+     * Additional class name to be applied to the input container.
+     * */
+    inputClassName?: string;
+    /**
+     * Additional class name to be applied to the dropdown container.
+     * */
+    dropdownClassName?: string;
     /**
      * Controls whether the input is disabled.
      * @default false
@@ -52,6 +60,17 @@ type InputWithUnitProps = {
      * Label for the input field.
      * */
     label: string;
+    /**
+     * Placeholder for the input field.
+     * */
+    inputPlaceholder?: string;
+    /**
+     * Sets a fixed (immutable) unit.
+     * */
+    fixedUnit?: {
+        label: string;
+        value: string;
+    };
     /**
      * Callback to be called when the value changes.
      * */

package/dist/forms/InputWithUnit/index.js

@@ -1,15 +1,10 @@
-"use client";import { a as a$2 } from '../../chunk-RB4S3T7L.js';
-import { a as a$1 } from '../../chunk-NW24WOHT.js';
+"use client";export { a as DEFAULT_UNITS, b as InputWithUnit } from '../../chunk-YNBEDPYZ.js';
+import '../../chunk-RB4S3T7L.js';
+import '../../chunk-NW24WOHT.js';
 import '../../chunk-SJ4MATMO.js';
-import { a } from '../../chunk-7Z3CCBLX.js';
-import { a as a$3 } from '../../chunk-G3GCVCTU.js';
+import '../../chunk-7Z3CCBLX.js';
+import '../../chunk-G3GCVCTU.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-KEDPPRQK.js';
 import '../../chunk-G2ZF74EK.js';
 import '../../chunk-REQIQLRI.js';
-import { forwardRef, useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var N=[{label:"mm",value:"mm"},{label:"cm",value:"cm"},{label:"m",value:"m"}],U=forwardRef(({units:i=N,maxSize:h=6,className:f="",helpText:b="",disabled:a$4=!1,errorMessage:t="",hasError:l=!1,required:o=!1,label:v,onChangeValue:c,onChangeUnit:r},g)=>{let[x,I]=useState(i[0]);return jsxs("div",{className:`flex flex-col ${f}`,id:"input-with-unit__container",children:[jsx(a,{label:v,required:o,hasError:l||!!t,htmlFor:"input-with-unit",className:"mb-1"}),jsxs("div",{className:"flex w-full items-start gap-x-1",children:[jsx(a$1,{id:"input-with-unit",ref:g,maxLength:h,formatValue:"onlyNumber",disabled:a$4,hasError:l||!!t,required:o,onChange:c,formGroupClassName:"w-full"}),jsx(a$2,{id:"input-with-unit-dropdown",formGroupClassName:"w-28",placeholder:"mm",options:i,value:x,onChange:n=>{I({label:n.label,value:String(n.value)}),r&&r(n);},disabled:a$4,hasError:l||!!t})]}),jsx(a$3,{helpText:t||b,hasError:!!t})]})});U.displayName="InputWithUnit";
-
-export { N as DEFAULT_UNITS, U as InputWithUnit };

package/dist/forms/TextArea/TextArea.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { InputHelpTextProps } from '../InputHelpText';
+import { InputLabelProps } from '../InputLabel';
+declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLDivElement>>>;
+interface TextAreaProps extends InputLabelProps, InputHelpTextProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
+    /**
+     * Input custom class name
+     * */
+    className?: string;
+    /**
+     * Form group custom class name
+     * */
+    formGroupClassName?: string;
+    /**
+     * Change input style to error state
+     * @default false
+     * */
+    hasError?: boolean;
+    /**
+     * Error message to display
+     * */
+    errorMessage?: string;
+    /**
+     * Sets initial number of lines for the textarea on render
+     * @default 2
+     * */
+    minLines?: number;
+    /**
+     * Sets maximum number of lines for the textarea
+     * @default 5
+     * */
+    maxLines?: number;
+}
+export { TextArea, type TextAreaProps };

package/dist/forms/TextArea/index.d.ts

@@ -0,0 +1 @@
+export * from './TextArea';

package/dist/forms/TextArea/index.js

@@ -0,0 +1,4 @@
+export { a as TextArea } from '../../chunk-UIXQQMI7.js';
+import '../../chunk-7Z3CCBLX.js';
+import '../../chunk-G3GCVCTU.js';
+import '../../chunk-REQIQLRI.js';

package/dist/forms/index.d.ts

@@ -5,4 +5,6 @@ export * from './Input';
 export * from './InputHelpText';
 export * from './InputLabel';
 export * from './InputMask';
+export * from './InputWithUnit';
 export * from './Select';
+export * from './TextArea';

package/dist/forms/index.js

@@ -1,4 +1,5 @@
-import '../chunk-BQWNCDFV.js';
+import '../chunk-SLXIJR46.js';
+export { a as TextArea } from '../chunk-UIXQQMI7.js';
 export { b as Select, a as SelectComponent } from '../chunk-HZACKBIW.js';
 export { a as Calendar } from '../chunk-PHVC2M6R.js';
 import '../chunk-KN7DOGNL.js';
@@ -8,6 +9,7 @@ import '../chunk-6W6QWPEA.js';
 import '../chunk-4QFFUXWM.js';
 import '../chunk-3BKW5XAK.js';
 import '../chunk-L6H2NDVS.js';
+export { a as DEFAULT_UNITS, b as InputWithUnit } from '../chunk-YNBEDPYZ.js';
 export { a as Dropdown } from '../chunk-RB4S3T7L.js';
 export { a as InputMask } from '../chunk-NW24WOHT.js';
 export { a as Input } from '../chunk-SJ4MATMO.js';

package/dist/index.js

@@ -1,4 +1,5 @@
-import './chunk-BQWNCDFV.js';
+import './chunk-SLXIJR46.js';
+export { a as TextArea } from './chunk-UIXQQMI7.js';
 import './chunk-7RP4L6ZM.js';
 import './chunk-4PUGMMDC.js';
 export { a as Tooltip } from './chunk-TZI6YTCW.js';
@@ -15,6 +16,7 @@ export { a as ActionBar } from './chunk-6W6QWPEA.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-4QFFUXWM.js';
 export { a as Container, b as ContainerHeader } from './chunk-3BKW5XAK.js';
 import './chunk-L6H2NDVS.js';
+export { a as DEFAULT_UNITS, b as InputWithUnit } from './chunk-YNBEDPYZ.js';
 export { a as Dropdown } from './chunk-RB4S3T7L.js';
 export { a as InputMask } from './chunk-NW24WOHT.js';
 export { a as Input } from './chunk-SJ4MATMO.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -141,6 +141,10 @@
       "types": "./dist/forms/Select/Select.d.ts",
       "import": "./dist/forms/Select/index.js"
     },
+    "./TextArea": {
+      "types": "./dist/forms/TextArea/TextArea.d.ts",
+      "import": "./dist/forms/TextArea/index.js"
+    },
     "./hooks": {
       "types": "./dist/hooks/hooks.d.ts",
       "import": "./dist/hooks/index.js"