@orangesix/react 1.3.8 → 2.0.3

package/editor/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/editor/core/text.tsx","../../src/editor/core/link.tsx","../../src/editor/core/bold.tsx","../../src/editor/core/code.tsx","../../src/editor/core/color.tsx","../../src/editor/core/image.tsx","../../src/editor/core/italic.tsx","../../src/editor/core/strike.tsx","../../src/editor/core/orderlist.tsx","../../src/editor/core/underline.tsx","../../src/editor/core/highlight.tsx","../../src/editor/core/bulletlist.tsx","../../src/editor/core/index.tsx","../../src/api/input.tsx","../../src/editor/const.ts","../../src/editor/editor.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Text`\r\n * Extensão para formatar o texto com tamanho específico\r\n */\r\nexport const Text = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n\r\n    return active && (\r\n        <>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 1 }) ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               style={{ fontSize: \".975em\" }}\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n                   editor.chain().focus().toggleHeading({ level: 1 }).run();\r\n               }}><i className=\"bi bi-type-h1\"/></a>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 2 }) ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               style={{ fontSize: \".975em\" }}\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n                   editor.chain().focus().toggleHeading({ level: 2 }).run();\r\n               }}><i className=\"bi bi-type-h2\"/></a>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 3 }) ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               style={{ fontSize: \".975em\" }}\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n                   editor.chain().focus().toggleHeading({ level: 3 }).run();\r\n               }}><i className=\"bi bi-type-h3\"/></a>\r\n        </>\r\n    );\r\n};","import { EditorCoreProps } from \"../types\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Core - `Link`\r\n * Extensão para formatar adicionar link no documento\r\n */\r\nexport const Link = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    const [open, setOpen] = useState<boolean>(false);\r\n    const [link, setLink] = useState<string>(\"\");\r\n\r\n    useEffect(() => {\r\n        setLink(\"\");\r\n    }, [open]);\r\n\r\n    function handleLink() {\r\n        if (link === \"\") {\r\n            editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\r\n        } else {\r\n            editor.chain().focus().extendMarkRange(\"link\").setLink({ href: link }).run();\r\n        }\r\n        setOpen(false);\r\n    }\r\n\r\n    return active && (\r\n        <>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"link\") ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n                   if (!editor.isActive(\"link\")) {\r\n                       setOpen(!open);\r\n                   } else {\r\n                       editor.chain().focus().unsetLink().run();\r\n                   }\r\n               }}><i className=\"bi bi-link\"/></a>\r\n            {open && <div className=\"editor-link\">\r\n                <input className=\"form-control form-control-sm\"\r\n                       placeholder=\"https://example.com.br\"\r\n                       style={{ fontSize: \".8em\", flex: 1 }}\r\n                       type=\"text\"\r\n                       value={link}\r\n                       onChange={event => setLink(event.target.value)}/>\r\n                <a className=\"text-primary ms-2\"\r\n                   href=\"#\"\r\n                   style={{ fontSize: \".8em\" }}\r\n                   onClick={event => {\r\n                       event.preventDefault();\r\n                       handleLink();\r\n                   }}><i className=\"bi bi-save me-1\"/>Save</a>\r\n            </div>}\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Bold`\r\n * Extensão para renderizar texto em negrito\r\n */\r\nexport const Bold = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"bold\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleBold().run();\r\n           }}><i className=\"bi bi-type-bold\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Code`\r\n * Extensão para renderizar texto em formato de código\r\n */\r\nexport const Code = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"code\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           style={{ fontSize: \".975em\" }}\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleCode().run();\r\n           }}><i className=\"bi bi-code-slash\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Color`\r\n * Extensão para formatar o texto com cor especifica\r\n */\r\nexport const Color = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <input\r\n            style={{\r\n                width: \"22px\",\r\n                height: \"20px\",\r\n                borderRadius: \"5px\",\r\n                margin: \"auto 2.5px\",\r\n                border: \"2px solid var(--editor-border-color)\",\r\n            }}\r\n            type=\"color\"\r\n            value={editor.getAttributes(\"textStyle\").color ?? \"#000000\"}\r\n            onChange={event => editor.chain().focus().setColor(event.target.value).run()}/>\r\n    );\r\n};","import { EditorCoreProps } from \"../types\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Core - `Image`\r\n * Extensão para adicionar imagem no documento\r\n */\r\nexport const Image = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    const [file, setFile] = useState<any>(null);\r\n\r\n    const handlePaste = (event: any) => {\r\n        const items = (event.clipboardData || event.originalEvent.clipboardData).items;\r\n        for (const item of items) {\r\n            if (item.type.indexOf(\"image\") === 0) {\r\n                const file = item.getAsFile();\r\n                const reader = new FileReader();\r\n                reader.onload = (event) => {\r\n                    editor.chain().focus().setImage({ src: event?.target?.result as string }).run();\r\n                };\r\n                reader.readAsDataURL(file);\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (editor.view.dom.parentNode !== null && active) {\r\n            editor.view.dom.parentNode.addEventListener(\"paste\", handlePaste);\r\n        }\r\n        return () => {\r\n            editor.view.dom.parentNode?.removeEventListener(\"paste\", handlePaste);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (file?.name !== undefined) {\r\n            const reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            reader.onload = () => {\r\n                editor.chain().focus().setImage({ src: reader.result as string }).run();\r\n            };\r\n        }\r\n    }, [file]);\r\n\r\n    return active && (\r\n        <div className=\"editor-image\">\r\n            <input accept=\"image/png, image/jpeg\"\r\n                   name=\"editor-image\"\r\n                   type=\"file\"\r\n                   onChange={event => setFile(event.target.files?.[0])}/>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"link\") ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               style={{ fontSize: \".975em\" }}\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n               }}><i className=\"bi bi-image\"/></a>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Italic`\r\n * Extensão para renderizar texto em itálico\r\n */\r\nexport const Italic = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"italic\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleItalic().run();\r\n           }}><i className=\"bi bi-type-italic\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Strike`\r\n * Extensão para renderizar texto em strike text\r\n */\r\nexport const Strike = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"strike\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleStrike().run();\r\n           }}><i className=\"bi bi-type-strikethrough\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Orderlist`\r\n * Extensão para renderizar texto em lista ordenada\r\n */\r\nexport const Orderlist = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"orderedList\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleOrderedList().run();\r\n           }}><i className=\"bi bi-list-ol\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Underline`\r\n * Extensão para renderizar texto em underline text\r\n */\r\nexport const Underline = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"underline\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleUnderline().run();\r\n           }}><i className=\"bi bi-type-underline\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Highlight`\r\n * Extensão para marcar texto no formato de marca texto\r\n */\r\nexport const Highlight = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"highlight\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           style={{ fontSize: \".975em\" }}\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleHighlight().run();\r\n           }}><i className=\"bi bi-highlighter\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Bulletlist`\r\n * Extensão para renderizar texto em lista\r\n */\r\nexport const Bulletlist = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"bulletList\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleBulletList().run();\r\n           }}><i className=\"bi bi-list-task\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { Text } from \"./text\";\r\nimport { Link } from \"./link\";\r\nimport { Bold } from \"./bold\";\r\nimport { Code } from \"./code\";\r\nimport { Color } from \"./color\";\r\nimport { Image } from \"./image\";\r\nimport { Italic } from \"./italic\";\r\nimport { Strike } from \"./strike\";\r\nimport { Orderlist } from \"./orderlist\";\r\nimport { Underline } from \"./underline\";\r\nimport { Highlight } from \"./highlight\";\r\nimport { Bulletlist } from \"./bulletlist\";\r\nimport { EditorCoreProps, EditorOptionsProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Menu`\r\n * Componente que renderiza todas as opções de menu do componente\r\n */\r\nexport const EditorMenu = ({ editor, options }: EditorCoreProps & { options: EditorOptionsProps }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <div className=\"editor-menu\">\r\n            <div className=\"editor-menu-group\">\r\n                <Text active={options.text}\r\n                      editor={editor}/>\r\n                <Bold active={options.bold}\r\n                      editor={editor}/>\r\n                <Italic active={options.italic}\r\n                        editor={editor}/>\r\n                <Color active={options.color}\r\n                       editor={editor}/>\r\n                <Strike active={options.strike}\r\n                        editor={editor}/>\r\n                <Underline active={options.underline}\r\n                           editor={editor}/>\r\n                <Code active={options.code}\r\n                      editor={editor}/>\r\n                <Highlight active={options.highlight}\r\n                           editor={editor}/>\r\n            </div>\r\n            <div className=\"editor-menu-group\">\r\n                <Bulletlist active={options.bulletlist}\r\n                            editor={editor}/>\r\n                <Orderlist active={options.orderlist}\r\n                           editor={editor}/>\r\n                <Link active={options.link}\r\n                      editor={editor}/>\r\n                <Image active={options.image}\r\n                       editor={editor}/>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}","import { EditorOptionsProps } from \"./types\";\r\n\r\nexport const editorBasic: EditorOptionsProps = {\r\n    text: true,\r\n    bold: true,\r\n    italic: true,\r\n    color: true,\r\n    strike: false,\r\n    underline: false,\r\n    code: false,\r\n    highlight: false,\r\n    bulletlist: false,\r\n    orderlist: false,\r\n    link: false,\r\n    image: false\r\n};\r\n\r\nexport const editorFull: EditorOptionsProps = {\r\n    text: true,\r\n    bold: true,\r\n    italic: true,\r\n    color: true,\r\n    strike: true,\r\n    underline: true,\r\n    code: true,\r\n    highlight: true,\r\n    bulletlist: true,\r\n    orderlist: true,\r\n    link: true,\r\n    image: true\r\n};","import { Box } from \"../box\";\r\nimport { EditorMenu } from \"./core\";\r\nimport { InputFeedback, InputLabel } from \"../api\";\r\nimport { EditorProps } from \"./types\";\r\nimport Link from \"@tiptap/extension-link\";\r\nimport Image from \"@tiptap/extension-image\";\r\nimport StarterKit from \"@tiptap/starter-kit\";\r\nimport { Color } from \"@tiptap/extension-color\";\r\nimport { editorBasic, editorFull } from \"./const\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport Underline from \"@tiptap/extension-underline\";\r\nimport Highlight from \"@tiptap/extension-highlight\";\r\nimport TextStyle from \"@tiptap/extension-text-style\";\r\nimport { EditorContent as EditorTipTap, useEditor } from \"@tiptap/react\";\r\n\r\n/**\r\n * Componente - `Editor`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar container de edição de texto.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Editor = ({ options = \"basic\", iconPrefix = \"bi bi-\", ...props }: EditorProps) => {\r\n    const [edition, setEdition] = useState(false);\r\n    const editor = useEditor({\r\n        extensions: [\r\n            StarterKit,\r\n            Underline,\r\n            Highlight,\r\n            Color,\r\n            TextStyle,\r\n            Link.configure({\r\n                validate: (href) => /^https?:\\/\\//.test(href),\r\n                HTMLAttributes: {\r\n                    rel: \"\"\r\n                }\r\n            }),\r\n            Image.configure({\r\n                allowBase64: true\r\n            })\r\n        ],\r\n        editable: !props.disabled,\r\n        content: props.value ?? \"\",\r\n        onFocus: () => setEdition(true),\r\n        onBlur: () => setEdition(false),\r\n        onUpdate: ({ editor }) => {\r\n            props.onChange(editor.getHTML());\r\n        }\r\n    });\r\n\r\n    if (!editor) {\r\n        console.error(\"Não foi possível realizar o carregamento do editor de texto.\");\r\n        return null;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (editor && !edition) {\r\n            editor?.commands.setContent(props.value);\r\n        }\r\n    }, [props.value]);\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            <div className=\"editor-container\">\r\n                {!props.disabled\r\n                    && <EditorMenu editor={editor}\r\n                                   options={options === \"basic\" ? editorBasic : options === \"full\" ? editorFull : options}/>}\r\n                <EditorTipTap className=\"editor\"\r\n                              disabled={props.disabled}\r\n                              editor={editor}\r\n                              id={props.id}\r\n                              name={props.name}\r\n                              style={{ minHeight: (props.height ?? 100) + \"px\" }}/>\r\n            </div>\r\n            <InputFeedback {...props}/>\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default Editor;"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","Text","editor","active","Fragment","isActive","level","href","fontSize","onClick","event","preventDefault","chain","focus","toggleHeading","run","Link","open","setOpen","useState","link","setLink","useEffect","unsetLink","placeholder","flex","type","value","onChange","target","extendMarkRange","Bold","toggleBold","Code","toggleCode","Color","width","height","borderRadius","margin","border","getAttributes","color","setColor","Image","file","setFile","handlePaste","items","clipboardData","originalEvent","item","indexOf","getAsFile","reader","FileReader","onload","setImage","src","result","readAsDataURL","view","dom","parentNode","addEventListener","removeEventListener","name","accept","files","Italic","toggleItalic","Strike","toggleStrike","Orderlist","toggleOrderedList","Underline","toggleUnderline","Highlight","toggleHighlight","Bulletlist","toggleBulletList","EditorMenu","options","text","bold","italic","strike","underline","code","highlight","bulletlist","orderlist","image","InputLabel","iconPrefix","label","icon","required","InputFeedback","errors","mode","display","message","editorBasic","editorFull","Editor","edition","setEdition","useEditor","extensions","StarterKit","TextStyle","configure","validate","test","HTMLAttributes","rel","allowBase64","editable","disabled","content","onFocus","onBlur","onUpdate","getHTML","commands","setContent","EditorTipTap","minHeight","console","error"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,111 @@
+import { PasswordProps } from 'primereact/password';
+import { default as React, HTMLInputTypeAttribute } from 'react';
+import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
+interface InputMaskProps {
+    /**
+     * Define mascara no campo de dados
+     */
+    mask?: string | "cpf" | "cnpj"
+
+    /**
+     * Define se campo vai ser limpo se mascara tiver imcompleta
+     */
+    maskAutoClear?: boolean
+}
+
+interface InputPasswordProps {
+    /**
+     * Define se vai ou não mostra o botão para exibir a senha
+     */
+    passwordShow?: boolean
+
+    /**
+     * Define se vai ou não mostra a legenda da senha
+     */
+    passwordFeedback?: boolean
+
+    /**
+     * Define o template do cabeçalho do password
+     */
+    passwordHeaderTemplate?: (props: PasswordProps) => React.ReactNode
+
+    /**
+     * Define o template do Rodapé do password
+     */
+    passwordFooterTemplate?: (props: PasswordProps) => React.ReactNode
+
+    /**
+     * Define o template do password
+     */
+    passwordTemplate?: (props: PasswordProps) => React.ReactNode
+}
+
+interface InputNumberProps {
+
+    /**
+     * Define o tamanho mínimo para input do tipo 'Number'
+     */
+    numberMin?: number
+
+    /**
+     * Define o tamanho máximo para input do tipo 'Number'
+     */
+    numberMax?: number
+
+    /**
+     * Define o modo para input do tipo 'Number'
+     */
+    numberMode?: "decimal" | "currency"
+
+    /**
+     * Define o modo de dinheiro para input do tipo 'Number'
+     */
+    numberCurrency?: "BRL" | string
+
+    /**
+     * Define o prfixo para input do tipo 'Number'
+     */
+    numberPrefix?: string
+
+    /**
+     * Define o sufixo para input do tipo 'Number'
+     */
+    numberSuffix?: string
+
+    /**
+     * Define se separador decimal vai ser exibibo para input do tipo 'Number'
+     */
+    numberDecimalSeparator?: boolean
+
+    /**
+     * Define o mínimo de casas decimais para input do tipo 'Number'
+     */
+    numberMaxFractionDigits?: number
+
+    /**
+     * Define o máximo de casas decimais para input do tipo 'Number'
+     */
+    numberMinFractionDigits?: number
+}
+
+interface InputBaseProps extends ApiComponentProps, ApiFieldComponentProps, InputPasswordProps, InputMaskProps, InputNumberProps {
+
+    /**
+     * Define o tipo de dados do componente
+     */
+    type?: Extract<HTMLInputTypeAttribute, "text" | "date" | "email" | "time" | "number" | "password">
+
+    /**
+     * A propriedade `ref` retorna a referência do componente
+     */
+    ref?: React.Ref<HTMLInputElement>
+
+    /**
+     * Define o tamanho do componente
+     */
+    sizes?: "small" | "large"
+}
+
+export type InputProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? InputBaseProps & ApiFieldControlledProps
+    : InputBaseProps & ApiFieldHookFormProps;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("../../../api/input/index.cjs.js"),g=require("primereact/inputtext"),m=require("primereact/inputnumber"),f=require("primereact/password"),d=require("primereact/inputmask");function c({core:a,password:t,masker:l,...e}){const{type:o,...r}=a;return u.jsxs(u.Fragment,{children:[e.mask!==void 0?u.jsx(d.InputMask,{...a,...l,readOnly:e.readonly,ref:e.ref,value:e.value,onBlur:n=>{e.onBlur&&e.onBlur(n.target.value)},onChange:n=>{e.onChange&&e.onChange(n.target.value)}}):e.type==="password"?u.jsx(f.Password,{...a,...t,autoComplete:"current-password",readOnly:e.readonly,ref:e.ref,value:e.value,onBlur:n=>{e.onBlur&&e.onBlur(n.target.value)},onChange:n=>{e.onChange&&e.onChange(n.target.value)}}):e.type==="number"?u.jsx(m.InputNumber,{...r,currency:e.numberCurrency??"BRL",locale:"pt-BR",max:e.numberMax,maxFractionDigits:e.numberMaxFractionDigits,min:e.numberMin,minFractionDigits:e.numberMinFractionDigits,mode:e.numberMode,prefix:e.numberPrefix,pt:{input:{root:{className:"w-100"}}},readOnly:e.readonly,ref:e.ref,suffix:e.numberSuffix,useGrouping:e.numberDecimalSeparator??!1,value:e.value,onBlur:n=>{e.onBlur&&e.onBlur(n.target.value)},onValueChange:n=>{e.onChange&&e.onChange(n.value)}}):u.jsx(g.InputText,{...a,readOnly:e.readonly,ref:e.ref,value:e.value,onBlur:n=>{e.onBlur&&e.onBlur(n.target.value)},onChange:n=>{e.onChange&&e.onChange(n.target.value)}}),u.jsx(i.InputFeedback,{...e})]})}exports.InputControlled=c;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/input/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputText } from \"primereact/inputtext\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { Password, PasswordProps } from \"primereact/password\";\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\n\ntype Props = {\n    masker: InputMaskProps,\n    password: PasswordProps\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined },\n};\n\n/**\n * Core - `InputControlled`\n * Define o componente controlled\n */\nexport function InputControlled({ core, password, masker, ...props }: InputProps<\"Controlled\"> & Props) {\n    const { type, ...coreNumber } = core;\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            {props.mask !== undefined\n                ? <InputMask {...core}\n                             {...masker}\n                             readOnly={props.readonly}\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                : (props.type === \"password\"\n                    ? <Password {...core}\n                                {...password}\n                                autoComplete=\"current-password\"\n                                readOnly={props.readonly}\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                    : (props.type === \"number\"\n                            ? <InputNumber {...coreNumber}\n                                           currency={props.numberCurrency ?? \"BRL\"}\n                                           locale=\"pt-BR\"\n                                           max={props.numberMax}\n                                           maxFractionDigits={props.numberMaxFractionDigits}\n                                           min={props.numberMin}\n                                           minFractionDigits={props.numberMinFractionDigits}\n                                           mode={props.numberMode}\n                                           prefix={props.numberPrefix}\n                                           pt={{ input: { root: { className: \"w-100\" } } }}\n                                           readOnly={props.readonly}\n                                           ref={props.ref}\n                                           suffix={props.numberSuffix}\n                                           useGrouping={props.numberDecimalSeparator ?? false}\n                                           value={props.value}\n                                           onBlur={event => {\n                                               if (props.onBlur) {\n                                                   props.onBlur(event.target.value);\n                                               }\n                                           }}\n                                           onValueChange={event => {\n                                               if (props.onChange) {\n                                                   props.onChange(event.value);\n                                               }\n                                           }}/>\n                            : <InputText {...core}\n                                         readOnly={props.readonly}\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                    ))}\n            <InputFeedback {...props}/>\n        </>\n    );\n}"],"names":["InputControlled","core","password","masker","props","type","coreNumber","jsxs","Fragment","jsx","InputMask","event","Password","InputNumber","InputText","InputFeedback"],"mappings":"2SAkBO,SAASA,EAAgB,CAAE,KAAAC,EAAA,SAAMC,EAAU,OAAAC,EAAQ,GAAGC,GAA2C,CACpG,KAAM,CAAE,KAAAC,EAAM,GAAGC,CAAA,EAAeL,EAMhC,OACIM,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAJ,EAAM,OAAS,OACVK,EAAAA,IAACC,EAAAA,UAAA,CAAW,GAAGT,EACH,GAAGE,EACJ,SAAUC,EAAM,SAChB,IAAKA,EAAM,IACX,MAAOA,EAAM,MACb,OAAQO,GAAS,CACTP,EAAM,QACNA,EAAM,OAAOO,EAAM,OAAO,KAAK,CAEvC,EACA,SAAUA,GAAS,CACXP,EAAM,UACNA,EAAM,SAASO,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EACVP,EAAM,OAAS,WACZK,EAAAA,IAACG,EAAAA,SAAA,CAAU,GAAGX,EACH,GAAGC,EACJ,aAAa,mBACb,SAAUE,EAAM,SAChB,IAAKA,EAAM,IACX,MAAOA,EAAM,MACb,OAAQO,GAAS,CACTP,EAAM,QACNA,EAAM,OAAOO,EAAM,OAAO,KAAK,CAEvC,EACA,SAAUA,GAAS,CACXP,EAAM,UACNA,EAAM,SAASO,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EACTP,EAAM,OAAS,SACRK,EAAAA,IAACI,EAAAA,YAAA,CAAa,GAAGP,EACJ,SAAUF,EAAM,gBAAkB,MAClC,OAAO,QACP,IAAKA,EAAM,UACX,kBAAmBA,EAAM,wBACzB,IAAKA,EAAM,UACX,kBAAmBA,EAAM,wBACzB,KAAMA,EAAM,WACZ,OAAQA,EAAM,aACd,GAAI,CAAE,MAAO,CAAE,KAAM,CAAE,UAAW,OAAA,EAAU,EAC5C,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,OAAQA,EAAM,aACd,YAAaA,EAAM,wBAA0B,GAC7C,MAAOA,EAAM,MACb,OAAQO,GAAS,CACTP,EAAM,QACNA,EAAM,OAAOO,EAAM,OAAO,KAAK,CAEvC,EACA,cAAeA,GAAS,CAChBP,EAAM,UACNA,EAAM,SAASO,EAAM,KAAK,CAElC,CAAA,CAAA,EACbF,EAAAA,IAACK,EAAAA,UAAA,CAAW,GAAGb,EACJ,SAAUG,EAAM,SAChB,IAAKA,EAAM,IACX,MAAOA,EAAM,MACb,OAAQO,GAAS,CACTP,EAAM,QACNA,EAAM,OAAOO,EAAM,OAAO,KAAK,CAEvC,EACA,SAAUA,GAAS,CACXP,EAAM,UACNA,EAAM,SAASO,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EAE7BF,MAACM,EAAAA,cAAA,CAAe,GAAGX,CAAA,CAAM,CAAA,EAC7B,CAER"}

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

