@orangesix/react 2.4.0-beta.3 → 2.4.0

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

@@ -1,63 +1,65 @@
 import { default as React } from 'react';
 import { ApiComponentProps, ApiFieldComponentProps } from '../../api';
 import { TabPanelHeaderTemplateOptions, TabViewTabChangeEvent, TabViewTabCloseEvent } from 'primereact/tabview';
-export 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
-}
-
-export 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
-
-    /**
-     * Define se tab vai ser visivel
-     */
-    visible?: boolean
+
+
+export 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
+}
+
+export 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
+
+    /**
+     * Define se tab vai ser visivel
+     */
+    visible?: boolean
 }

package/tabview/_tabview.scss

@@ -1,26 +1,26 @@
-.p-tabview {
-
-  .p-tabview-nav {
-    li {
-      position: relative;
-    }
-
-    .is-valid:before,
-    .is-invalid:before {
-      position: absolute;
-      content: "";
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-      background: map-get($theme-colors, 'danger');
-      z-index: 1;
-      right: -6px;
-      top: 2px;
-      animation: heartBeat .5s infinite;
-    }
-
-    .is-valid:before {
-      background: map-get($theme-colors, 'success');
-    }
-  }
+.p-tabview {
+
+  .p-tabview-nav {
+    li {
+      position: relative;
+    }
+
+    .is-valid:before,
+    .is-invalid:before {
+      position: absolute;
+      content: "";
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: map-get($theme-colors, 'danger');
+      z-index: 1;
+      right: -6px;
+      top: 2px;
+      animation: heartBeat .5s infinite;
+    }
+
+    .is-valid:before {
+      background: map-get($theme-colors, 'success');
+    }
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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                        className={\"p-tabview-response-\" + item.id}\n                        closable={item.closed}\n                        disabled={item.disabled}\n                        header={item.tab}\n                        headerTemplate={item.headerTemplate}\n                        key={index}\n                        visible={item.visible}\n                        {...positionIcon}>\n                        {item.content}\n                    </TabViewPrimeReact.TabPanel>\n                );\n            })}\n        </TabViewPrimeReact.TabView>\n    );\n};\n\nTabview.displayName = \"Tabview\";"],"mappings":";;;;AASA,IAAa,KAAW,EAAE,GAAG,QAOrB,kBAAC,EAAkB,SAAnB;CACI,aAAa,EAAM;CACnB,WAAW,YAAY,EAAM,aAAa;CAC1C,IAAI,EAAM;CACV,kBAAkB,EAAM,mBAAmB;CAC3C,aAAa,EAAM;CACnB,YAAY,EAAM;WACjB,EAAM,KAAK,KAAK,GAAM,MAAU;EAC7B,IAAI,IAAe,EAAK,iBAAiB,KAAA,KAAa,EAAK,iBAAiB,SACtE,EAAE,UAAU,GAAI,EAAK,eAAe,KAAA,IAAY,WAAW,WAAY,EAAK,KAAK,QAAQ,GACzF,EAAE,WAAW,GAAI,EAAK,eAAe,KAAA,IAAY,WAAW,WAAY,EAAK,KAAK,QAAQ;EAEhG,OACI,kBAAC,EAAkB,UAAnB;GACI,WAAW,wBAAwB,EAAK;GACxC,UAAU,EAAK;GACf,UAAU,EAAK;GACf,QAAQ,EAAK;GACb,gBAAgB,EAAK;GAErB,SAAS,EAAK;GACd,GAAI;aACH,EAAK;GACmB,EAJpB,EAIoB;GAEnC;CACsB,CAAA;AAIpC,EAAQ,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/tabview/tabview.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { TabViewProps } from \".\";\r\nimport * as TabViewPrimeReact 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    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <TabViewPrimeReact.TabView\r\n            activeIndex={props.tabIndex}\r\n            className={\"w-100 \" + (props.className ?? \"\")}\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                    <TabViewPrimeReact.TabPanel\r\n                        className={\"p-tabview-response-\" + item.id}\r\n                        closable={item.closed}\r\n                        disabled={item.disabled}\r\n                        header={item.tab}\r\n                        headerTemplate={item.headerTemplate}\r\n                        key={index}\r\n                        visible={item.visible}\r\n                        {...positionIcon}>\r\n                        {item.content}\r\n                    </TabViewPrimeReact.TabPanel>\r\n                );\r\n            })}\r\n        </TabViewPrimeReact.TabView>\r\n    );\r\n};\r\n\r\nTabview.displayName = \"Tabview\";"],"mappings":";;;;AASA,IAAa,KAAW,EAAE,GAAG,QAOrB,kBAAC,EAAkB,SAAnB;CACI,aAAa,EAAM;CACnB,WAAW,YAAY,EAAM,aAAa;CAC1C,IAAI,EAAM;CACV,kBAAkB,EAAM,mBAAmB;CAC3C,aAAa,EAAM;CACnB,YAAY,EAAM;WACjB,EAAM,KAAK,KAAK,GAAM,MAAU;EAC7B,IAAI,IAAe,EAAK,iBAAiB,KAAA,KAAa,EAAK,iBAAiB,SACtE,EAAE,UAAU,GAAI,EAAK,eAAe,KAAA,IAAY,WAAW,WAAY,EAAK,KAAK,OAAO,IACxF,EAAE,WAAW,GAAI,EAAK,eAAe,KAAA,IAAY,WAAW,WAAY,EAAK,KAAK,OAAO;EAE/F,OACI,kBAAC,EAAkB,UAAnB;GACI,WAAW,wBAAwB,EAAK;GACxC,UAAU,EAAK;GACf,UAAU,EAAK;GACf,QAAQ,EAAK;GACb,gBAAgB,EAAK;GAErB,SAAS,EAAK;GACd,GAAI;aACH,EAAK;EACkB,GAJnB,CAImB;CAEpC,CAAC;AACsB,CAAA;AAInC,EAAQ,cAAc"}

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

@@ -1,18 +1,20 @@
 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;
+
+
+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.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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}"],"mappings":";;;;;;AAaA,SAAgB,EAAmB,EAAE,SAAM,GAAG,KAA8C;CAMxF,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,GAAD;EAAe,GAAI;EACf,KAAK,EAAM;EACX,OAAO,EAAM;EACb,SAAQ,MAAS;GACb,AAAI,EAAM,UACN,EAAM,OAAO,EAAM,OAAO,MAAM;;EAGxC,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,MAAM;;EAEtC,CAAA,EACR,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA,CAC5B,EAAA,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/textarea/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { TextareaProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\r\n\r\ntype Props = {\r\n    core: InputTextareaProps & { ref: React.Ref<HTMLTextAreaElement> | undefined }\r\n};\r\n\r\n/**\r\n * Core - `TextareaControlled`\r\n * Define o componente controlled\r\n */\r\nexport function TextareaControlled({ core, ...props }: TextareaProps<\"Controlled\"> & Props) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            <InputTextarea {...core}\r\n                ref={props.ref}\r\n                value={props.value}\r\n                onBlur={event => {\r\n                    if (props.onBlur) {\r\n                        props.onBlur(event.target.value);\r\n                    }\r\n                }}\r\n                onChange={event => {\r\n                    if (props.onChange) {\r\n                        props.onChange(event.target.value);\r\n                    }\r\n                }}/>\r\n            <InputFeedback {...props}/>\r\n        </>\r\n    );\r\n}"],"mappings":";;;;;;AAaA,SAAgB,EAAmB,EAAE,SAAM,GAAG,KAA8C;CAMxF,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,GAAD;EAAe,GAAI;EACf,KAAK,EAAM;EACX,OAAO,EAAM;EACb,SAAQ,MAAS;GACb,AAAI,EAAM,UACN,EAAM,OAAO,EAAM,OAAO,KAAK;EAEvC;EACA,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,KAAK;EAEzC;CAAG,CAAA,GACP,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CAC5B,EAAA,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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}"],"mappings":";;;;;;;AAcA,SAAgB,EAAiB,EAAE,SAAM,GAAG,KAA4C;CAMpF,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,GAAD;GAAe,GAAI;GACf,GAAI;GACJ,SAAS,CAAC,CAAC,EAAO,EAAM;GACxB,KAAK,EAAM;GACX,UAAU,EAAM;GAChB,OAAO,EAAM,SAAS;GACtB,SAAQ,MAAK,EAAM,SAAS,EAAM,OAAO,EAAE,OAAO,MAAM,GAAG,EAAM,QAAQ;GACzE,WAAU,MAAK,EAAM,aAAa,KAAA,IAA6C,EAAM,SAAS,EAAE,GAAlD,EAAM,SAAS,EAAE,OAAO,MAAM;GAAuB,CAAA,EACvG,kBAAC,GAAD;GAAe,GAAI;GACP;GAAS,CAAA,CACtB,EAAA,CAAA;EAEP,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,IAA6B;EAAG,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/textarea/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { TextareaProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport { InputTextarea, InputTextareaProps } from \"primereact/inputtextarea\";\r\n\r\ntype Props = {\r\n    core: InputTextareaProps & { ref: React.Ref<HTMLInputElement> | undefined }\r\n};\r\n\r\n/**\r\n * Core - `TextareaHookForm`\r\n * Define o componente utilizando o HookForm\r\n */\r\nexport function TextareaHookForm({ core, ...props }: TextareaProps<\"HookForm\"> & Props) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Controller render={({ field, formState: { errors } }) => {\r\n            return <>\r\n                <InputTextarea {...core}\r\n                    {...field}\r\n                    invalid={!!errors[props.name]}\r\n                    ref={props.ref}\r\n                    required={props.required}\r\n                    value={field.value ?? \"\"}\r\n                    onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\r\n                    onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\r\n                <InputFeedback {...props}\r\n                    errors={errors}/>\r\n            </>;\r\n        }}\r\n        control={props.control}\r\n        name={props.name}\r\n        rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\r\n    );\r\n}"],"mappings":";;;;;;;AAcA,SAAgB,EAAiB,EAAE,SAAM,GAAG,KAA4C;CAMpF,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,GAAD;GAAe,GAAI;GACf,GAAI;GACJ,SAAS,CAAC,CAAC,EAAO,EAAM;GACxB,KAAK,EAAM;GACX,UAAU,EAAM;GAChB,OAAO,EAAM,SAAS;GACtB,SAAQ,MAAK,EAAM,SAAS,EAAM,OAAO,EAAE,OAAO,KAAK,IAAI,EAAM,OAAO;GACxE,WAAU,MAAK,EAAM,aAAa,KAAA,IAA6C,EAAM,SAAS,CAAC,IAAjD,EAAM,SAAS,EAAE,OAAO,KAAK;EAAuB,CAAA,GACtG,kBAAC,GAAD;GAAe,GAAI;GACP;EAAQ,CAAA,CACtB,EAAA,CAAA;EAEN,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,GAA4B;CAAG,CAAA;AAE5E"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/textarea/textarea.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { TextareaProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { InputLabel, InputProps } from \"../api\";\nimport { TextareaHookForm } from \"./core/hookForm\";\nimport { TextareaControlled } from \"./core/controlled\";\nimport { InputTextareaProps } from \"primereact/inputtextarea\";\n\n/**\n * Componente - `Textarea`\n *\n * Um componente versátil que é utilizado para entrada de dados simples.\n */\nexport function Textarea<T extends ApiFieldModeProps = \"Controlled\">(props: TextareaProps<T> & { mode?: T }) {\n\n    let propsCore = props as any;\n    let core: InputTextareaProps & { ref: React.Ref<any> | undefined } = {\n        ...InputProps(propsCore),\n        autoResize: props.autoResize\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n            css={props.css}\n            size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            {!props.mode || props.mode === \"Controlled\"\n                ? <TextareaControlled core={core}\n                    {...propsCore}/>\n                : <TextareaHookForm core={core}\n                    {...propsCore}/>}\n        </Box>\n    );\n}\n\nTextarea.displayName = \"Textarea\";"],"mappings":";;;;;;;;;AAcA,SAAgB,EAAqD,GAAwC;CAEzG,IAAI,IAAY,GACZ,IAAiE;EACjE,GAAG,EAAW,EAAU;EACxB,YAAY,EAAM;EACrB;CAOD,OACI,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACvB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAA0B;GACxB,GAAI;GAAY,CAAA,GAClB,kBAAC,GAAD;GAAwB;GACtB,GAAI;GAAY,CAAA,CACtB;;;AAId,EAAS,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/textarea/textarea.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { TextareaProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { InputLabel, InputProps } from \"../api\";\r\nimport { TextareaHookForm } from \"./core/hookForm\";\r\nimport { TextareaControlled } from \"./core/controlled\";\r\nimport { InputTextareaProps } from \"primereact/inputtextarea\";\r\n\r\n/**\r\n * Componente - `Textarea`\r\n *\r\n * Um componente versátil que é utilizado para entrada de dados simples.\r\n */\r\nexport function Textarea<T extends ApiFieldModeProps = \"Controlled\">(props: TextareaProps<T> & { mode?: T }) {\r\n\r\n    let propsCore = props as any;\r\n    let core: InputTextareaProps & { ref: React.Ref<any> | undefined } = {\r\n        ...InputProps(propsCore),\r\n        autoResize: props.autoResize\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            {!props.mode || props.mode === \"Controlled\"\r\n                ? <TextareaControlled core={core}\r\n                    {...propsCore}/>\r\n                : <TextareaHookForm core={core}\r\n                    {...propsCore}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nTextarea.displayName = \"Textarea\";"],"mappings":";;;;;;;;;AAcA,SAAgB,EAAqD,GAAwC;CAEzG,IAAI,IAAY,GACZ,IAAiE;EACjE,GAAG,EAAW,CAAS;EACvB,YAAY,EAAM;CACtB;CAOA,OACI,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GACtB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAA0B;GACxB,GAAI;EAAW,CAAA,IACjB,kBAAC,GAAD;GAAwB;GACtB,GAAI;EAAW,CAAA,CACtB;;AAEb;AAEA,EAAS,cAAc"}

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

