@orangesix/react 2.4.0-beta.3 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangesix/react",
-  "version": "2.4.0-beta.3",
+  "version": "2.4.0",
   "private": false,
   "author": "Luiz Fernando Bernardes de Paula",
   "description": "Biblioteca de components React UI.",
@@ -14,34 +14,34 @@
   },
   "dependencies": {
     "@tippyjs/react": "^4.2.6",
-    "@tiptap/extension-color": "^3.23.1",
-    "@tiptap/extension-highlight": "^3.23.1",
-    "@tiptap/extension-image": "^3.23.1",
-    "@tiptap/extension-link": "^3.23.1",
-    "@tiptap/extension-text-style": "^3.23.1",
-    "@tiptap/extension-underline": "^3.23.1",
-    "@tiptap/pm": "^3.23.1",
-    "@tiptap/react": "^3.23.1",
-    "@tiptap/starter-kit": "^3.23.1",
+    "@tiptap/extension-color": "^3.23.6",
+    "@tiptap/extension-highlight": "^3.23.6",
+    "@tiptap/extension-image": "^3.23.6",
+    "@tiptap/extension-link": "^3.23.6",
+    "@tiptap/extension-text-style": "^3.23.6",
+    "@tiptap/extension-underline": "^3.23.6",
+    "@tiptap/pm": "^3.23.6",
+    "@tiptap/react": "^3.23.6",
+    "@tiptap/starter-kit": "^3.23.6",
     "@webdatarocks/react-webdatarocks": "^1.4.23",
     "animate.css": "^4.1.1",
-    "axios": "^1.16.0",
+    "axios": "^1.16.1",
     "bootstrap": "^5.3.8",
     "bootstrap-icons": "^1.13.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.3.0",
     "jquery": "^4.0.0",
     "lightbox2": "^2.12.0",
     "node-snackbar": "^0.1.16",
     "primeicons": "^7.0.0",
-    "primereact": "^10.9.7",
+    "primereact": "^10.9.8",
     "react-pdf": "^10.4.1",
-    "sweetalert2": "^11.26.24",
+    "sweetalert2": "^11.26.25",
     "sweetalert2-react-content": "^5.1.2",
     "tippy.js": "^6.3.7"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.72.1"
+    "react-hook-form": "^7.76.1"
   }
 }

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

@@ -1,12 +1,14 @@
 import { ApiComponentProps } from '../../api';
