@orangesix/react 1.3.8 → 2.0.3

package/tabview/index.d.ts

@@ -1,164 +1,2 @@
-import React, { CSSProperties } from 'react';
-import { TabPanelHeaderTemplateOptions, TabViewTabChangeEvent, TabViewTabCloseEvent } from 'primereact/tabview';
-import { KeyFilterType } from 'primereact/keyfilter';
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-/**
- * Define o modo do componente de entrada de dados
- */
-type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-interface ApiFieldComponentProps {
-
-    /**
-     * Define o id do campo
-     */
-    id?: string
-
-    /**
-     * Define o nome do campo
-     */
-    name?: string
-
-    /**
-     * Define o rótulo do campo
-     */
-    label?: string
-
-    /**
-     * Define o espaço reservador do campo
-     */
-    placeholder?: string
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define se campo é obrigatório
-     */
-    required?: boolean
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define o modo do componente de entrada de dados
-     */
-    mode?: ApiFieldModeProps
-
-    /**
-     * Define a opção de filtro de dados do componente
-     */
-    keyfilter?: KeyFilterType;
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: boolean
-}
-
-interface TabViewTabProps extends Pick<ApiFieldComponentProps, "iconPrefix" | "icon" | "id" | "disabled"> {
-
-    /**
-     * Define o titulo da Tabview
-     */
-    tab: string
-
-    /**
-     * Define o contéudo da Tabview
-     */
-    content: React.ReactNode
-
-    /**
-     * Define a posição do icone da Tabview
-     */
-    iconPosition?: "left" | "right"
-
-    /**
-     * Define o template de personalização para TabView
-     */
-    headerTemplate?: (options: TabPanelHeaderTemplateOptions) => React.ReactNode
-
-    /**
-     * Define se a tabview vai ter a opção de fechar
-     */
-    closed?: boolean
-}
-
-interface TabViewProps extends ApiComponentProps {
-
-    /**
-     * Array de objeto utilizado na construção da tabview
-     */
-    tabs: Array<TabViewTabProps>
-
-    /**
-     * Indica qual tabview vai estar ativio pelo indice
-     */
-    tabIndex?: number
-
-    /**
-     * Determina se tabview vai se renderizada todas as vezes que for ativa
-     */
-    tabActiveRender?: boolean
-
-    /**
-     * Função retorna o evento da tabview quando é moficada
-     */
-    onChange?: (event: TabViewTabChangeEvent) => void
-
-    /**
-     * Função retorna o evento quando a tabview é fechada
-     */
-    onClosed?: (event: TabViewTabCloseEvent) => void
-}
-
-/**
- * Componente - `TabView`
- *
- * Um componente versátil que pode ser utilizado para agrupar conteúdo com guias.
- */
-declare const Tabview: ({ ...props }: TabViewProps) => React.JSX.Element;
-
-type ITabViewProps = TabViewTabProps;
-type ITabViewTabProps = TabViewTabProps;
-
-export { Tabview };
-export type { ITabViewProps, ITabViewTabProps };
+export * from './tabview';
+export * from './@types/index';

package/tabview/index.esm.js

@@ -1,2 +1,5 @@
-import e from"react";import{TabView as i,TabPanel as o}from"primereact/tabview";const t=({...t})=>e.createElement(i,{activeIndex:t.tabIndex,className:t.className+" w-100",id:t.id,renderActiveOnly:t.tabActiveRender??!0,onTabChange:t.onChange,onTabClose:t.onClosed},t.tabs.map(((i,t)=>{let a=void 0===i.iconPosition||"left"===i.iconPosition?{leftIcon:`${void 0===i.iconPrefix?"bi bi-":"pi pi-"}${i.icon} me-1`}:{rightIcon:`${void 0===i.iconPrefix?"bi bi-":"pi pi-"}${i.icon} ms-1`};return e.createElement(o,{closable:i.closed,disabled:i.disabled,header:i.tab,headerTemplate:i.headerTemplate,key:t,...a},i.content)})));export{t as Tabview};
+import { Tabview as r } from "./tabview/index.esm.js";
+export {
+  r as Tabview
+};
 //# sourceMappingURL=index.esm.js.map