@@ -1,59 +1,61 @@
 import { CSSProperties } from 'react';
-export interface TooltipProps {
-    /**
-     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
-     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
-     *  ou até mesmo outros componentes.
-     */
-    children: any
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o conteúdo do tooltip
-     */
-    content: React.ReactNode | string
-
-    /**
-     * Define a posição do tooltip
-     */
-    position?: "top" | "bottom" | "left" | "right" | "mouse"
-
-    /**
-     * Escolhe o lugar que será renderizado o tooltip
-     */
-    renderTo?: "self" | HTMLElement | null | undefined | (() => HTMLElement)
-
-    /**
-     * Define o zIndex personalizado do tooltip
-     */
-    zIndex?: number
-
-    /**
-     * Define qual evento será utilizado para ativar tooltip
-     */
-    event?: "both" | "focus" | "hover"
-
-    /**
-     * Define evento de ao exibir tooltip
-     */
-    onShow?: () => void
-
-    /**
-     * Define evento de ao esconders tooltip
-     */
-    onHide?: () => void
+
+
+export interface TooltipProps {
+    /**
+     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
+     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
+     *  ou até mesmo outros componentes.
+     */
+    children: any
+
+    /**
+     * Desabilita a entrada de dados no campo
+     */
+    disabled?: boolean
+
+    /**
+     * Define as propriedades css do component `style`
+     */
+    css?: CSSProperties
+
+    /**
+     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
+     */
+    className?: string
+
+    /**
+     * Define o conteúdo do tooltip
+     */
+    content: React.ReactNode | string
+
+    /**
+     * Define a posição do tooltip
+     */
+    position?: "top" | "bottom" | "left" | "right" | "mouse"
+
+    /**
+     * Escolhe o lugar que será renderizado o tooltip
+     */
+    renderTo?: "self" | HTMLElement | null | undefined | (() => HTMLElement)
+
+    /**
+     * Define o zIndex personalizado do tooltip
+     */
+    zIndex?: number
+
+    /**
+     * Define qual evento será utilizado para ativar tooltip
+     */
+    event?: "both" | "focus" | "hover"
+
+    /**
+     * Define evento de ao exibir tooltip
+     */
+    onShow?: () => void
+
+    /**
+     * Define evento de ao esconders tooltip
+     */
+    onHide?: () => void
 }

package/tooltip/core/handle/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/tooltip/core/handle.ts"],"sourcesContent":["/**\n * Gera a hash como identificado unico do tooltip\n */\nexport function tooltipHash(): string {\n    const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n    let hash = \"\";\n    for (let i = 0; i < 5; i++) {\n        const randomIndex = Math.floor(Math.random() * chars.length);\n        hash += chars.charAt(randomIndex);\n    }\n    return hash;\n}"],"mappings":";AAGA,SAAgB,IAAsB;CAClC,IACI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;EACxB,IAAM,IAAc,KAAK,MAAM,KAAK,QAAQ,GAAG,GAAa;EAC5D,KAAQ,iEAAM,OAAO,EAAY;;CAErC,OAAO"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/tooltip/core/handle.ts"],"sourcesContent":["/**\r\n * Gera a hash como identificado unico do tooltip\r\n */\r\nexport function tooltipHash(): string {\r\n    const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\r\n    let hash = \"\";\r\n    for (let i = 0; i < 5; i++) {\r\n        const randomIndex = Math.floor(Math.random() * chars.length);\r\n        hash += chars.charAt(randomIndex);\r\n    }\r\n    return hash;\r\n}"],"mappings":";AAGA,SAAgB,IAAsB;CAClC,IACI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;EACxB,IAAM,IAAc,KAAK,MAAM,KAAK,OAAO,IAAI,EAAY;EAC3D,KAAQ,iEAAM,OAAO,CAAW;CACpC;CACA,OAAO;AACX"}