-export interface PDFProps extends ApiComponentProps {
-    /**
-     * Dados de entrado do arquivo pdf a ser exibido
-     */
-    file: string
-
-    /**
-     * Exibe as informações do pdf de forma total ou em paginação
-     */
-    mode?: "total" | "pagination"
+
+
+export interface PDFProps extends ApiComponentProps {
+    /**
+     * Dados de entrado do arquivo pdf a ser exibido
+     */
+    file: string
+
+    /**
+     * Exibe as informações do pdf de forma total ou em paginação
+     */
+    mode?: "total" | "pagination"
 }

package/pdf/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/pdf/pdf/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/pdf/pdf.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { PDFProps } from \".\";\nimport * as ReactPDF from \"react-pdf\";\nimport React, { useState, useRef, useEffect } from \"react\";\n\nReactPDF.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/build/pdf.worker.min.mjs`;\n\nconst ReactPDFOptions = {\n    cMapUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/cmaps/`,\n    wasmUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/wasm/`,\n    standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/standard_fonts/`,\n};\n\n/**\n * Componente - `PDF`\n *\n * Um componente versátil que é utilizado para exibir PDFs no seu aplicativo React como se fossem imagens.\n */\nexport function PDF(props: PDFProps) {\n    const pdfContainerRef = useRef<null | HTMLDivElement>(null);\n\n    const [width, setWidth] = useState<number>(0);\n    const [page, setPage] = useState<number>(0);\n    const [currentPage, setCurrentPage] = useState<number>(1);\n    const [active, setActive] = useState<boolean>(false);\n\n    useEffect(() => {\n        setWidth((pdfContainerRef.current?.clientWidth ?? 500) - 50);\n    });\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={\"pdf \" + (props.className ?? \"\")}\n            css={props.css}\n            id={props.id}\n            size={props.size ?? \"100\"}>\n            <div className=\"pdf-container\"\n                ref={pdfContainerRef}>\n                <ReactPDF.Document\n                    file={props.file}\n                    options={ReactPDFOptions}\n                    onLoadSuccess={({ numPages }) => setPage(numPages)}\n                    onMouseEnter={() => setActive(true)}\n                    onMouseLeave={() => setActive(false)}>\n                    {props.mode === undefined || props.mode === \"total\"\n                        ? Array.from(new Array(page), (_el, index) => (\n                            <ReactPDF.Page\n                                key={`page_${index + 1}`}\n                                pageNumber={index + 1}\n                                width={width}/>\n                        ))\n                        : <ReactPDF.Page\n                            pageNumber={currentPage}\n                            width={width}/>}\n                </ReactPDF.Document>\n                {props.mode === \"pagination\"\n                    && <div className={`pdf-pagination ${active ? \"active\" : \"\"}`}\n                        onMouseEnter={event => {\n                            event.preventDefault();\n                            setActive(true);\n                        }}>\n                        <button className=\"pdf-page\"\n                            disabled={currentPage === 1}\n                            onClick={event => {\n                                event.preventDefault();\n                                if (currentPage > 0) {\n                                    setCurrentPage(currentPage - 1);\n                                }\n                            }}><i className=\"bi bi-chevron-double-left\"/></button>\n                        <span>{currentPage} de {page}</span>\n                        <button className=\"pdf-page\"\n                            disabled={currentPage === page}\n                            onClick={event => {\n                                event.preventDefault();\n                                if (currentPage < page) {\n                                    setCurrentPage(currentPage + 1);\n                                }\n                            }}><i className=\"bi bi-chevron-double-right\"/></button>\n                    </div>}\n            </div>\n        </Box>\n    );\n}"],"mappings":";;;;;;AAKA,EAAS,MAAM,oBAAoB,YAAY,0BAA0B,EAAS,MAAM,QAAQ;AAEhG,IAAM,IAAkB;CACpB,SAAS,gCAAgC,EAAS,MAAM,QAAQ;CAChE,SAAS,gCAAgC,EAAS,MAAM,QAAQ;CAChE,qBAAqB,gCAAgC,EAAS,MAAM,QAAQ;CAC/E;AAOD,SAAgB,EAAI,GAAiB;CACjC,IAAM,IAAkB,EAA8B,KAAK,EAErD,CAAC,GAAO,KAAY,EAAiB,EAAE,EACvC,CAAC,GAAM,KAAW,EAAiB,EAAE,EACrC,CAAC,GAAa,KAAkB,EAAiB,EAAE,EACnD,CAAC,GAAQ,KAAa,EAAkB,GAAM;CAWpD,OATA,QAAgB;EACZ,GAAU,EAAgB,SAAS,eAAe,OAAO,GAAG;GAC9D,EAQE,kBAAC,GAAD;EAAK,WAAW,UAAU,EAAM,aAAa;EACzC,KAAK,EAAM;EACX,IAAI,EAAM;EACV,MAAM,EAAM,QAAQ;YACpB,kBAAC,OAAD;GAAK,WAAU;GACX,KAAK;aADT,CAEI,kBAAC,EAAS,UAAV;IACI,MAAM,EAAM;IACZ,SAAS;IACT,gBAAgB,EAAE,kBAAe,EAAQ,EAAS;IAClD,oBAAoB,EAAU,GAAK;IACnC,oBAAoB,EAAU,GAAM;cACnC,EAAM,SAAS,KAAA,KAAa,EAAM,SAAS,UACtC,MAAM,KAAS,MAAM,EAAK,GAAG,GAAK,MAChC,kBAAC,EAAS,MAAV;KAEI,YAAY,IAAQ;KACb;KAAQ,EAFV,QAAQ,IAAQ,IAEN,CACrB,GACA,kBAAC,EAAS,MAAV;KACE,YAAY;KACL;KAAQ,CAAA;IACP,CAAA,EACnB,EAAM,SAAS,gBACT,kBAAC,OAAD;IAAK,WAAW,kBAAkB,IAAS,WAAW;IACrD,eAAc,MAAS;KAEnB,AADA,EAAM,gBAAgB,EACtB,EAAU,GAAK;;cAHpB;KAKC,kBAAC,UAAD;MAAQ,WAAU;MACd,UAAU,MAAgB;MAC1B,UAAS,MAAS;OAEd,AADA,EAAM,gBAAgB,EAClB,IAAc,KACd,EAAe,IAAc,EAAE;;gBAEpC,kBAAC,KAAD,EAAG,WAAU,6BAA6B,CAAA;MAAS,CAAA;KAC1D,kBAAC,QAAD,EAAA,UAAA;MAAO;MAAY;MAAK;MAAY,EAAA,CAAA;KACpC,kBAAC,UAAD;MAAQ,WAAU;MACd,UAAU,MAAgB;MAC1B,UAAS,MAAS;OAEd,AADA,EAAM,gBAAgB,EAClB,IAAc,KACd,EAAe,IAAc,EAAE;;gBAEpC,kBAAC,KAAD,EAAG,WAAU,8BAA8B,CAAA;MAAS,CAAA;KACzD;MACR;;EACJ,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/pdf/pdf.tsx"],"sourcesContent":["import { Box } from \"../box\";\r\nimport { PDFProps } from \".\";\r\nimport * as ReactPDF from \"react-pdf\";\r\nimport React, { useState, useRef, useEffect } from \"react\";\r\n\r\nReactPDF.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/build/pdf.worker.min.mjs`;\r\n\r\nconst ReactPDFOptions = {\r\n    cMapUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/cmaps/`,\r\n    wasmUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/wasm/`,\r\n    standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${ReactPDF.pdfjs.version}/standard_fonts/`,\r\n};\r\n\r\n/**\r\n * Componente - `PDF`\r\n *\r\n * Um componente versátil que é utilizado para exibir PDFs no seu aplicativo React como se fossem imagens.\r\n */\r\nexport function PDF(props: PDFProps) {\r\n    const pdfContainerRef = useRef<null | HTMLDivElement>(null);\r\n\r\n    const [width, setWidth] = useState<number>(0);\r\n    const [page, setPage] = useState<number>(0);\r\n    const [currentPage, setCurrentPage] = useState<number>(1);\r\n    const [active, setActive] = useState<boolean>(false);\r\n\r\n    useEffect(() => {\r\n        setWidth((pdfContainerRef.current?.clientWidth ?? 500) - 50);\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={\"pdf \" + (props.className ?? \"\")}\r\n            css={props.css}\r\n            id={props.id}\r\n            size={props.size ?? \"100\"}>\r\n            <div className=\"pdf-container\"\r\n                ref={pdfContainerRef}>\r\n                <ReactPDF.Document\r\n                    file={props.file}\r\n                    options={ReactPDFOptions}\r\n                    onLoadSuccess={({ numPages }) => setPage(numPages)}\r\n                    onMouseEnter={() => setActive(true)}\r\n                    onMouseLeave={() => setActive(false)}>\r\n                    {props.mode === undefined || props.mode === \"total\"\r\n                        ? Array.from(new Array(page), (_el, index) => (\r\n                            <ReactPDF.Page\r\n                                key={`page_${index + 1}`}\r\n                                pageNumber={index + 1}\r\n                                width={width}/>\r\n                        ))\r\n                        : <ReactPDF.Page\r\n                            pageNumber={currentPage}\r\n                            width={width}/>}\r\n                </ReactPDF.Document>\r\n                {props.mode === \"pagination\"\r\n                    && <div className={`pdf-pagination ${active ? \"active\" : \"\"}`}\r\n                        onMouseEnter={event => {\r\n                            event.preventDefault();\r\n                            setActive(true);\r\n                        }}>\r\n                        <button className=\"pdf-page\"\r\n                            disabled={currentPage === 1}\r\n                            onClick={event => {\r\n                                event.preventDefault();\r\n                                if (currentPage > 0) {\r\n                                    setCurrentPage(currentPage - 1);\r\n                                }\r\n                            }}><i className=\"bi bi-chevron-double-left\"/></button>\r\n                        <span>{currentPage} de {page}</span>\r\n                        <button className=\"pdf-page\"\r\n                            disabled={currentPage === page}\r\n                            onClick={event => {\r\n                                event.preventDefault();\r\n                                if (currentPage < page) {\r\n                                    setCurrentPage(currentPage + 1);\r\n                                }\r\n                            }}><i className=\"bi bi-chevron-double-right\"/></button>\r\n                    </div>}\r\n            </div>\r\n        </Box>\r\n    );\r\n}"],"mappings":";;;;;;AAKA,EAAS,MAAM,oBAAoB,YAAY,0BAA0B,EAAS,MAAM,QAAQ;AAEhG,IAAM,IAAkB;CACpB,SAAS,gCAAgC,EAAS,MAAM,QAAQ;CAChE,SAAS,gCAAgC,EAAS,MAAM,QAAQ;CAChE,qBAAqB,gCAAgC,EAAS,MAAM,QAAQ;AAChF;AAOA,SAAgB,EAAI,GAAiB;CACjC,IAAM,IAAkB,EAA8B,IAAI,GAEpD,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,CAAC,GAAM,KAAW,EAAiB,CAAC,GACpC,CAAC,GAAa,KAAkB,EAAiB,CAAC,GAClD,CAAC,GAAQ,KAAa,EAAkB,EAAK;CAWnD,OATA,QAAgB;EACZ,GAAU,EAAgB,SAAS,eAAe,OAAO,EAAE;CAC/D,CAAC,GAQG,kBAAC,GAAD;EAAK,WAAW,UAAU,EAAM,aAAa;EACzC,KAAK,EAAM;EACX,IAAI,EAAM;EACV,MAAM,EAAM,QAAQ;YACpB,kBAAC,OAAD;GAAK,WAAU;GACX,KAAK;aADT,CAEI,kBAAC,EAAS,UAAV;IACI,MAAM,EAAM;IACZ,SAAS;IACT,gBAAgB,EAAE,kBAAe,EAAQ,CAAQ;IACjD,oBAAoB,EAAU,EAAI;IAClC,oBAAoB,EAAU,EAAK;cAClC,EAAM,SAAS,KAAA,KAAa,EAAM,SAAS,UACtC,MAAM,KAAS,MAAM,CAAI,IAAI,GAAK,MAChC,kBAAC,EAAS,MAAV;KAEI,YAAY,IAAQ;KACb;IAAO,GAFT,QAAQ,IAAQ,GAEP,CACrB,IACC,kBAAC,EAAS,MAAV;KACE,YAAY;KACL;IAAO,CAAA;GACP,CAAA,GAClB,EAAM,SAAS,gBACT,kBAAC,OAAD;IAAK,WAAW,kBAAkB,IAAS,WAAW;IACrD,eAAc,MAAS;KAEnB,AADA,EAAM,eAAe,GACrB,EAAU,EAAI;IAClB;cAJD;KAKC,kBAAC,UAAD;MAAQ,WAAU;MACd,UAAU,MAAgB;MAC1B,UAAS,MAAS;OAEd,AADA,EAAM,eAAe,GACjB,IAAc,KACd,EAAe,IAAc,CAAC;MAEtC;gBAAG,kBAAC,KAAD,EAAG,WAAU,4BAA4B,CAAA;KAAS,CAAA;KACzD,kBAAC,QAAD,EAAA,UAAA;MAAO;MAAY;MAAK;KAAW,EAAA,CAAA;KACnC,kBAAC,UAAD;MAAQ,WAAU;MACd,UAAU,MAAgB;MAC1B,UAAS,MAAS;OAEd,AADA,EAAM,eAAe,GACjB,IAAc,KACd,EAAe,IAAc,CAAC;MAEtC;gBAAG,kBAAC,KAAD,EAAG,WAAU,6BAA6B,CAAA;KAAS,CAAA;IACzD;KACR;;CACJ,CAAA;AAEb"}