package/tabview/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/tabview/tabview.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { TabViewProps } from \"./types\";\r\nimport { TabView, TabPanel } from \"primereact/tabview\";\r\n\r\n/**\r\n * Componente - `TabView`\r\n *\r\n * Um componente versátil que pode ser utilizado para agrupar conteúdo com guias.\r\n */\r\nexport const Tabview = ({ ...props }: TabViewProps) => {\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <TabView activeIndex={props.tabIndex}\r\n                 className={props.className + \" w-100\"}\r\n                 id={props.id}\r\n                 renderActiveOnly={props.tabActiveRender ?? true}\r\n                 onTabChange={props.onChange}\r\n                 onTabClose={props.onClosed}>\r\n            {props.tabs.map((item, index) => {\r\n                let positionIcon = item.iconPosition === undefined || item.iconPosition === \"left\"\r\n                    ? { leftIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} me-1` }\r\n                    : { rightIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} ms-1` };\r\n\r\n                return (\r\n                    <TabPanel closable={item.closed}\r\n                              disabled={item.disabled}\r\n                              header={item.tab}\r\n                              headerTemplate={item.headerTemplate}\r\n                              key={index}\r\n                              {...positionIcon}>\r\n                        {item.content}\r\n                    </TabPanel>\r\n                );\r\n            })}\r\n        </TabView>\r\n    );\r\n};"],"names":["Tabview","props","React","createElement","TabView","activeIndex","tabIndex","className","id","renderActiveOnly","tabActiveRender","onTabChange","onChange","onTabClose","onClosed","tabs","map","item","index","positionIcon","undefined","iconPosition","leftIcon","iconPrefix","icon","rightIcon","TabPanel","closable","closed","disabled","header","tab","headerTemplate","key","content"],"mappings":"gFASa,MAAAA,EAAU,KAAMC,KAQrBC,EAACC,cAAAC,EAAQ,CAAAC,YAAaJ,EAAMK,SACnBC,UAAWN,EAAMM,UAAY,SAC7BC,GAAIP,EAAMO,GACVC,iBAAkBR,EAAMS,kBAAmB,EAC3CC,YAAaV,EAAMW,SACnBC,WAAYZ,EAAMa,UACtBb,EAAMc,KAAKC,KAAI,CAACC,EAAMC,KACnB,IAAIC,OAAqCC,IAAtBH,EAAKI,cAAoD,SAAtBJ,EAAKI,aACrD,CAAEC,SAAU,QAAwBF,IAApBH,EAAKM,WAA2B,SAAW,WAAYN,EAAKO,aAC5E,CAAEC,UAAW,QAAwBL,IAApBH,EAAKM,WAA2B,SAAW,WAAYN,EAAKO,aAEnF,OACItB,EAACC,cAAAuB,EAAS,CAAAC,SAAUV,EAAKW,OACfC,SAAUZ,EAAKY,SACfC,OAAQb,EAAKc,IACbC,eAAgBf,EAAKe,eACrBC,IAAKf,KACDC,GACTF,EAAKiB"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/tabview/tabview/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("primereact/tabview");function l(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(e,i,a.get?a:{enumerable:!0,get:()=>n[i]})}}return e.default=n,Object.freeze(e)}const o=l(r),c=({...n})=>t.jsx(o.TabView,{activeIndex:n.tabIndex,className:"w-100 "+(n.className??""),id:n.id,renderActiveOnly:n.tabActiveRender??!0,onTabChange:n.onChange,onTabClose:n.onClosed,children:n.tabs.map((e,i)=>{let a=e.iconPosition===void 0||e.iconPosition==="left"?{leftIcon:`${e.iconPrefix===void 0?"bi bi-":"pi pi-"}${e.icon} me-1`}:{rightIcon:`${e.iconPrefix===void 0?"bi bi-":"pi pi-"}${e.icon} ms-1`};return t.jsx(o.TabPanel,{closable:e.closed,disabled:e.disabled,header:e.tab,headerTemplate:e.headerTemplate,...a,children:e.content},i)})});c.displayName="Tabview";exports.Tabview=c;
+//# sourceMappingURL=index.cjs.js.map