@@ -0,0 +1,87 @@
+import { jsxs as i, Fragment as m, jsx as a } from "react/jsx-runtime";
+import { InputFeedback as f } from "../../../api/input/index.esm.js";
+import { InputText as g } from "primereact/inputtext";
+import { InputNumber as o } from "primereact/inputnumber";
+import { Password as d } from "primereact/password";
+import { InputMask as v } from "primereact/inputmask";
+function F({ core: u, password: t, masker: l, ...e }) {
+  const { type: C, ...r } = u;
+  return /* @__PURE__ */ i(m, { children: [
+    e.mask !== void 0 ? /* @__PURE__ */ a(
+      v,
+      {
+        ...u,
+        ...l,
+        readOnly: e.readonly,
+        ref: e.ref,
+        value: e.value,
+        onBlur: (n) => {
+          e.onBlur && e.onBlur(n.target.value);
+        },
+        onChange: (n) => {
+          e.onChange && e.onChange(n.target.value);
+        }
+      }
+    ) : e.type === "password" ? /* @__PURE__ */ a(
+      d,
+      {
+        ...u,
+        ...t,
+        autoComplete: "current-password",
+        readOnly: e.readonly,
+        ref: e.ref,
+        value: e.value,
+        onBlur: (n) => {
+          e.onBlur && e.onBlur(n.target.value);
+        },
+        onChange: (n) => {
+          e.onChange && e.onChange(n.target.value);
+        }
+      }
+    ) : e.type === "number" ? /* @__PURE__ */ a(
+      o,
+      {
+        ...r,
+        currency: e.numberCurrency ?? "BRL",
+        locale: "pt-BR",
+        max: e.numberMax,
+        maxFractionDigits: e.numberMaxFractionDigits,
+        min: e.numberMin,
+        minFractionDigits: e.numberMinFractionDigits,
+        mode: e.numberMode,
+        prefix: e.numberPrefix,
+        pt: { input: { root: { className: "w-100" } } },
+        readOnly: e.readonly,
+        ref: e.ref,
+        suffix: e.numberSuffix,
+        useGrouping: e.numberDecimalSeparator ?? !1,
+        value: e.value,
+        onBlur: (n) => {
+          e.onBlur && e.onBlur(n.target.value);
+        },
+        onValueChange: (n) => {
+          e.onChange && e.onChange(n.value);
+        }
+      }
+    ) : /* @__PURE__ */ a(
+      g,
+      {
+        ...u,
+        readOnly: e.readonly,
+        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__ */ a(f, { ...e })
+  ] });
+}
+export {
+  F as InputControlled
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/input/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputText } from \"primereact/inputtext\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { Password, PasswordProps } from \"primereact/password\";\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\n\ntype Props = {\n    masker: InputMaskProps,\n    password: PasswordProps\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined },\n};\n\n/**\n * Core - `InputControlled`\n * Define o componente controlled\n */\nexport function InputControlled({ core, password, masker, ...props }: InputProps<\"Controlled\"> & Props) {\n    const { type, ...coreNumber } = core;\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            {props.mask !== undefined\n                ? <InputMask {...core}\n                             {...masker}\n                             readOnly={props.readonly}\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                : (props.type === \"password\"\n                    ? <Password {...core}\n                                {...password}\n                                autoComplete=\"current-password\"\n                                readOnly={props.readonly}\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                    : (props.type === \"number\"\n                            ? <InputNumber {...coreNumber}\n                                           currency={props.numberCurrency ?? \"BRL\"}\n                                           locale=\"pt-BR\"\n                                           max={props.numberMax}\n                                           maxFractionDigits={props.numberMaxFractionDigits}\n                                           min={props.numberMin}\n                                           minFractionDigits={props.numberMinFractionDigits}\n                                           mode={props.numberMode}\n                                           prefix={props.numberPrefix}\n                                           pt={{ input: { root: { className: \"w-100\" } } }}\n                                           readOnly={props.readonly}\n                                           ref={props.ref}\n                                           suffix={props.numberSuffix}\n                                           useGrouping={props.numberDecimalSeparator ?? false}\n                                           value={props.value}\n                                           onBlur={event => {\n                                               if (props.onBlur) {\n                                                   props.onBlur(event.target.value);\n                                               }\n                                           }}\n                                           onValueChange={event => {\n                                               if (props.onChange) {\n                                                   props.onChange(event.value);\n                                               }\n                                           }}/>\n                            : <InputText {...core}\n                                         readOnly={props.readonly}\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                    ))}\n            <InputFeedback {...props}/>\n        </>\n    );\n}"],"names":["InputControlled","core","password","masker","props","type","coreNumber","jsxs","Fragment","jsx","InputMask","event","Password","InputNumber","InputText","InputFeedback"],"mappings":";;;;;;AAkBO,SAASA,EAAgB,EAAE,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,KAA2C;AACpG,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAeL;AAMhC,SACI,gBAAAM,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAJ,EAAM,SAAS,SACV,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QAAW,GAAGT;AAAA,QACH,GAAGE;AAAA,QACJ,UAAUC,EAAM;AAAA,QAChB,KAAKA,EAAM;AAAA,QACX,OAAOA,EAAM;AAAA,QACb,QAAQ,CAAAO,MAAS;AACb,UAAIP,EAAM,UACNA,EAAM,OAAOO,EAAM,OAAO,KAAK;AAAA,QAEvC;AAAA,QACA,UAAU,CAAAA,MAAS;AACf,UAAIP,EAAM,YACNA,EAAM,SAASO,EAAM,OAAO,KAAK;AAAA,QAEzC;AAAA,MAAA;AAAA,IAAA,IACVP,EAAM,SAAS,aACZ,gBAAAK;AAAA,MAACG;AAAA,MAAA;AAAA,QAAU,GAAGX;AAAA,QACH,GAAGC;AAAA,QACJ,cAAa;AAAA,QACb,UAAUE,EAAM;AAAA,QAChB,KAAKA,EAAM;AAAA,QACX,OAAOA,EAAM;AAAA,QACb,QAAQ,CAAAO,MAAS;AACb,UAAIP,EAAM,UACNA,EAAM,OAAOO,EAAM,OAAO,KAAK;AAAA,QAEvC;AAAA,QACA,UAAU,CAAAA,MAAS;AACf,UAAIP,EAAM,YACNA,EAAM,SAASO,EAAM,OAAO,KAAK;AAAA,QAEzC;AAAA,MAAA;AAAA,IAAA,IACTP,EAAM,SAAS,WACR,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QAAa,GAAGP;AAAA,QACJ,UAAUF,EAAM,kBAAkB;AAAA,QAClC,QAAO;AAAA,QACP,KAAKA,EAAM;AAAA,QACX,mBAAmBA,EAAM;AAAA,QACzB,KAAKA,EAAM;AAAA,QACX,mBAAmBA,EAAM;AAAA,QACzB,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM;AAAA,QACd,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,QAAA,IAAU;AAAA,QAC5C,UAAUA,EAAM;AAAA,QAChB,KAAKA,EAAM;AAAA,QACX,QAAQA,EAAM;AAAA,QACd,aAAaA,EAAM,0BAA0B;AAAA,QAC7C,OAAOA,EAAM;AAAA,QACb,QAAQ,CAAAO,MAAS;AACb,UAAIP,EAAM,UACNA,EAAM,OAAOO,EAAM,OAAO,KAAK;AAAA,QAEvC;AAAA,QACA,eAAe,CAAAA,MAAS;AACpB,UAAIP,EAAM,YACNA,EAAM,SAASO,EAAM,KAAK;AAAA,QAElC;AAAA,MAAA;AAAA,IAAA,IACb,gBAAAF;AAAA,MAACK;AAAA,MAAA;AAAA,QAAW,GAAGb;AAAA,QACJ,UAAUG,EAAM;AAAA,QAChB,KAAKA,EAAM;AAAA,QACX,OAAOA,EAAM;AAAA,QACb,QAAQ,CAAAO,MAAS;AACb,UAAIP,EAAM,UACNA,EAAM,OAAOO,EAAM,OAAO,KAAK;AAAA,QAEvC;AAAA,QACA,UAAU,CAAAA,MAAS;AACf,UAAIP,EAAM,YACNA,EAAM,SAASO,EAAM,OAAO,KAAK;AAAA,QAEzC;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7B,gBAAAF,EAACM,GAAA,EAAe,GAAGX,EAAA,CAAM;AAAA,EAAA,GAC7B;AAER;"}