package/pdf/style/pdf.css

@@ -1,54 +1,54 @@
-.pdf {
-    position: relative;
-    width: 100%;
-}
-
-.pdf .pdf-container {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 0;
-    padding: 10px 0;
-    position: relative;
-}
-
-.pdf .pdf-container .react-pdf__Document {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.pdf .pdf-container .react-pdf__Page {
-    margin: .5em 0;
-    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
-}
-
-.pdf .pdf-container .pdf-pagination {
-    position: absolute;
-    bottom: 5%;
-    left: 50%;
-    background: #fff;
-    opacity: 0;
-    transform: translate(-50%);
-    transition: opacity ease-in-out .2s;
-    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
-    border-radius: 5px;
-    z-index: 2;
-    font-size: .9em;
-}
-
-.pdf .pdf-container .pdf-pagination.active {
-    opacity: 1;
-    transform: translate(-50%);
-    transition: opacity ease-in-out .2s;
-}
-
-.pdf .pdf-container .pdf-pagination .pdf-page {
-    width: 44px;
-    height: 44px;
-    background: #fff;
-    border: 0;
-    font: inherit;
-    border-radius: 5px;
+.pdf {
+    position: relative;
+    width: 100%;
+}
+
+.pdf .pdf-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0;
+    padding: 10px 0;
+    position: relative;
+}
+
+.pdf .pdf-container .react-pdf__Document {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.pdf .pdf-container .react-pdf__Page {
+    margin: .5em 0;
+    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
+}
+
+.pdf .pdf-container .pdf-pagination {
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    background: #fff;
+    opacity: 0;
+    transform: translate(-50%);
+    transition: opacity ease-in-out .2s;
+    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
+    border-radius: 5px;
+    z-index: 2;
+    font-size: .9em;
+}
+
+.pdf .pdf-container .pdf-pagination.active {
+    opacity: 1;
+    transform: translate(-50%);
+    transition: opacity ease-in-out .2s;
+}
+
+.pdf .pdf-container .pdf-pagination .pdf-page {
+    width: 44px;
+    height: 44px;
+    background: #fff;
+    border: 0;
+    font: inherit;
+    border-radius: 5px;
 }

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

@@ -1,41 +1,42 @@
 import { ApiComponentProps } from '../../api';
-import * as PickListPrimeReact from "primereact/picklist";
-
-export interface PickListDataProps {
-    /**
-     * Indificador do objeto
-     */
-    id: any;
-
-    /**
-     * Label do objeto
-     */
-    label: string;
-
-    /**
-     * Define se objeto está ativo ou inativo
-     */
-    active?: boolean
-}
-
-export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeReact.PickListProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
-    /**
-     * Define o array de objeto que será manipulado pelo componente
-     */
-    data: PickListDataProps[]
-
-    /**
-     * Define a chave de indentificação do objeto de dados
-     */
-    dataKey?: string
-
-    /**
-     * Define se componente está desabilitado
-     */
-    disabled?: boolean
-
-    /**
-     * Callback executado quando o valor do PickList é alterado
-     */
-    onChange(value: PickListDataProps[]): void;
-}
+
+import * as PickListPrimeReact from "primereact/picklist";
+
+export interface PickListDataProps {
+    /**
+     * Indificador do objeto
+     */
+    id: any;
+
+    /**
+     * Label do objeto
+     */
+    label: string;
+
+    /**
+     * Define se objeto está ativo ou inativo
+     */
+    active?: boolean
+}
+
+export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeReact.PickListProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
+    /**
+     * Define o array de objeto que será manipulado pelo componente
+     */
+    data: PickListDataProps[]
+
+    /**
+     * Define a chave de indentificação do objeto de dados
+     */
+    dataKey?: string
+
+    /**
+     * Define se componente está desabilitado
+     */
+    disabled?: boolean
+
+    /**
+     * Callback executado quando o valor do PickList é alterado
+     */
+    onChange(value: PickListDataProps[]): void;
+}