package/tabview/tabview/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/tabview/tabview.tsx"],"sourcesContent":["import React from \"react\";\nimport { TabViewProps } from \".\";\nimport * as TabViewPrimeReact from \"primereact/tabview\";\n\n/**\n * Componente - `TabView`\n *\n * Um componente versátil que pode ser utilizado para agrupar conteúdo com guias.\n */\nexport const Tabview = ({ ...props }: TabViewProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <TabViewPrimeReact.TabView\n            activeIndex={props.tabIndex}\n            className={\"w-100 \" + (props.className ?? \"\")}\n            id={props.id}\n            renderActiveOnly={props.tabActiveRender ?? true}\n            onTabChange={props.onChange}\n            onTabClose={props.onClosed}>\n            {props.tabs.map((item, index) => {\n                let positionIcon = item.iconPosition === undefined || item.iconPosition === \"left\"\n                    ? { leftIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} me-1` }\n                    : { rightIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} ms-1` };\n\n                return (\n                    <TabViewPrimeReact.TabPanel\n                        closable={item.closed}\n                        disabled={item.disabled}\n                        header={item.tab}\n                        headerTemplate={item.headerTemplate}\n                        key={index}\n                        {...positionIcon}>\n                        {item.content}\n                    </TabViewPrimeReact.TabPanel>\n                );\n            })}\n        </TabViewPrimeReact.TabView>\n    );\n};\n\nTabview.displayName = \"Tabview\";"],"names":["Tabview","props","jsx","TabViewPrimeReact","item","index","positionIcon"],"mappings":"+aASaA,EAAU,CAAC,CAAE,GAAGC,KAOrBC,EAAAA,IAACC,EAAkB,QAAlB,CACG,YAAaF,EAAM,SACnB,UAAW,UAAYA,EAAM,WAAa,IAC1C,GAAIA,EAAM,GACV,iBAAkBA,EAAM,iBAAmB,GAC3C,YAAaA,EAAM,SACnB,WAAYA,EAAM,SACjB,SAAAA,EAAM,KAAK,IAAI,CAACG,EAAMC,IAAU,CAC7B,IAAIC,EAAeF,EAAK,eAAiB,QAAaA,EAAK,eAAiB,OACtE,CAAE,SAAU,GAAIA,EAAK,aAAe,OAAY,SAAW,QAAS,GAAGA,EAAK,IAAI,OAAA,EAChF,CAAE,UAAW,GAAIA,EAAK,aAAe,OAAY,SAAW,QAAS,GAAGA,EAAK,IAAI,OAAA,EAEvF,OACIF,EAAAA,IAACC,EAAkB,SAAlB,CACG,SAAUC,EAAK,OACf,SAAUA,EAAK,SACf,OAAQA,EAAK,IACb,eAAgBA,EAAK,eAEpB,GAAGE,EACH,SAAAF,EAAK,OAAA,EAFDC,CAAA,CAKjB,CAAC,CAAA,CAAA,EAKbL,EAAQ,YAAc"}

package/tabview/tabview/index.esm.js

@@ -0,0 +1,33 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as n from "primereact/tabview";
+const d = ({ ...i }) => /* @__PURE__ */ a(
+  n.TabView,
+  {
+    activeIndex: i.tabIndex,
+    className: "w-100 " + (i.className ?? ""),
+    id: i.id,
+    renderActiveOnly: i.tabActiveRender ?? !0,
+    onTabChange: i.onChange,
+    onTabClose: i.onClosed,
+    children: i.tabs.map((e, o) => {
+      let c = e.iconPosition === void 0 || e.iconPosition === "left" ? { leftIcon: `${e.iconPrefix === void 0 ? "bi bi-" : "pi pi-"}${e.icon} me-1` } : { rightIcon: `${e.iconPrefix === void 0 ? "bi bi-" : "pi pi-"}${e.icon} ms-1` };
+      return /* @__PURE__ */ a(
+        n.TabPanel,
+        {
+          closable: e.closed,
+          disabled: e.disabled,
+          header: e.tab,
+          headerTemplate: e.headerTemplate,
+          ...c,
+          children: e.content
+        },
+        o
+      );
+    })
+  }
+);
+d.displayName = "Tabview";
+export {
+  d as Tabview
+};
+//# sourceMappingURL=index.esm.js.map