package/tooltip/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js",
-  "types": "./index.d.ts"
-}
+{
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js",
+  "types": "./index.d.ts"
+}

package/tooltip/tooltip/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { TooltipProps } from \".\";\nimport { tooltipHash } from \"./core/handle\";\nimport * as TooltipPrimeReact from \"primereact/tooltip\";\n\n/**\n * Componente - `Tooltip`\n *\n * Tooltip é uma abstração do Popper que fornece lógica comum envolvida em todos os tipos de elementos que aparecem na interface do usuário,\n * posicionados ao lado de um elemento de destino ou referência.\n */\nexport const Tooltip = ({ children, ...props }: TooltipProps) => {\n    let hash = tooltipHash();\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            <div className={\"tooltip-target-\" + hash}>\n                <TooltipPrimeReact.Tooltip\n                    appendTo={props.renderTo ?? \"self\"}\n                    baseZIndex={props.zIndex}\n                    className={props.className}\n                    content={props.content}\n                    disabled={props.disabled}\n                    event={props.event}\n                    position={props.position}\n                    style={props.css}\n                    target={\".tooltip-target-\" + hash}\n                    onHide={props.onHide}\n                    onShow={props.onShow}/>\n                {children}\n            </div>\n        </>\n    );\n};\n\nTooltip.displayName = \"Tooltip\";"],"mappings":";;;;;AAWA,IAAa,KAAW,EAAE,aAAU,GAAG,QAA0B;CAC7D,IAAI,IAAO,GAAa;CAMxB,OACI,kBAAA,GAAA,EAAA,UACI,kBAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,CACI,kBAAC,EAAkB,SAAnB;GACI,UAAU,EAAM,YAAY;GAC5B,YAAY,EAAM;GAClB,WAAW,EAAM;GACjB,SAAS,EAAM;GACf,UAAU,EAAM;GAChB,OAAO,EAAM;GACb,UAAU,EAAM;GAChB,OAAO,EAAM;GACb,QAAQ,qBAAqB;GAC7B,QAAQ,EAAM;GACd,QAAQ,EAAM;GAAS,CAAA,EAC1B,EACC;KACP,CAAA;;AAIX,EAAQ,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { TooltipProps } from \".\";\r\nimport { tooltipHash } from \"./core/handle\";\r\nimport * as TooltipPrimeReact from \"primereact/tooltip\";\r\n\r\n/**\r\n * Componente - `Tooltip`\r\n *\r\n * Tooltip é uma abstração do Popper que fornece lógica comum envolvida em todos os tipos de elementos que aparecem na interface do usuário,\r\n * posicionados ao lado de um elemento de destino ou referência.\r\n */\r\nexport const Tooltip = ({ children, ...props }: TooltipProps) => {\r\n    let hash = tooltipHash();\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            <div className={\"tooltip-target-\" + hash}>\r\n                <TooltipPrimeReact.Tooltip\r\n                    appendTo={props.renderTo ?? \"self\"}\r\n                    baseZIndex={props.zIndex}\r\n                    className={props.className}\r\n                    content={props.content}\r\n                    disabled={props.disabled}\r\n                    event={props.event}\r\n                    position={props.position}\r\n                    style={props.css}\r\n                    target={\".tooltip-target-\" + hash}\r\n                    onHide={props.onHide}\r\n                    onShow={props.onShow}/>\r\n                {children}\r\n            </div>\r\n        </>\r\n    );\r\n};\r\n\r\nTooltip.displayName = \"Tooltip\";"],"mappings":";;;;;AAWA,IAAa,KAAW,EAAE,aAAU,GAAG,QAA0B;CAC7D,IAAI,IAAO,EAAY;CAMvB,OACI,kBAAA,GAAA,EAAA,UACI,kBAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,CACI,kBAAC,EAAkB,SAAnB;GACI,UAAU,EAAM,YAAY;GAC5B,YAAY,EAAM;GAClB,WAAW,EAAM;GACjB,SAAS,EAAM;GACf,UAAU,EAAM;GAChB,OAAO,EAAM;GACb,UAAU,EAAM;GAChB,OAAO,EAAM;GACb,QAAQ,qBAAqB;GAC7B,QAAQ,EAAM;GACd,QAAQ,EAAM;EAAQ,CAAA,GACzB,CACA;IACP,CAAA;AAEV;AAEA,EAAQ,cAAc"}

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