package/picklist/core/core/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/picklist/core/core.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { PickListDataProps, PickListProps } from \"..\";\nimport * as PickListPrimeReact from \"primereact/picklist\";\n\n/**\n * `Template`\n * Define o template padrão dos item do PickList\n */\nfunction pickListItemTemplate(\n    item: PickListDataProps & { selected?: boolean }\n) {\n    return (\n        <div className=\"w-100 d-flex px-2 align-items-center\">\n            <Checkbox checked={item.selected ?? false}\n                className=\"me-2\"\n                defaultChecked={item.selected}/>\n            <p className=\"m-0\">{item.label}</p>\n        </div>\n    );\n}\n\n/**\n * `Core`\n * Define as propriedades base para funcionamento do picklist\n */\nexport function pickListCore(\n    props: PickListProps\n): PickListPrimeReact.PickListProps {\n    return {\n        dataKey: props.dataKey ?? \"id\",\n        showSourceControls: false,\n        showTargetControls: false,\n        sourceHeader: props.sourceHeader,\n        targetHeader: props.targetHeader,\n        itemTemplate: pickListItemTemplate,\n\n        filter: props.filter ?? undefined,\n        filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\n        sourceFilterPlaceholder: \"Pesquisa pelo nome\",\n        targetFilterPlaceholder: \"Pesquisa pelo nome\",\n    };\n}"],"mappings":";;;;AASA,SAAS,EACL,GACF;CACE,OACI,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD;GAAU,SAAS,EAAK,YAAY;GAChC,WAAU;GACV,gBAAgB,EAAK;GAAW,CAAA,EACpC,kBAAC,KAAD;GAAG,WAAU;aAAO,EAAK;GAAU,CAAA,CACjC;;;AAQd,SAAgB,EACZ,GACgC;CAChC,OAAO;EACH,SAAS,EAAM,WAAW;EAC1B,oBAAoB;EACpB,oBAAoB;EACpB,cAAc,EAAM;EACpB,cAAc,EAAM;EACpB,cAAc;EAEd,QAAQ,EAAM,UAAU,KAAA;EACxB,UAAU,EAAM,SAAU,EAAM,YAAY,UAAW,KAAA;EACvD,yBAAyB;EACzB,yBAAyB;EAC5B"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/picklist/core/core.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"..\";\r\nimport * as PickListPrimeReact from \"primereact/picklist\";\r\n\r\n/**\r\n * `Template`\r\n * Define o template padrão dos item do PickList\r\n */\r\nfunction pickListItemTemplate(\r\n    item: PickListDataProps & { selected?: boolean }\r\n) {\r\n    return (\r\n        <div className=\"w-100 d-flex px-2 align-items-center\">\r\n            <Checkbox checked={item.selected ?? false}\r\n                className=\"me-2\"\r\n                defaultChecked={item.selected}/>\r\n            <p className=\"m-0\">{item.label}</p>\r\n        </div>\r\n    );\r\n}\r\n\r\n/**\r\n * `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n */\r\nexport function pickListCore(\r\n    props: PickListProps\r\n): PickListPrimeReact.PickListProps {\r\n    return {\r\n        dataKey: props.dataKey ?? \"id\",\r\n        showSourceControls: false,\r\n        showTargetControls: false,\r\n        sourceHeader: props.sourceHeader,\r\n        targetHeader: props.targetHeader,\r\n        itemTemplate: pickListItemTemplate,\r\n\r\n        filter: props.filter ?? undefined,\r\n        filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n        sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n        targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n    };\r\n}"],"mappings":";;;;AASA,SAAS,EACL,GACF;CACE,OACI,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD;GAAU,SAAS,EAAK,YAAY;GAChC,WAAU;GACV,gBAAgB,EAAK;EAAU,CAAA,GACnC,kBAAC,KAAD;GAAG,WAAU;aAAO,EAAK;EAAS,CAAA,CACjC;;AAEb;AAMA,SAAgB,EACZ,GACgC;CAChC,OAAO;EACH,SAAS,EAAM,WAAW;EAC1B,oBAAoB;EACpB,oBAAoB;EACpB,cAAc,EAAM;EACpB,cAAc,EAAM;EACpB,cAAc;EAEd,QAAQ,EAAM,UAAU,KAAA;EACxB,UAAU,EAAM,SAAU,EAAM,YAAY,UAAW,KAAA;EACvD,yBAAyB;EACzB,yBAAyB;CAC7B;AACJ"}