package/tabview/tabview/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/tabview/tabview.tsx"],"sourcesContent":["import React from \"react\";\nimport { TabViewProps } from \".\";\nimport * as TabViewPrimeReact from \"primereact/tabview\";\n\n/**\n * Componente - `TabView`\n *\n * Um componente versátil que pode ser utilizado para agrupar conteúdo com guias.\n */\nexport const Tabview = ({ ...props }: TabViewProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <TabViewPrimeReact.TabView\n            activeIndex={props.tabIndex}\n            className={\"w-100 \" + (props.className ?? \"\")}\n            id={props.id}\n            renderActiveOnly={props.tabActiveRender ?? true}\n            onTabChange={props.onChange}\n            onTabClose={props.onClosed}>\n            {props.tabs.map((item, index) => {\n                let positionIcon = item.iconPosition === undefined || item.iconPosition === \"left\"\n                    ? { leftIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} me-1` }\n                    : { rightIcon: `${(item.iconPrefix === undefined ? \"bi bi-\" : \"pi pi-\")}${item.icon} ms-1` };\n\n                return (\n                    <TabViewPrimeReact.TabPanel\n                        closable={item.closed}\n                        disabled={item.disabled}\n                        header={item.tab}\n                        headerTemplate={item.headerTemplate}\n                        key={index}\n                        {...positionIcon}>\n                        {item.content}\n                    </TabViewPrimeReact.TabPanel>\n                );\n            })}\n        </TabViewPrimeReact.TabView>\n    );\n};\n\nTabview.displayName = \"Tabview\";"],"names":["Tabview","props","jsx","TabViewPrimeReact","item","index","positionIcon"],"mappings":";;AASO,MAAMA,IAAU,CAAC,EAAE,GAAGC,QAOrB,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACG,aAAaF,EAAM;AAAA,IACnB,WAAW,YAAYA,EAAM,aAAa;AAAA,IAC1C,IAAIA,EAAM;AAAA,IACV,kBAAkBA,EAAM,mBAAmB;AAAA,IAC3C,aAAaA,EAAM;AAAA,IACnB,YAAYA,EAAM;AAAA,IACjB,UAAAA,EAAM,KAAK,IAAI,CAACG,GAAMC,MAAU;AAC7B,UAAIC,IAAeF,EAAK,iBAAiB,UAAaA,EAAK,iBAAiB,SACtE,EAAE,UAAU,GAAIA,EAAK,eAAe,SAAY,WAAW,QAAS,GAAGA,EAAK,IAAI,QAAA,IAChF,EAAE,WAAW,GAAIA,EAAK,eAAe,SAAY,WAAW,QAAS,GAAGA,EAAK,IAAI,QAAA;AAEvF,aACI,gBAAAF;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACG,UAAUC,EAAK;AAAA,UACf,UAAUA,EAAK;AAAA,UACf,QAAQA,EAAK;AAAA,UACb,gBAAgBA,EAAK;AAAA,UAEpB,GAAGE;AAAA,UACH,UAAAF,EAAK;AAAA,QAAA;AAAA,QAFDC;AAAA,MAAA;AAAA,IAKjB,CAAC;AAAA,EAAA;AAAA;AAKbL,EAAQ,cAAc;"}

package/tabview/tabview.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TabViewProps } from '.';
+/**
+ * Componente - `TabView`
+ *
+ * Um componente versátil que pode ser utilizado para agrupar conteúdo com guias.
+ */
+export declare const Tabview: {
+    ({ ...props }: TabViewProps): React.JSX.Element;
+    displayName: string;
+};

package/textarea/@types/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
+interface TextareaBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * A propriedade `ref` retorna a referência do componente
+     */
+    ref?: React.Ref<HTMLTextAreaElement>
+
+    /**
+     * Define se textarea vai ser auto ajustado
+     */
+    autoResize?: boolean;
+}
+
+export type TextareaProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? TextareaBaseProps & ApiFieldControlledProps
+    : TextareaBaseProps & ApiFieldHookFormProps;

package/textarea/core/controlled/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../api/input/index.cjs.js"),u=require("primereact/inputtextarea");function l({core:a,...e}){return t.jsxs(t.Fragment,{children:[t.jsx(u.InputTextarea,{...a,ref:e.ref,value:e.value,onBlur:n=>{e.onBlur&&e.onBlur(n.target.value)},onChange:n=>{e.onChange&&e.onChange(n.target.value)}}),t.jsx(r.InputFeedback,{...e})]})}exports.TextareaControlled=l;
+//# sourceMappingURL=index.cjs.js.map

package/textarea/core/controlled/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/textarea/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { TextareaProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\n\ntype Props = {\n    core: InputTextareaProps & { ref: React.Ref<HTMLTextAreaElement> | undefined }\n};\n\n/**\n * Core - `TextareaControlled`\n * Define o componente controlled\n */\nexport function TextareaControlled({ core, ...props }: TextareaProps<\"Controlled\"> & Props) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            <InputTextarea {...core}\n                           ref={props.ref}\n                           value={props.value}\n                           onBlur={event => {\n                               if (props.onBlur) {\n                                   props.onBlur(event.target.value);\n                               }\n                           }}\n                           onChange={event => {\n                               if (props.onChange) {\n                                   props.onChange(event.target.value);\n                               }\n                           }}/>\n            <InputFeedback {...props}/>\n        </>\n    );\n}"],"names":["TextareaControlled","core","props","jsxs","Fragment","jsx","InputTextarea","event","InputFeedback"],"mappings":"wMAaO,SAASA,EAAmB,CAAE,KAAAC,EAAM,GAAGC,GAA8C,CAMxF,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAACC,EAAAA,cAAA,CAAe,GAAGL,EACJ,IAAKC,EAAM,IACX,MAAOA,EAAM,MACb,OAAQK,GAAS,CACTL,EAAM,QACNA,EAAM,OAAOK,EAAM,OAAO,KAAK,CAEvC,EACA,SAAUA,GAAS,CACXL,EAAM,UACNA,EAAM,SAASK,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EACfF,MAACG,EAAAA,cAAA,CAAe,GAAGN,CAAA,CAAM,CAAA,EAC7B,CAER"}