@@ -1,3 +1,3 @@
-export * from './request';
-export * from './message';
+export * from './request';
+export * from './message';
 export * from './response';

package/utils/@types/message.d.ts

@@ -1,18 +1,20 @@
 import { SweetAlertOptions } from 'sweetalert2';
-/**
- * Retorna os tipos do arquivo <b>message.ts</b>
- *
- * @module utils
- * @author Luiz Fernando Bernardes de Paula
- */
-export interface IUtilsMessage<T extends keyof IUtilsMessageOptions> {
-    message: IUtilsResponseMessage,
-    type?: "toast" | "message",
-    options?: IUtilsMessageOptions[T],
-    library?: keyof IUtilsMessageOptions
-}
-
-export interface IUtilsMessageOptions {
-    sweetAlert: SweetAlertOptions,
-    snackbar: SnackbarOptions
+
+
+/**
+ * Retorna os tipos do arquivo <b>message.ts</b>
+ *
+ * @module utils
+ * @author Luiz Fernando Bernardes de Paula
+ */
+export interface IUtilsMessage<T extends keyof IUtilsMessageOptions> {
+    message: IUtilsResponseMessage,
+    type?: "toast" | "message",
+    options?: IUtilsMessageOptions[T],
+    library?: keyof IUtilsMessageOptions
+}
+
+export interface IUtilsMessageOptions {
+    sweetAlert: SweetAlertOptions,
+    snackbar: SnackbarOptions
 }

package/utils/@types/request.d.ts

@@ -1,23 +1,23 @@
-/**
- * Retorna os tipos do arquivo <b>request.ts</b>
- *
- * @module utils
- * @author Luiz Fernando Bernardes de Paula
- */
-export interface IUtilsRequestPostOptions {
-
-    /**
-     * Blocks multiple simultaneous requests
-     */
-    blockedToManyRequest?: boolean
-
-    /**
-     * Blocks the execution of the response method upon return from the post.
-     */
-    blockedResponse?: boolean
-
-    /**
-     * Replace the BASE url with the absolute url provided
-     */
-    url?: string
+/**
+ * Retorna os tipos do arquivo <b>request.ts</b>
+ *
+ * @module utils
+ * @author Luiz Fernando Bernardes de Paula
+ */
+export interface IUtilsRequestPostOptions {
+
+    /**
+     * Blocks multiple simultaneous requests
+     */
+    blockedToManyRequest?: boolean
+
+    /**
+     * Blocks the execution of the response method upon return from the post.
+     */
+    blockedResponse?: boolean
+
+    /**
+     * Replace the BASE url with the absolute url provided
+     */
+    url?: string
 }

package/utils/@types/response.d.ts

@@ -1,55 +1,55 @@
-/**
- * Retorna os tipos do arquivo <b>helper.ts</b>
- *
- * @module utils
- * @author Luiz Fernando Bernardes de Paula
- */
-export interface IUtilsHelperResponse {
-    gep_cep: {
-        bairro: string
-        cep: string
-        complemento: string
-        localidade: string
-        logradouro: string
-        uf: string
-    }
-}
-
-/**
- * Retorna os tipos do arquivo <b>response.ts</b>
- *
- * @module utils
- * @author Luiz Fernando Bernardes de Paula
- */
-export interface IUtilsResponseType<T> {
-    data?: T
-    accept?: any
-    redirect?: string
-    errors?: IUtilsResponseError
-    field?: IUtilsResponseField
-    message?: IUtilsResponseMessage
-    modal?: IUtilsResponseModal
-}
-
-export interface IUtilsResponseError {
-    [key: string]: string[];
-}
-
-export interface IUtilsResponseField {
-    field: string
-    messageType: string
-    message: string
-}
-
-export interface IUtilsResponseModal {
-    modal: string,
-    action: string
-}
-
-export interface IUtilsResponseMessage {
-    type?: "success" | "warning" | "error" | "info"
-    title?: string
-    message?: string
-    text?: string
-    icon?: string
-}
+/**
+ * Retorna os tipos do arquivo <b>helper.ts</b>
+ *
+ * @module utils
+ * @author Luiz Fernando Bernardes de Paula
+ */
+export interface IUtilsHelperResponse {
+    gep_cep: {
+        bairro: string
+        cep: string
+        complemento: string
+        localidade: string
+        logradouro: string
+        uf: string
+    }
+}
+
+/**
+ * Retorna os tipos do arquivo <b>response.ts</b>
+ *
+ * @module utils
+ * @author Luiz Fernando Bernardes de Paula
+ */
+export interface IUtilsResponseType<T> {
+    data?: T
+    accept?: any
+    redirect?: string
+    errors?: IUtilsResponseError
+    field?: IUtilsResponseField
+    message?: IUtilsResponseMessage
+    modal?: IUtilsResponseModal
+}
+
+export interface IUtilsResponseError {
+    [key: string]: string[];
+}
+
+export interface IUtilsResponseField {
+    field: string
+    messageType: string
+    message: string
+}
+
+export interface IUtilsResponseModal {
+    modal: string,
+    action: string
+}
+
+export interface IUtilsResponseMessage {
+    type?: "success" | "warning" | "error" | "info"
+    title?: string
+    message?: string
+    text?: string
+    icon?: string
+}