package/picklist/picklist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { PickListProps } from \".\";\nimport { pickListCore } from \"./core/core\";\nimport React, { useState, useEffect } from \"react\";\nimport * as PickListPrimeReact from \"primereact/picklist\";\n\n/**\n * Componente - `PickList`\n *\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\n */\nexport function PickList(props: PickListProps) {\n    const [source, setSource] = useState<any>([]);\n    const [target, setTarget] = useState<any>([]);\n\n    useEffect(() => {\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\n        setTarget(props.data.filter(item => item.active));\n    }, [props.data]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box\n            className={props.className}\n            css={props.css}\n            size={props.size ?? \"100\"}>\n            <PickListPrimeReact.PickList\n                className=\"w-100\"\n                source={source}\n                target={target}\n                onChange={event => {\n                    let target = event.target.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: true };\n                    });\n                    let source = event.source.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: false };\n                    });\n                    setTarget(target);\n                    setSource(source);\n                    props.onChange([...source, ...target]);\n                }}\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                {...pickListCore(props)}/>\n        </Box>\n    );\n}\n\nPickList.displayName = \"PickList\";"],"mappings":";;;;;;;AAWA,SAAgB,EAAS,GAAsB;CAC3C,IAAM,CAAC,GAAQ,KAAa,EAAc,EAAE,CAAC,EACvC,CAAC,GAAQ,KAAa,EAAc,EAAE,CAAC;CAY7C,OAVA,QAAgB;EAEZ,AADA,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,WAAW,KAAA,KAAa,CAAC,EAAK,OAAO,CAAC,EAC/E,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,OAAO,CAAC;IAClD,CAAC,EAAM,KAAK,CAAC,EAQZ,kBAAC,GAAD;EACI,WAAW,EAAM;EACjB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YACpB,kBAAC,EAAmB,UAApB;GACI,WAAU;GACF;GACA;GACR,WAAU,MAAS;IACf,IAAI,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;KAAM,EAClC,EACE,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;KAAO,EACnC;IAGF,AAFA,EAAU,EAAO,EACjB,EAAU,EAAO,EACjB,EAAM,SAAS,CAAC,GAAG,GAAQ,GAAG,EAAO,CAAC;;GAE1C,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,GAAG;IAChE,EACH,CAAC;GACH,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,GAAG;IAChE,EACH,CAAC;GACH,GAAI,EAAa,EAAM;GAAG,CAAA;EAC5B,CAAA;;AAId,EAAS,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\r\nimport { PickListProps } from \".\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport * as PickListPrimeReact from \"primereact/picklist\";\r\n\r\n/**\r\n * Componente - `PickList`\r\n *\r\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n */\r\nexport function PickList(props: PickListProps) {\r\n    const [source, setSource] = useState<any>([]);\r\n    const [target, setTarget] = useState<any>([]);\r\n\r\n    useEffect(() => {\r\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\r\n        setTarget(props.data.filter(item => item.active));\r\n    }, [props.data]);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box\r\n            className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <PickListPrimeReact.PickList\r\n                className=\"w-100\"\r\n                source={source}\r\n                target={target}\r\n                onChange={event => {\r\n                    let target = event.target.map((item: any) => {\r\n                        delete item.selected;\r\n                        return { ...item, active: true };\r\n                    });\r\n                    let source = event.source.map((item: any) => {\r\n                        delete item.selected;\r\n                        return { ...item, active: false };\r\n                    });\r\n                    setTarget(target);\r\n                    setSource(source);\r\n                    props.onChange([...source, ...target]);\r\n                }}\r\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n                    return {\r\n                        ...item,\r\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\r\n                    };\r\n                }))}\r\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n                    return {\r\n                        ...item,\r\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\r\n                    };\r\n                }))}\r\n                {...pickListCore(props)}/>\r\n        </Box>\r\n    );\r\n}\r\n\r\nPickList.displayName = \"PickList\";"],"mappings":";;;;;;;AAWA,SAAgB,EAAS,GAAsB;CAC3C,IAAM,CAAC,GAAQ,KAAa,EAAc,CAAC,CAAC,GACtC,CAAC,GAAQ,KAAa,EAAc,CAAC,CAAC;CAY5C,OAVA,QAAgB;EAEZ,AADA,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,WAAW,KAAA,KAAa,CAAC,EAAK,MAAM,CAAC,GAC9E,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,MAAM,CAAC;CACpD,GAAG,CAAC,EAAM,IAAI,CAAC,GAQX,kBAAC,GAAD;EACI,WAAW,EAAM;EACjB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YACpB,kBAAC,EAAmB,UAApB;GACI,WAAU;GACF;GACA;GACR,WAAU,MAAS;IACf,IAAI,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;IAAK,EAClC,GACG,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;IAAM,EACnC;IAGD,AAFA,EAAU,CAAM,GAChB,EAAU,CAAM,GAChB,EAAM,SAAS,CAAC,GAAG,GAAQ,GAAG,CAAM,CAAC;GACzC;GACA,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,EAAE;GAChE,EACH,CAAC;GACF,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,EAAE;GAChE,EACH,CAAC;GACF,GAAI,EAAa,CAAK;EAAG,CAAA;CAC5B,CAAA;AAEb;AAEA,EAAS,cAAc"}