package/textarea/core/controlled/index.esm.js

@@ -0,0 +1,26 @@
+import { jsxs as r, Fragment as u, jsx as t } from "react/jsx-runtime";
+import { InputFeedback as l } from "../../../api/input/index.esm.js";
+import { InputTextarea as o } from "primereact/inputtextarea";
+function g({ core: a, ...e }) {
+  return /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ t(
+      o,
+      {
+        ...a,
+        ref: e.ref,
+        value: e.value,
+        onBlur: (n) => {
+          e.onBlur && e.onBlur(n.target.value);
+        },
+        onChange: (n) => {
+          e.onChange && e.onChange(n.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(l, { ...e })
+  ] });
+}
+export {
+  g as TextareaControlled
+};
+//# sourceMappingURL=index.esm.js.map

package/textarea/core/controlled/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/textarea/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { TextareaProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\n\ntype Props = {\n    core: InputTextareaProps & { ref: React.Ref<HTMLTextAreaElement> | undefined }\n};\n\n/**\n * Core - `TextareaControlled`\n * Define o componente controlled\n */\nexport function TextareaControlled({ core, ...props }: TextareaProps<\"Controlled\"> & Props) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            <InputTextarea {...core}\n                           ref={props.ref}\n                           value={props.value}\n                           onBlur={event => {\n                               if (props.onBlur) {\n                                   props.onBlur(event.target.value);\n                               }\n                           }}\n                           onChange={event => {\n                               if (props.onChange) {\n                                   props.onChange(event.target.value);\n                               }\n                           }}/>\n            <InputFeedback {...props}/>\n        </>\n    );\n}"],"names":["TextareaControlled","core","props","jsxs","Fragment","jsx","InputTextarea","event","InputFeedback"],"mappings":";;;AAaO,SAASA,EAAmB,EAAE,MAAAC,GAAM,GAAGC,KAA8C;AAMxF,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAAe,GAAGL;AAAA,QACJ,KAAKC,EAAM;AAAA,QACX,OAAOA,EAAM;AAAA,QACb,QAAQ,CAAAK,MAAS;AACb,UAAIL,EAAM,UACNA,EAAM,OAAOK,EAAM,OAAO,KAAK;AAAA,QAEvC;AAAA,QACA,UAAU,CAAAA,MAAS;AACf,UAAIL,EAAM,YACNA,EAAM,SAASK,EAAM,OAAO,KAAK;AAAA,QAEzC;AAAA,MAAA;AAAA,IAAA;AAAA,IACf,gBAAAF,EAACG,GAAA,EAAe,GAAGN,EAAA,CAAM;AAAA,EAAA,GAC7B;AAER;"}

package/textarea/core/controlled.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { TextareaProps } from '..';
+import { InputTextareaProps } from 'primereact/inputtextarea';
+type Props = {
+    core: InputTextareaProps & {
+        ref: React.Ref<HTMLTextAreaElement> | undefined;
+    };
+};
+/**
+ * Core - `TextareaControlled`
+ * Define o componente controlled
+ */
+export declare function TextareaControlled({ core, ...props }: TextareaProps<"Controlled"> & Props): React.JSX.Element;
+export {};

package/textarea/core/hookForm/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("../../../api/input/index.cjs.js"),i=require("react-hook-form"),l=require("primereact/inputtextarea");function c({core:u,...e}){return r.jsx(i.Controller,{render:({field:n,formState:{errors:a}})=>r.jsxs(r.Fragment,{children:[r.jsx(l.InputTextarea,{...u,...n,invalid:!!a[e.name],ref:e.ref,required:e.required,value:n.value??"",onBlur:t=>e.onBlur?e.onBlur(t.target.value):n.onBlur(),onChange:t=>e.onChange!==void 0?e.onChange(t.target.value):n.onChange(t)}),r.jsx(o.InputFeedback,{...e,errors:a})]}),control:e.control,name:e.name,rules:{required:e.required?"Campo obrigatório":!1}})}exports.TextareaHookForm=c;
+//# sourceMappingURL=index.cjs.js.map

package/textarea/core/hookForm/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/textarea/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { TextareaProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\n\ntype Props = {\n    core: InputTextareaProps & { ref: React.Ref<HTMLInputElement> | undefined }\n};\n\n/**\n * Core - `TextareaHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function TextareaHookForm({ core, ...props }: TextareaProps<\"HookForm\"> & Props) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <>\n                <InputTextarea {...core}\n                               {...field}\n                               invalid={!!errors[props.name]}\n                               ref={props.ref}\n                               required={props.required}\n                               value={field.value ?? \"\"}\n                               onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\n                               onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </>;\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"names":["TextareaHookForm","core","props","jsx","Controller","field","errors","jsxs","Fragment","InputTextarea","e","InputFeedback"],"mappings":"qOAcO,SAASA,EAAiB,CAAE,KAAAC,EAAM,GAAGC,GAA4C,CAMpF,OACIC,EAAAA,IAACC,EAAAA,WAAA,CAAW,OAAQ,CAAC,CAAE,MAAAC,EAAO,UAAW,CAAE,OAAAC,CAAA,KAChCC,EAAAA,KAAAC,WAAA,CACH,SAAA,CAAAL,EAAAA,IAACM,EAAAA,cAAA,CAAe,GAAGR,EACH,GAAGI,EACJ,QAAS,CAAC,CAACC,EAAOJ,EAAM,IAAI,EAC5B,IAAKA,EAAM,IACX,SAAUA,EAAM,SAChB,MAAOG,EAAM,OAAS,GACtB,OAAQK,GAAKR,EAAM,OAASA,EAAM,OAAOQ,EAAE,OAAO,KAAK,EAAIL,EAAM,OAAA,EACjE,SAAUK,GAAKR,EAAM,WAAa,OAAYA,EAAM,SAASQ,EAAE,OAAO,KAAK,EAAIL,EAAM,SAASK,CAAC,CAAA,CAAA,EAC9GP,EAAAA,IAACQ,EAAAA,cAAA,CAAe,GAAGT,EACJ,OAAAI,CAAA,CAAA,CAAe,EAClC,EAEQ,QAASJ,EAAM,QACf,KAAMA,EAAM,KACZ,MAAO,CAAE,SAAWA,EAAM,SAAmB,oBAAR,EAAQ,CAAoB,CAAA,CAErF"}

package/textarea/core/hookForm/index.esm.js

@@ -0,0 +1,40 @@
+import { jsx as a, jsxs as u, Fragment as m } from "react/jsx-runtime";
+import { InputFeedback as l } from "../../../api/input/index.esm.js";
+import { Controller as i } from "react-hook-form";
+import { InputTextarea as g } from "primereact/inputtextarea";
+function c({ core: o, ...e }) {
+  return /* @__PURE__ */ a(
+    i,
+    {
+      render: ({ field: r, formState: { errors: t } }) => /* @__PURE__ */ u(m, { children: [
+        /* @__PURE__ */ a(
+          g,
+          {
+            ...o,
+            ...r,
+            invalid: !!t[e.name],
+            ref: e.ref,
+            required: e.required,
+            value: r.value ?? "",
+            onBlur: (n) => e.onBlur ? e.onBlur(n.target.value) : r.onBlur(),
+            onChange: (n) => e.onChange !== void 0 ? e.onChange(n.target.value) : r.onChange(n)
+          }
+        ),
+        /* @__PURE__ */ a(
+          l,
+          {
+            ...e,
+            errors: t
+          }
+        )
+      ] }),
+      control: e.control,
+      name: e.name,
+      rules: { required: e.required ? "Campo obrigatório" : !1 }
+    }
+  );
+}
+export {
+  c as TextareaHookForm
+};
+//# sourceMappingURL=index.esm.js.map

package/textarea/core/hookForm/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/textarea/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { TextareaProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\n\ntype Props = {\n    core: InputTextareaProps & { ref: React.Ref<HTMLInputElement> | undefined }\n};\n\n/**\n * Core - `TextareaHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function TextareaHookForm({ core, ...props }: TextareaProps<\"HookForm\"> & Props) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <>\n                <InputTextarea {...core}\n                               {...field}\n                               invalid={!!errors[props.name]}\n                               ref={props.ref}\n                               required={props.required}\n                               value={field.value ?? \"\"}\n                               onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\n                               onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </>;\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"names":["TextareaHookForm","core","props","jsx","Controller","field","errors","jsxs","Fragment","InputTextarea","e","InputFeedback"],"mappings":";;;;AAcO,SAASA,EAAiB,EAAE,MAAAC,GAAM,GAAGC,KAA4C;AAMpF,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAAW,QAAQ,CAAC,EAAE,OAAAC,GAAO,WAAW,EAAE,QAAAC,EAAA,QAChC,gBAAAC,EAAAC,GAAA,EACH,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YAAe,GAAGR;AAAA,YACH,GAAGI;AAAA,YACJ,SAAS,CAAC,CAACC,EAAOJ,EAAM,IAAI;AAAA,YAC5B,KAAKA,EAAM;AAAA,YACX,UAAUA,EAAM;AAAA,YAChB,OAAOG,EAAM,SAAS;AAAA,YACtB,QAAQ,CAAAK,MAAKR,EAAM,SAASA,EAAM,OAAOQ,EAAE,OAAO,KAAK,IAAIL,EAAM,OAAA;AAAA,YACjE,UAAU,CAAAK,MAAKR,EAAM,aAAa,SAAYA,EAAM,SAASQ,EAAE,OAAO,KAAK,IAAIL,EAAM,SAASK,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAC9G,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAAe,GAAGT;AAAA,YACJ,QAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAe,GAClC;AAAA,MAEQ,SAASJ,EAAM;AAAA,MACf,MAAMA,EAAM;AAAA,MACZ,OAAO,EAAE,UAAWA,EAAM,WAAmB,sBAAR,GAAQ;AAAA,IAAoB;AAAA,EAAA;AAErF;"}

package/textarea/core/hookForm.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { TextareaProps } from '..';
+import { InputTextareaProps } from 'primereact/inputtextarea';
+type Props = {
+    core: InputTextareaProps & {
+        ref: React.Ref<HTMLInputElement> | undefined;
+    };
+};
+/**
+ * Core - `TextareaHookForm`
+ * Define o componente utilizando o HookForm
+ */
+export declare function TextareaHookForm({ core, ...props }: TextareaProps<"HookForm"> & Props): React.JSX.Element;
+export {};

package/textarea/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils"),r=require("primereact/inputtextarea");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(e);const s=({children:r,...a})=>{const n={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},s={className:t.classNames(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return e.createElement("div",{...s},r)},l=({iconPrefix:t="bi bi-",...r})=>r.label&&e.createElement("p",{className:"form-label"},r.icon&&e.createElement("i",{className:t+r.icon+" me-1"}),r.label,r.required&&e.createElement("span",{className:"text-danger"},"*")),o=({errors:t,name:r,...a})=>a.mode&&"Controlled"!==a.mode?e.createElement("div",{className:t[r??""]?"invalid-feedback is-invalid":"","data-name":r??"",id:"j_feedback",style:{display:t[r??""]?"block":"none"}},t[r??""]?t[r??""].message:""):e.createElement("div",{"data-name":r,id:"j_feedback"});function i(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var c=e=>null==e;var u=e=>!c(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),d=e=>u(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,f="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function m(e){let t;const r=Array.isArray(e),a="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(f&&(e instanceof Blob||a)||!r&&!u(e))return e;if(t=r?[]:{},r||(e=>{const t=e.constructor&&e.constructor.prototype;return u(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=m(e[r]));else t=e}return t}var b=e=>Array.isArray(e)?e.filter(Boolean):[],y=e=>void 0===e,g=(e,t,r)=>{if(!t||!u(e))return r;const a=b(t.split(/[,[\].]+?/)).reduce(((e,t)=>c(e)?e:e[t]),e);return y(a)||a===e?y(e[t])?r:e[t]:a},p=e=>"boolean"==typeof e,_=(e,t,r)=>{let a=-1;const n=(e=>/^\w*$/.test(e))(t)?[t]:b(t.replace(/["|']|\]/g,"").split(/\.|\[/));const s=n.length,l=s-1;for(;++a<s;){const t=n[a];let s=r;if(a!==l){const r=e[t];s=u(r)||Array.isArray(r)?r:isNaN(+n[a+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=s,e=e[t]}};const v="blur",h="change",E="all",V=e.createContext(null),x=()=>e.useContext(V);const C="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function j(t){const r=x(),{control:a=r.control,disabled:n,name:s,exact:l}=t||{},[o,i]=e.useState(a._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C((()=>a._subscribe({name:s,formState:c.current,exact:l,callback:e=>{!n&&i({...a._formState,...e})}})),[s,n,l]),e.useEffect((()=>{c.current.isValid&&a._setValid(!0)}),[a]),e.useMemo((()=>((e,t,r,a=!0)=>{const n={defaultValues:t._defaultValues};for(const s in e)Object.defineProperty(n,s,{get:()=>{const n=s;return t._proxyFormState[n]!==E&&(t._proxyFormState[n]=!a||E),r&&(r[n]=!0),e[n]}});return n})(o,a,c.current,!1)),[o,a])}function k(t){const r=x(),{control:a=r.control,name:n,defaultValue:s,disabled:l,exact:o}=t||{},i=e.useRef(s),[c,u]=e.useState(a._getWatch(n,i.current));return C((()=>a._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!l&&u(((e,t,r,a,n)=>"string"==typeof e?g(r,e,n):Array.isArray(e)?e.map((e=>g(r,e))):r)(n,a._names,e.values||a._formValues,0,i.current))})),[n,a,l,o]),e.useEffect((()=>a._removeUnmounted())),c}const w=t=>t.render(function(t){const r=x(),{name:a,disabled:n,control:s=r.control,shouldUnregister:l}=t,o=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(s._names.array,a),i=k({control:s,name:a,defaultValue:g(s._formValues,a,g(s._defaultValues,a,t.defaultValue)),exact:!0}),c=j({control:s,name:a,exact:!0}),u=e.useRef(t),f=e.useRef(s.register(a,{...t.rules,value:i,...p(t.disabled)?{disabled:t.disabled}:{}})),b=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!g(c.errors,a)},isDirty:{enumerable:!0,get:()=>!!g(c.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!g(c.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!g(c.validatingFields,a)},error:{enumerable:!0,get:()=>g(c.errors,a)}})),[c,a]),E=e.useCallback((e=>f.current.onChange({target:{value:d(e),name:a},type:h})),[a]),V=e.useCallback((()=>f.current.onBlur({target:{value:g(s._formValues,a),name:a},type:v})),[a,s._formValues]),C=e.useCallback((e=>{const t=g(s._fields,a);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[s._fields,a]),w=e.useMemo((()=>({name:a,value:i,...p(n)||c.disabled?{disabled:c.disabled||n}:{},onChange:E,onBlur:V,ref:C})),[a,n,c.disabled,E,V,C,i]);return e.useEffect((()=>{const e=s._options.shouldUnregister||l;s.register(a,{...u.current.rules,...p(u.current.disabled)?{disabled:u.current.disabled}:{}});const t=(e,t)=>{const r=g(s._fields,e);r&&r._f&&(r._f.mount=t)};if(t(a,!0),e){const e=m(g(s._options.defaultValues,a));_(s._defaultValues,a,e),y(g(s._formValues,a))&&_(s._formValues,a,e)}return!o&&s.register(a),()=>{(o?e&&!s._state.action:e)?s.unregister(a):t(a,!1)}}),[a,s,o,l]),e.useEffect((()=>{s._setDisabledField({disabled:n,name:a})}),[n,a,s]),e.useMemo((()=>({field:w,formState:c,fieldState:b})),[w,c,b])}(t));function A({core:t,...a}){return e.createElement(w,{render:({field:n,formState:{errors:s}})=>e.createElement(e.Fragment,null,e.createElement(r.InputTextarea,{...t,...n,invalid:!!s[a.name],ref:a.ref,required:a.required,onBlur:e=>a.onBlur?a.onBlur(e.target.value):n.onBlur(),onChange:e=>void 0!==a.onChange?a.onChange(e.target.value):n.onChange(e)}),e.createElement(o,{...a,errors:s})),control:a.control,name:a.name,rules:{required:!!a.required&&"Campo obrigatório"}})}function F({core:t,...a}){return e.createElement(e.Fragment,null,e.createElement(r.InputTextarea,{...t,ref:a.ref,value:a.value,onBlur:e=>{a.onBlur&&a.onBlur(e.target.value)},onChange:e=>{a.onChange&&a.onChange(e.target.value)}}),e.createElement(o,{...a}))}exports.Textarea=function(t){let r=t,a={...i(r),autoResize:t.autoResize};return e.createElement(s,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(l,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(A,{core:a,...r}):e.createElement(F,{core:a,...r}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./textarea/index.cjs.js");exports.Textarea=e.Textarea;
 //# sourceMappingURL=index.cjs.js.map