package/input/core/controlled.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { InputProps } from '..';
+import { PasswordProps } from 'primereact/password';
+import { InputMaskProps } from 'primereact/inputmask';
+type Props = {
+    masker: InputMaskProps;
+    password: PasswordProps;
+    core: any & {
+        ref: React.Ref<HTMLInputElement> | undefined;
+    };
+};
+/**
+ * Core - `InputControlled`
+ * Define o componente controlled
+ */
+export declare function InputControlled({ core, password, masker, ...props }: InputProps<"Controlled"> & Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),m=require("../../../api/input/index.cjs.js"),g=require("react-hook-form"),v=require("primereact/inputtext"),c=require("primereact/inputnumber"),d=require("primereact/password"),C=require("primereact/inputmask");function x({core:r,password:i,masker:l,...e}){const{type:B,...o}=r;return u.jsx(g.Controller,{render:({field:a,formState:{errors:t}})=>u.jsxs(u.Fragment,{children:[e.mask!==void 0?u.jsx(C.InputMask,{...r,...a,...l,invalid:!!t[e.name],readOnly:e.readonly,ref:e.ref,required:e.required,value:a.value??"",onBlur:n=>e.onBlur?e.onBlur(n.target.value):a.onBlur(),onChange:n=>e.onChange!==void 0?e.onChange(n.target.value):a.onChange(n)}):e.type==="password"?u.jsx(d.Password,{...r,...a,...i,autoComplete:"current-password",invalid:!!t[e.name],readOnly:e.readonly,ref:e.ref,required:e.required,value:a.value??"",onBlur:n=>e.onBlur?e.onBlur(n.target.value):a.onBlur(),onChange:n=>e.onChange!==void 0?e.onChange(n.target.value):a.onChange(n)}):e.type==="number"?u.jsx(c.InputNumber,{...o,...a,currency:e.numberCurrency??"BRL",invalid:!!t[e.name],locale:"pt-BR",max:e.numberMax,maxFractionDigits:e.numberMaxFractionDigits,min:e.numberMin,minFractionDigits:e.numberMinFractionDigits,mode:e.numberMode,prefix:e.numberPrefix,pt:{input:{root:{className:"w-100"}}},readOnly:e.readonly,ref:e.ref,suffix:e.numberSuffix,useGrouping:e.numberDecimalSeparator??!1,value:a.value??"",onBlur:n=>e.onBlur?e.onBlur(n.target.value):a.onBlur(),onChange:n=>e.onChange!==void 0?e.onChange(n.value):a.onChange(n.value)}):u.jsx(v.InputText,{...r,...a,invalid:!!t[e.name],readOnly:e.readonly,ref:e.ref,required:e.required,value:a.value??"",onBlur:n=>e.onBlur?e.onBlur(n.target.value):a.onBlur(),onChange:n=>e.onChange!==void 0?e.onChange(n.target.value):a.onChange(n)}),u.jsx(m.InputFeedback,{...e,errors:t})]}),control:e.control,name:e.name,rules:{required:e.required?"Campo obrigatório":!1}})}exports.InputHookForm=x;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/input/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputText } from \"primereact/inputtext\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { Password, PasswordProps } from \"primereact/password\";\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\n\ntype Props = {\n    masker: InputMaskProps\n    password: PasswordProps\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined }\n};\n\n/**\n * Core - `InputHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function InputHookForm({ core, password, masker, ...props }: InputProps<\"HookForm\"> & Props) {\n    const { type, ...coreNumber } = core;\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return (\n                <>\n                    {props.mask !== undefined\n                        ? <InputMask {...core}\n                                     {...field}\n                                     {...masker}\n                                     invalid={!!errors[props.name]}\n                                     readOnly={props.readonly}\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                        : (props.type === \"password\"\n                            ? <Password {...core}\n                                        {...field}\n                                        {...password}\n                                        autoComplete=\"current-password\"\n                                        invalid={!!errors[props.name]}\n                                        readOnly={props.readonly}\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                            : (props.type === \"number\"\n                                    ? <InputNumber {...coreNumber}\n                                                   {...field}\n                                                   currency={props.numberCurrency ?? \"BRL\"}\n                                                   invalid={!!errors[props.name]}\n                                                   locale=\"pt-BR\"\n                                                   max={props.numberMax}\n                                                   maxFractionDigits={props.numberMaxFractionDigits}\n                                                   min={props.numberMin}\n                                                   minFractionDigits={props.numberMinFractionDigits}\n                                                   mode={props.numberMode}\n                                                   prefix={props.numberPrefix}\n                                                   pt={{ input: { root: { className: \"w-100\" } } }}\n                                                   readOnly={props.readonly}\n                                                   ref={props.ref}\n                                                   suffix={props.numberSuffix}\n                                                   useGrouping={props.numberDecimalSeparator ?? false}\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.value) : field.onChange(e.value)}/>\n                                    : <InputText {...core}\n                                                 {...field}\n                                                 invalid={!!errors[props.name]}\n                                                 readOnly={props.readonly}\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                            ))}\n                    <InputFeedback {...props}\n                                   errors={errors}/>\n                </>\n            );\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n\n    );\n}"],"names":["InputHookForm","core","password","masker","props","type","coreNumber","jsx","Controller","field","errors","jsxs","Fragment","InputMask","e","Password","InputNumber","InputText","InputFeedback"],"mappings":"wUAmBO,SAASA,EAAc,CAAE,KAAAC,EAAA,SAAMC,EAAU,OAAAC,EAAQ,GAAGC,GAAyC,CAChG,KAAM,CAAE,KAAAC,EAAM,GAAGC,CAAA,EAAeL,EAMhC,OACIM,EAAAA,IAACC,EAAAA,WAAA,CAAW,OAAQ,CAAC,CAAE,MAAAC,EAAO,UAAW,CAAE,OAAAC,CAAA,KAEnCC,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAR,EAAM,OAAS,OACVG,EAAAA,IAACM,EAAAA,UAAA,CAAW,GAAGZ,EACH,GAAGQ,EACH,GAAGN,EACJ,QAAS,CAAC,CAACO,EAAON,EAAM,IAAI,EAC5B,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,SAAUA,EAAM,SAChB,MAAOK,EAAM,OAAS,GACtB,OAAQK,GAAKV,EAAM,OAASA,EAAM,OAAOU,EAAE,OAAO,KAAK,EAAIL,EAAM,OAAA,EACjE,SAAUK,GAAKV,EAAM,WAAa,OAAYA,EAAM,SAASU,EAAE,OAAO,KAAK,EAAIL,EAAM,SAASK,CAAC,CAAA,CAAA,EACzGV,EAAM,OAAS,WACZG,EAAAA,IAACQ,EAAAA,SAAA,CAAU,GAAGd,EACH,GAAGQ,EACH,GAAGP,EACJ,aAAa,mBACb,QAAS,CAAC,CAACQ,EAAON,EAAM,IAAI,EAC5B,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,SAAUA,EAAM,SAChB,MAAOK,EAAM,OAAS,GACtB,OAAQK,GAAKV,EAAM,OAASA,EAAM,OAAOU,EAAE,OAAO,KAAK,EAAIL,EAAM,OAAA,EACjE,SAAUK,GAAKV,EAAM,WAAa,OAAYA,EAAM,SAASU,EAAE,OAAO,KAAK,EAAIL,EAAM,SAASK,CAAC,CAAA,CAAA,EACxGV,EAAM,OAAS,SACRG,EAAAA,IAACS,EAAAA,YAAA,CAAa,GAAGV,EACH,GAAGG,EACJ,SAAUL,EAAM,gBAAkB,MAClC,QAAS,CAAC,CAACM,EAAON,EAAM,IAAI,EAC5B,OAAO,QACP,IAAKA,EAAM,UACX,kBAAmBA,EAAM,wBACzB,IAAKA,EAAM,UACX,kBAAmBA,EAAM,wBACzB,KAAMA,EAAM,WACZ,OAAQA,EAAM,aACd,GAAI,CAAE,MAAO,CAAE,KAAM,CAAE,UAAW,OAAA,EAAU,EAC5C,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,OAAQA,EAAM,aACd,YAAaA,EAAM,wBAA0B,GAC7C,MAAOK,EAAM,OAAS,GACtB,OAAQK,GAAKV,EAAM,OAASA,EAAM,OAAOU,EAAE,OAAO,KAAK,EAAIL,EAAM,OAAA,EACjE,SAAUK,GAAKV,EAAM,WAAa,OAAYA,EAAM,SAASU,EAAE,KAAK,EAAIL,EAAM,SAASK,EAAE,KAAK,CAAA,CAAA,EAC3GP,EAAAA,IAACU,EAAAA,UAAA,CAAW,GAAGhB,EACH,GAAGQ,EACJ,QAAS,CAAC,CAACC,EAAON,EAAM,IAAI,EAC5B,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,SAAUA,EAAM,SAChB,MAAOK,EAAM,OAAS,GACtB,OAAQK,GAAKV,EAAM,OAASA,EAAM,OAAOU,EAAE,OAAO,KAAK,EAAIL,EAAM,OAAA,EACjE,SAAUK,GAAKV,EAAM,WAAa,OAAYA,EAAM,SAASU,EAAE,OAAO,KAAK,EAAIL,EAAM,SAASK,CAAC,CAAA,CAAA,EAE5HP,EAAAA,IAACW,EAAAA,cAAA,CAAe,GAAGd,EACJ,OAAAM,CAAA,CAAA,CAAe,EAClC,EAGI,QAASN,EAAM,QACf,KAAMA,EAAM,KACZ,MAAO,CAAE,SAAWA,EAAM,SAAmB,oBAAR,EAAQ,CAAoB,CAAA,CAGrF"}

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