package/picklist/types.d.ts

@@ -1,35 +1,37 @@
 import { ApiComponentProps } from '../api/types';
 import { PickListProps as PickListPrimeProps } from 'primereact/picklist';
-export interface PickListDataProps {
-    /**
-     * Indificador do objeto
-     */
-    id: any;
-
-    /**
-     * Label do objeto
-     */
-    label: string;
-
-    /**
-     * Define se objeto está ativo ou inativo
-     */
-    active?: boolean
-}
-
-export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
-    /**
-     * Define o array de objeto que será manipulado pelo componente
-     */
-    data: PickListDataProps[]
-
-    /**
-     * Define a chave de indentificação do objeto de dados
-     */
-    dataKey?: string
-
-    /**
-     * Callback executado quando o valor do PickList é alterado
-     */
-    onChange(value: PickListDataProps[]): void;
-}
+
+
+export interface PickListDataProps {
+    /**
+     * Indificador do objeto
+     */
+    id: any;
+
+    /**
+     * Label do objeto
+     */
+    label: string;
+
+    /**
+     * Define se objeto está ativo ou inativo
+     */
+    active?: boolean
+}
+
+export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
+    /**
+     * Define o array de objeto que será manipulado pelo componente
+     */
+    data: PickListDataProps[]
+
+    /**
+     * Define a chave de indentificação do objeto de dados
+     */
+    dataKey?: string
+
+    /**
+     * Callback executado quando o valor do PickList é alterado
+     */
+    onChange(value: PickListDataProps[]): void;
+}

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

@@ -1,40 +1,42 @@
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-interface RadioBaseProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Define o nome do campo
-     */
-    name: string;
-
-    /**
-     * Array de objeto para definir as opções de escolha
-     */
-    options: Array<RadioOptionsProps>
-
-    /**
-     * Define o aliamento das opções de escolha
-     */
-    align?: "row" | "column"
-}
-
-export type RadioOptionsProps = {
-
-    /**
-     * Define o valor da opção
-     */
-    value: string;
-
-    /**
-     * Define a label da opção
-     */
-    label: string;
-
-    /**
-     * Define se opção está habilitada ou desabilitada
-     */
-    disabled?: boolean;
-};
-
-export type RadioProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? RadioBaseProps & ApiFieldControlledProps
-    : RadioBaseProps & ApiFieldHookFormProps;
+
+
+interface RadioBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * Define o nome do campo
+     */
+    name: string;
+
+    /**
+     * Array de objeto para definir as opções de escolha
+     */
+    options: Array<RadioOptionsProps>
+
+    /**
+     * Define o aliamento das opções de escolha
+     */
+    align?: "row" | "column"
+}
+
+export type RadioOptionsProps = {
+
+    /**
+     * Define o valor da opção
+     */
+    value: string;
+
+    /**
+     * Define a label da opção
+     */
+    label: string;
+
+    /**
+     * Define se opção está habilitada ou desabilitada
+     */
+    disabled?: boolean;
+};
+
+export type RadioProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? RadioBaseProps & ApiFieldControlledProps
+    : RadioBaseProps & ApiFieldHookFormProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\nimport React, { Fragment } from \"react\";\nimport { InputFeedback } from \"../../api\";\n\ntype Props = {\n    core: RadioProps<\"Controlled\">\n};\n\n/**\n * Core - `RadioControlled`\n * Define o componente controlled\n */\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <div className=\"w-100 d-flex flex-column\">\n        <div className={`w-100 d-flex gap-3 ${align}`}>\n            {props.options.map((item) => {\n                return (\n                    <Fragment key={item.value}>\n                        <div className=\"d-flex align-items-center form-check\">\n                            <input checked={item.value === props.value}\n                                className=\"form-check-input\"\n                                disabled={props.disabled || item.disabled}\n                                id={props.name + \"-\" + item.value}\n                                name={props.name}\n                                required={props.required}\n                                type=\"radio\"\n                                value={item.value}\n                                onChange={event => {\n                                    if (props.onChange) {\n                                        props.onChange(event.target.value);\n                                    }\n                                }}/>\n                            <label className=\"ms-2\"\n                                htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                        </div>\n                    </Fragment>\n                );\n            }\n            )}\n        </div>\n        <InputFeedback {...props}/>\n    </div>;\n}"],"mappings":";;;;;AAYA,SAAgB,EAAgB,EAAE,SAAM,GAAG,KAA2C;CAOlF,OAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CACH,kBAAC,OAAD;GAAK,WAAW,sBAPR,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;aAQxD,EAAM,QAAQ,KAAK,MAEZ,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,SAAD;KAAO,SAAS,EAAK,UAAU,EAAM;KACjC,WAAU;KACV,UAAU,EAAM,YAAY,EAAK;KACjC,IAAI,EAAM,OAAO,MAAM,EAAK;KAC5B,MAAM,EAAM;KACZ,UAAU,EAAM;KAChB,MAAK;KACL,OAAO,EAAK;KACZ,WAAU,MAAS;MACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,MAAM;;KAEtC,CAAA,EACR,kBAAC,SAAD;KAAO,WAAU;KACb,SAAS,EAAM,OAAO,MAAM,EAAK;eAAQ,EAAK;KAAc,CAAA,CAC9D;OACC,EAlBI,EAAK,MAkBT,CAGlB;GACC,CAAA,EACN,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA,CACzB"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\r\nimport React, { Fragment } from \"react\";\r\nimport { InputFeedback } from \"../../api\";\r\n\r\ntype Props = {\r\n    core: RadioProps<\"Controlled\">\r\n};\r\n\r\n/**\r\n * Core - `RadioControlled`\r\n * Define o componente controlled\r\n */\r\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\r\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return <div className=\"w-100 d-flex flex-column\">\r\n        <div className={`w-100 d-flex gap-3 ${align}`}>\r\n            {props.options.map((item) => {\r\n                return (\r\n                    <Fragment key={item.value}>\r\n                        <div className=\"d-flex align-items-center form-check\">\r\n                            <input checked={item.value === props.value}\r\n                                className=\"form-check-input\"\r\n                                disabled={props.disabled || item.disabled}\r\n                                id={props.name + \"-\" + item.value}\r\n                                name={props.name}\r\n                                required={props.required}\r\n                                type=\"radio\"\r\n                                value={item.value}\r\n                                onChange={event => {\r\n                                    if (props.onChange) {\r\n                                        props.onChange(event.target.value);\r\n                                    }\r\n                                }}/>\r\n                            <label className=\"ms-2\"\r\n                                htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\r\n                        </div>\r\n                    </Fragment>\r\n                );\r\n            }\r\n            )}\r\n        </div>\r\n        <InputFeedback {...props}/>\r\n    </div>;\r\n}"],"mappings":";;;;;AAYA,SAAgB,EAAgB,EAAE,SAAM,GAAG,KAA2C;CAOlF,OAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CACH,kBAAC,OAAD;GAAK,WAAW,sBAPR,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;aAQxD,EAAM,QAAQ,KAAK,MAEZ,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,SAAD;KAAO,SAAS,EAAK,UAAU,EAAM;KACjC,WAAU;KACV,UAAU,EAAM,YAAY,EAAK;KACjC,IAAI,EAAM,OAAO,MAAM,EAAK;KAC5B,MAAM,EAAM;KACZ,UAAU,EAAM;KAChB,MAAK;KACL,OAAO,EAAK;KACZ,WAAU,MAAS;MACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,KAAK;KAEzC;IAAG,CAAA,GACP,kBAAC,SAAD;KAAO,WAAU;KACb,SAAS,EAAM,OAAO,MAAM,EAAK;eAAQ,EAAK;IAAa,CAAA,CAC9D;MACC,GAlBK,EAAK,KAkBV,CAGlB;EACC,CAAA,GACL,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CACzB;;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadioProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\n\ntype Props = {\n    core: RadioProps<\"HookForm\">\n};\n\n/**\n * Core - `RadioHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <div className=\"w-100 d-flex flex-column\">\n                <div className={`w-100 d-flex gap-3 ${align}`}>\n                    {props.options.map((item) => {\n                        return (\n                            <div className=\"d-flex align-items-center form-check\"\n                                key={item.value}>\n                                <input checked={item.value === field.value}\n                                    className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\n                                    disabled={props.disabled || item.disabled}\n                                    id={props.name + \"-\" + item.value}\n                                    type=\"radio\"\n                                    value={item.value}\n                                    onChange={field.onChange}/>\n                                <label className=\"ms-2 form-check-label\"\n                                    htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                            </div>\n                        );\n                    }\n                    )}\n                </div>\n                <InputFeedback {...props}\n                    errors={errors}/>\n            </div>;\n        }}\n        control={props.control}\n        name={props.name}\n        rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"mappings":";;;;;;AAaA,SAAgB,EAAc,EAAE,SAAM,GAAG,KAAyC;CAC9E,IAAI,IAAQ,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;CAOjE,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACH,kBAAC,OAAD;IAAK,WAAW,sBAAsB;cACjC,EAAM,QAAQ,KAAK,MAEZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEI,kBAAC,SAAD;MAAO,SAAS,EAAK,UAAU,EAAM;MACjC,WAAW,uBAAwB,EAAO,EAAM,QAAa,eAAL;MACxD,UAAU,EAAM,YAAY,EAAK;MACjC,IAAI,EAAM,OAAO,MAAM,EAAK;MAC5B,MAAK;MACL,OAAO,EAAK;MACZ,UAAU,EAAM;MAAW,CAAA,EAC/B,kBAAC,SAAD;MAAO,WAAU;MACb,SAAS,EAAM,OAAO,MAAM,EAAK;gBAAQ,EAAK;MAAc,CAAA,CAC9D;OAVG,EAAK,MAUR,CAGb;IACC,CAAA,EACN,kBAAC,GAAD;IAAe,GAAI;IACP;IAAS,CAAA,CACnB;;EAEV,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,IAA6B;EAAG,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { RadioProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\ntype Props = {\r\n    core: RadioProps<\"HookForm\">\r\n};\r\n\r\n/**\r\n * Core - `RadioHookForm`\r\n * Define o componente utilizando o HookForm\r\n */\r\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\r\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\r\n\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 <div className=\"w-100 d-flex flex-column\">\r\n                <div className={`w-100 d-flex gap-3 ${align}`}>\r\n                    {props.options.map((item) => {\r\n                        return (\r\n                            <div className=\"d-flex align-items-center form-check\"\r\n                                key={item.value}>\r\n                                <input checked={item.value === field.value}\r\n                                    className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\r\n                                    disabled={props.disabled || item.disabled}\r\n                                    id={props.name + \"-\" + item.value}\r\n                                    type=\"radio\"\r\n                                    value={item.value}\r\n                                    onChange={field.onChange}/>\r\n                                <label className=\"ms-2 form-check-label\"\r\n                                    htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\r\n                            </div>\r\n                        );\r\n                    }\r\n                    )}\r\n                </div>\r\n                <InputFeedback {...props}\r\n                    errors={errors}/>\r\n            </div>;\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":";;;;;;AAaA,SAAgB,EAAc,EAAE,SAAM,GAAG,KAAyC;CAC9E,IAAI,IAAQ,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;CAOjE,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACH,kBAAC,OAAD;IAAK,WAAW,sBAAsB;cACjC,EAAM,QAAQ,KAAK,MAEZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEI,kBAAC,SAAD;MAAO,SAAS,EAAK,UAAU,EAAM;MACjC,WAAW,uBAAwB,EAAO,EAAM,QAAa,eAAL;MACxD,UAAU,EAAM,YAAY,EAAK;MACjC,IAAI,EAAM,OAAO,MAAM,EAAK;MAC5B,MAAK;MACL,OAAO,EAAK;MACZ,UAAU,EAAM;KAAU,CAAA,GAC9B,kBAAC,SAAD;MAAO,WAAU;MACb,SAAS,EAAM,OAAO,MAAM,EAAK;gBAAQ,EAAK;KAAa,CAAA,CAC9D;OAVI,EAAK,KAUT,CAGb;GACC,CAAA,GACL,kBAAC,GAAD;IAAe,GAAI;IACP;GAAQ,CAAA,CACnB;;EAET,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,GAA4B;CAAG,CAAA;AAE5E"}

package/radio/radio/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/radio/radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { RadioProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { InputLabel, InputProps } from \"../api\";\nimport { RadioHookForm } from \"./core/hookForm\";\nimport { RadioControlled } from \"./core/controlled\";\n\n/**\n * Componente - `Radio`\n *\n * Um componente versátil que é utilizado para entrada de dados de multipla escolha.\n */\nexport function Radio<T extends ApiFieldModeProps = \"Controlled\">(props: RadioProps<T> & { mode?: T }) {\n    let propsCore = props as any;\n    let core = {\n        ...InputProps(propsCore)\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                ? <RadioControlled core={core}\n                    {...propsCore}/>\n                : <RadioHookForm core={core}\n                    {...propsCore}/>}\n        </Box>\n    );\n}\n\nRadio.displayName = \"Radio\";"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAkD,GAAqC;CACnG,IAAI,IAAY,GACZ,IAAO,EACP,GAAG,EAAW,EAAU,EAC3B;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;GAAuB;GACrB,GAAI;GAAY,CAAA,GAClB,kBAAC,GAAD;GAAqB;GACnB,GAAI;GAAY,CAAA,CACtB;;;AAId,EAAM,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/radio/radio.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { RadioProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { InputLabel, InputProps } from \"../api\";\r\nimport { RadioHookForm } from \"./core/hookForm\";\r\nimport { RadioControlled } from \"./core/controlled\";\r\n\r\n/**\r\n * Componente - `Radio`\r\n *\r\n * Um componente versátil que é utilizado para entrada de dados de multipla escolha.\r\n */\r\nexport function Radio<T extends ApiFieldModeProps = \"Controlled\">(props: RadioProps<T> & { mode?: T }) {\r\n    let propsCore = props as any;\r\n    let core = {\r\n        ...InputProps(propsCore)\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                ? <RadioControlled core={core}\r\n                    {...propsCore}/>\r\n                : <RadioHookForm core={core}\r\n                    {...propsCore}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nRadio.displayName = \"Radio\";"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAkD,GAAqC;CACnG,IAAI,IAAY,GACZ,IAAO,EACP,GAAG,EAAW,CAAS,EAC3B;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;GAAuB;GACrB,GAAI;EAAW,CAAA,IACjB,kBAAC,GAAD;GAAqB;GACnB,GAAI;EAAW,CAAA,CACtB;;AAEb;AAEA,EAAM,cAAc"}