@@ -0,0 +1,97 @@
+import { jsx as u, jsxs as o, Fragment as g } from "react/jsx-runtime";
+import { InputFeedback as v } from "../../../api/input/index.esm.js";
+import { Controller as C } from "react-hook-form";
+import { InputText as d } from "primereact/inputtext";
+import { InputNumber as B } from "primereact/inputnumber";
+import { Password as h } from "primereact/password";
+import { InputMask as c } from "primereact/inputmask";
+function I({ core: t, password: m, masker: l, ...n }) {
+  const { type: b, ...i } = t;
+  return /* @__PURE__ */ u(
+    C,
+    {
+      render: ({ field: a, formState: { errors: r } }) => /* @__PURE__ */ o(g, { children: [
+        n.mask !== void 0 ? /* @__PURE__ */ u(
+          c,
+          {
+            ...t,
+            ...a,
+            ...l,
+            invalid: !!r[n.name],
+            readOnly: n.readonly,
+            ref: n.ref,
+            required: n.required,
+            value: a.value ?? "",
+            onBlur: (e) => n.onBlur ? n.onBlur(e.target.value) : a.onBlur(),
+            onChange: (e) => n.onChange !== void 0 ? n.onChange(e.target.value) : a.onChange(e)
+          }
+        ) : n.type === "password" ? /* @__PURE__ */ u(
+          h,
+          {
+            ...t,
+            ...a,
+            ...m,
+            autoComplete: "current-password",
+            invalid: !!r[n.name],
+            readOnly: n.readonly,
+            ref: n.ref,
+            required: n.required,
+            value: a.value ?? "",
+            onBlur: (e) => n.onBlur ? n.onBlur(e.target.value) : a.onBlur(),
+            onChange: (e) => n.onChange !== void 0 ? n.onChange(e.target.value) : a.onChange(e)
+          }
+        ) : n.type === "number" ? /* @__PURE__ */ u(
+          B,
+          {
+            ...i,
+            ...a,
+            currency: n.numberCurrency ?? "BRL",
+            invalid: !!r[n.name],
+            locale: "pt-BR",
+            max: n.numberMax,
+            maxFractionDigits: n.numberMaxFractionDigits,
+            min: n.numberMin,
+            minFractionDigits: n.numberMinFractionDigits,
+            mode: n.numberMode,
+            prefix: n.numberPrefix,
+            pt: { input: { root: { className: "w-100" } } },
+            readOnly: n.readonly,
+            ref: n.ref,
+            suffix: n.numberSuffix,
+            useGrouping: n.numberDecimalSeparator ?? !1,
+            value: a.value ?? "",
+            onBlur: (e) => n.onBlur ? n.onBlur(e.target.value) : a.onBlur(),
+            onChange: (e) => n.onChange !== void 0 ? n.onChange(e.value) : a.onChange(e.value)
+          }
+        ) : /* @__PURE__ */ u(
+          d,
+          {
+            ...t,
+            ...a,
+            invalid: !!r[n.name],
+            readOnly: n.readonly,
+            ref: n.ref,
+            required: n.required,
+            value: a.value ?? "",
+            onBlur: (e) => n.onBlur ? n.onBlur(e.target.value) : a.onBlur(),
+            onChange: (e) => n.onChange !== void 0 ? n.onChange(e.target.value) : a.onChange(e)
+          }
+        ),
+        /* @__PURE__ */ u(
+          v,
+          {
+            ...n,
+            errors: r
+          }
+        )
+      ] }),
+      control: n.control,
+      name: n.name,
+      rules: { required: n.required ? "Campo obrigatório" : !1 }
+    }
+  );
+}
+export {
+  I as InputHookForm
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/input/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputText } from \"primereact/inputtext\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { Password, PasswordProps } from \"primereact/password\";\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\n\ntype Props = {\n    masker: InputMaskProps\n    password: PasswordProps\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined }\n};\n\n/**\n * Core - `InputHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function InputHookForm({ core, password, masker, ...props }: InputProps<\"HookForm\"> & Props) {\n    const { type, ...coreNumber } = core;\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return (\n                <>\n                    {props.mask !== undefined\n                        ? <InputMask {...core}\n                                     {...field}\n                                     {...masker}\n                                     invalid={!!errors[props.name]}\n                                     readOnly={props.readonly}\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                        : (props.type === \"password\"\n                            ? <Password {...core}\n                                        {...field}\n                                        {...password}\n                                        autoComplete=\"current-password\"\n                                        invalid={!!errors[props.name]}\n                                        readOnly={props.readonly}\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                            : (props.type === \"number\"\n                                    ? <InputNumber {...coreNumber}\n                                                   {...field}\n                                                   currency={props.numberCurrency ?? \"BRL\"}\n                                                   invalid={!!errors[props.name]}\n                                                   locale=\"pt-BR\"\n                                                   max={props.numberMax}\n                                                   maxFractionDigits={props.numberMaxFractionDigits}\n                                                   min={props.numberMin}\n                                                   minFractionDigits={props.numberMinFractionDigits}\n                                                   mode={props.numberMode}\n                                                   prefix={props.numberPrefix}\n                                                   pt={{ input: { root: { className: \"w-100\" } } }}\n                                                   readOnly={props.readonly}\n                                                   ref={props.ref}\n                                                   suffix={props.numberSuffix}\n                                                   useGrouping={props.numberDecimalSeparator ?? false}\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.value) : field.onChange(e.value)}/>\n                                    : <InputText {...core}\n                                                 {...field}\n                                                 invalid={!!errors[props.name]}\n                                                 readOnly={props.readonly}\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                            ))}\n                    <InputFeedback {...props}\n                                   errors={errors}/>\n                </>\n            );\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n\n    );\n}"],"names":["InputHookForm","core","password","masker","props","type","coreNumber","jsx","Controller","field","errors","jsxs","Fragment","InputMask","Password","InputNumber","InputText","InputFeedback"],"mappings":"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"}

package/input/core/hookForm.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { InputProps } from '..';
+import { PasswordProps } from 'primereact/password';
+import { InputMaskProps } from 'primereact/inputmask';
+type Props = {
+    masker: InputMaskProps;
+    password: PasswordProps;
+    core: any & {
+        ref: React.Ref<HTMLInputElement> | undefined;
+    };
+};
+/**
+ * Core - `InputHookForm`
+ * Define o componente utilizando o HookForm
+ */
+export declare function InputHookForm({ core, password, masker, ...props }: InputProps<"HookForm"> & Props): React.JSX.Element;
+export {};

package/input/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("primereact/utils"),t=require("primereact/inputtext"),a=require("primereact/password"),n=require("primereact/inputmask");function o(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=o(e);const l=({children:t,...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},o={className:r.classNames(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return e.createElement("div",{...o},t)},i=({iconPrefix:r="bi bi-",...t})=>t.label&&e.createElement("p",{className:"form-label"},t.icon&&e.createElement("i",{className:r+t.icon+" me-1"}),t.label,t.required&&e.createElement("span",{className:"text-danger"},"*")),u=({errors:r,name:t,...a})=>a.mode&&"Controlled"!==a.mode?e.createElement("div",{className:r[t??""]?"invalid-feedback is-invalid":"","data-name":t??"",id:"j_feedback",style:{display:r[t??""]?"block":"none"}},r[t??""]?r[t??""].message:""):e.createElement("div",{"data-name":t,id:"j_feedback"});function c(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 d=e=>null==e;var m=e=>!d(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),f=e=>m(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,p="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),a="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else{if(p&&(e instanceof Blob||a)||!t&&!m(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return m(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var y=e=>Array.isArray(e)?e.filter(Boolean):[],b=e=>void 0===e,v=(e,r,t)=>{if(!r||!m(e))return t;const a=y(r.split(/[,[\].]+?/)).reduce(((e,r)=>d(e)?e:e[r]),e);return b(a)||a===e?b(e[r])?t:e[r]:a},h=e=>"boolean"==typeof e,C=(e,r,t)=>{let a=-1;const n=(e=>/^\w*$/.test(e))(r)?[r]:y(r.replace(/["|']|\]/g,"").split(/\.|\[/));const o=n.length,s=o-1;for(;++a<o;){const r=n[a];let o=t;if(a!==s){const t=e[r];o=m(t)||Array.isArray(t)?t:isNaN(+n[a+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=o,e=e[r]}};const _="blur",w="change",k="all",E=e.createContext(null),B=()=>e.useContext(E);const x="undefined"!=typeof window?s.useLayoutEffect:s.useEffect;function V(r){const t=B(),{control:a=t.control,disabled:n,name:o,exact:s}=r||{},[l,i]=e.useState(a._formState),u=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return x((()=>a._subscribe({name:o,formState:u.current,exact:s,callback:e=>{!n&&i({...a._formState,...e})}})),[o,n,s]),e.useEffect((()=>{u.current.isValid&&a._setValid(!0)}),[a]),e.useMemo((()=>((e,r,t,a=!0)=>{const n={defaultValues:r._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return r._proxyFormState[n]!==k&&(r._proxyFormState[n]=!a||k),t&&(t[n]=!0),e[n]}});return n})(l,a,u.current,!1)),[l,a])}function j(r){const t=B(),{control:a=t.control,name:n,defaultValue:o,disabled:s,exact:l}=r||{},i=e.useRef(o),[u,c]=e.useState(a._getWatch(n,i.current));return x((()=>a._subscribe({name:n,formState:{values:!0},exact:l,callback:e=>!s&&c(((e,r,t,a,n)=>"string"==typeof e?v(t,e,n):Array.isArray(e)?e.map((e=>v(t,e))):t)(n,a._names,e.values||a._formValues,0,i.current))})),[n,a,s,l]),e.useEffect((()=>a._removeUnmounted())),u}const F=r=>r.render(function(r){const t=B(),{name:a,disabled:n,control:o=t.control,shouldUnregister:s}=r,l=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(o._names.array,a),i=j({control:o,name:a,defaultValue:v(o._formValues,a,v(o._defaultValues,a,r.defaultValue)),exact:!0}),u=V({control:o,name:a,exact:!0}),c=e.useRef(r),d=e.useRef(o.register(a,{...r.rules,value:i,...h(r.disabled)?{disabled:r.disabled}:{}})),m=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!v(u.errors,a)},isDirty:{enumerable:!0,get:()=>!!v(u.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!v(u.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!v(u.validatingFields,a)},error:{enumerable:!0,get:()=>v(u.errors,a)}})),[u,a]),p=e.useCallback((e=>d.current.onChange({target:{value:f(e),name:a},type:w})),[a]),y=e.useCallback((()=>d.current.onBlur({target:{value:v(o._formValues,a),name:a},type:_})),[a,o._formValues]),k=e.useCallback((e=>{const r=v(o._fields,a);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})}),[o._fields,a]),E=e.useMemo((()=>({name:a,value:i,...h(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:p,onBlur:y,ref:k})),[a,n,u.disabled,p,y,k,i]);return e.useEffect((()=>{const e=o._options.shouldUnregister||s;o.register(a,{...c.current.rules,...h(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=v(o._fields,e);t&&t._f&&(t._f.mount=r)};if(r(a,!0),e){const e=g(v(o._options.defaultValues,a));C(o._defaultValues,a,e),b(v(o._formValues,a))&&C(o._formValues,a,e)}return!l&&o.register(a),()=>{(l?e&&!o._state.action:e)?o.unregister(a):r(a,!1)}}),[a,o,l,s]),e.useEffect((()=>{o._setDisabledField({disabled:n,name:a})}),[n,a,o]),e.useMemo((()=>({field:E,formState:u,fieldState:m})),[E,u,m])}(r));function O({core:r,password:o,masker:s,...l}){return e.createElement(F,{render:({field:i,formState:{errors:c}})=>e.createElement(e.Fragment,null,void 0!==l.mask?e.createElement(n.InputMask,{...r,...i,...s,invalid:!!c[l.name],readOnly:l.readonly,required:l.required,onBlur:e=>l.onBlur?l.onBlur(e.target.value):i.onBlur(),onChange:e=>void 0!==l.onChange?l.onChange(e.target.value):i.onChange(e)}):"password"===l.type?e.createElement(a.Password,{...r,...i,...o,autoComplete:"current-password",invalid:!!c[l.name],readOnly:l.readonly,required:l.required,onBlur:e=>l.onBlur?l.onBlur(e.target.value):i.onBlur(),onChange:e=>void 0!==l.onChange?l.onChange(e.target.value):i.onChange(e)}):e.createElement(t.InputText,{...r,...i,invalid:!!c[l.name],readOnly:l.readonly,ref:l.ref,required:l.required,onBlur:e=>l.onBlur?l.onBlur(e.target.value):i.onBlur(),onChange:e=>void 0!==l.onChange?l.onChange(e.target.value):i.onChange(e)}),e.createElement(u,{...l,errors:c})),control:l.control,name:l.name,rules:{required:!!l.required&&"Campo obrigatório"}})}function q({core:r,password:o,masker:s,...l}){return e.createElement(e.Fragment,null,void 0!==l.mask?e.createElement(n.InputMask,{...r,...s,readOnly:l.readonly,value:l.value,onBlur:e=>{l.onBlur&&l.onBlur(e.target.value)},onChange:e=>{l.onChange&&l.onChange(e.target.value)}}):"password"===l.type?e.createElement(a.Password,{...r,...o,autoComplete:"current-password",readOnly:l.readonly,value:l.value,onBlur:e=>{l.onBlur&&l.onBlur(e.target.value)},onChange:e=>{l.onChange&&l.onChange(e.target.value)}}):e.createElement(t.InputText,{...r,readOnly:l.readonly,ref:l.ref,value:l.value,onBlur:e=>{l.onBlur&&l.onBlur(e.target.value)},onChange:e=>{l.onChange&&l.onChange(e.target.value)}}),e.createElement(u,{...l}))}exports.Input=function(r){let t=r,a="small"===r.sizes?"p-inputtext-sm":"large"===r.sizes?"p-inputtext-lg":"",n={...c(t),className:a,type:r.type??"text"},o={appendTo:"self",feedback:r.passwordFeedback,footer:r.passwordFooterTemplate,header:r.passwordHeaderTemplate,mediumLabel:"Média",promptLabel:"Por favor, insira uma senha",pt:{input:{className:"w-100"}},strongLabel:"Forte",toggleMask:r.passwordShow,weakLabel:"Fraca",content:r.passwordTemplate},s={mask:"cpf"===r.mask?"999.999.999-99":"cnpj"===r.mask?"99.999.999/9999-99":r.mask,autoClear:r.maskAutoClear};return e.createElement(l,{className:r.className,css:r.css,size:r.size??"100"},e.createElement(i,{...r}),r.mode&&"Controlled"!==r.mode?e.createElement(O,{core:n,masker:s,password:o,...t}):e.createElement(q,{core:n,masker:s,password:o,...t}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./input/index.cjs.js");exports.Input=t.Input;
 //# sourceMappingURL=index.cjs.js.map