@orangesix/react 1.3.8 → 2.0.3

package/modal/modal/index.esm.js

@@ -0,0 +1,28 @@
+import { jsx as s } from "react/jsx-runtime";
+import { modalCore as l } from "../core/core/index.esm.js";
+import { useState as t } from "react";
+import { Dialog as d } from "primereact/dialog";
+function o(e) {
+  let m = e.sizes ? e.sizes === "small" ? "300px" : e.sizes === "medium" ? "500px" : e.sizes === "large" ? "800px" : "80%" : void 0;
+  const [i, a] = t(e.maximized ?? !1);
+  return /* @__PURE__ */ s(
+    d,
+    {
+      style: i ? {} : { width: m },
+      ...l(e),
+      breakpoints: {
+        "768px": "80%",
+        "576px": "90%"
+      },
+      className: e.className,
+      maximized: i,
+      onMaximize: () => a(!i),
+      children: e.children
+    }
+  );
+}
+o.displayName = "Modal";
+export {
+  o as Modal
+};
+//# sourceMappingURL=index.esm.js.map

package/modal/modal/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/modal/modal.tsx"],"sourcesContent":["import { ModalProps } from \".\";\nimport { modalCore } from \"./core/core\";\nimport React, { useState } from \"react\";\nimport { Dialog } from \"primereact/dialog\";\n\n/**\n * Componente - `Modal`\n *\n * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.\n */\nexport function Modal(props: ModalProps) {\n    let sizes = !props.sizes ? undefined\n        : props.sizes === \"small\" ? \"300px\"\n            : props.sizes === \"medium\" ? \"500px\"\n                : props.sizes === \"large\" ? \"800px\" : \"80%\";\n    const [maximized, setMaximized] = useState(props.maximized ?? false);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Dialog style={!maximized ? { width: sizes } : {}}\n                {...modalCore(props)}\n                breakpoints={{\n                    \"768px\": \"80%\",\n                    \"576px\": \"90%\",\n                }}\n                className={props.className}\n                maximized={maximized}\n                onMaximize={() => setMaximized(!maximized)}>\n            {props.children}\n        </Dialog>\n    );\n}\n\nModal.displayName = \"Modal\";"],"names":["Modal","props","sizes","maximized","setMaximized","useState","jsx","Dialog","modalCore"],"mappings":";;;;AAUO,SAASA,EAAMC,GAAmB;AACrC,MAAIC,IAASD,EAAM,QACbA,EAAM,UAAU,UAAU,UACtBA,EAAM,UAAU,WAAW,UACvBA,EAAM,UAAU,UAAU,UAAU,QAHvB;AAI3B,QAAM,CAACE,GAAWC,CAAY,IAAIC,EAASJ,EAAM,aAAa,EAAK;AAOnE,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAAO,OAAQJ,IAA+B,CAAA,IAAnB,EAAE,OAAOD,EAAA;AAAA,MAC5B,GAAGM,EAAUP,CAAK;AAAA,MACnB,aAAa;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEb,WAAWA,EAAM;AAAA,MACjB,WAAAE;AAAA,MACA,YAAY,MAAMC,EAAa,CAACD,CAAS;AAAA,MAC5C,UAAAF,EAAM;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEAD,EAAM,cAAc;"}

package/modal/modal.d.ts

@@ -0,0 +1,11 @@
+import { ModalProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `Modal`
+ *
+ * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.
+ */
+export declare function Modal(props: ModalProps): React.JSX.Element;
+export declare namespace Modal {
+    var displayName: string;
+}

package/package.json

@@ -1,44 +1,46 @@
 {
-        "name": "@orangesix/react",
-        "version": "1.3.8",
-        "private": false,
-        "author": "Luiz Fernando Bernardes de Paula",
-        "description": "Biblioteca de components React UI.",
-        "repository": {
-            "type": "git",
-            "url": "https://github.com/Nandovga/orangesix-react.git"
-        },
-        "license": "MIT",
-        "bugs": {
-            "url": "https://github.com/Nandovga/orangesix-react/issues"
-        },
-        "dependencies": {
-  "@tippyjs/react": "^4.2.6",
-  "@tiptap/extension-color": "^2.12.0",
-  "@tiptap/extension-highlight": "^2.12.0",
-  "@tiptap/extension-image": "^2.12.0",
-  "@tiptap/extension-link": "^2.12.0",
-  "@tiptap/extension-text-style": "^2.12.0",
-  "@tiptap/extension-underline": "^2.12.0",
-  "@tiptap/pm": "^2.12.0",
-  "@tiptap/react": "^2.12.0",
-  "@tiptap/starter-kit": "^2.12.0",
-  "@webdatarocks/react-webdatarocks": "^1.4.18",
-  "animate.css": "^4.1.1",
-  "axios": "^1.9.0",
-  "bootstrap": "^5.3.6",
-  "bootstrap-icons": "^1.13.1",
-  "jquery": "^3.7.1",
-  "node-snackbar": "^0.1.16",
-  "primeicons": "^7.0.0",
-  "primereact": "^10.9.6",
-  "react": "^19.1.0",
-  "react-dom": "^19.1.0",
-  "sweetalert2": "^11.22.0",
-  "sweetalert2-react-content": "^5.1.0",
-  "tippy.js": "^6.3.7"
-},
-        "peerDependencies": {
-  "react-hook-form": "^7.57.0"
-}
-    }
+  "name": "@orangesix/react",
+  "version": "2.0.3",
+  "private": false,
+  "author": "Luiz Fernando Bernardes de Paula",
+  "description": "Biblioteca de components React UI.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OrangesixGithub/react"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/OrangesixGithub/react/issues"
+  },
+  "dependencies": {
+    "@tippyjs/react": "^4.2.6",
+    "@tiptap/extension-color": "^3.1.0",
+    "@tiptap/extension-highlight": "^3.1.0",
+    "@tiptap/extension-image": "^3.1.0",
+    "@tiptap/extension-link": "^3.1.0",
+    "@tiptap/extension-text-style": "^3.1.0",
+    "@tiptap/extension-underline": "^3.1.0",
+    "@tiptap/pm": "^3.1.0",
+    "@tiptap/react": "^3.1.0",
+    "@tiptap/starter-kit": "^3.1.0",
+    "@webdatarocks/react-webdatarocks": "^1.4.19",
+    "animate.css": "^4.1.1",
+    "axios": "^1.11.0",
+    "bootstrap": "^5.3.7",
+    "bootstrap-icons": "^1.13.1",
+    "date-fns": "^4.1.0",
+    "jquery": "^3.7.1",
+    "node-snackbar": "^0.1.16",
+    "primeicons": "^7.0.0",
+    "primereact": "^10.9.6",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-pdf": "^10.0.1",
+    "sweetalert2": "^11.22.3",
+    "sweetalert2-react-content": "^5.1.0",
+    "tippy.js": "^6.3.7"
+  },
+  "peerDependencies": {
+    "react-hook-form": "^7.62.0"
+  }
+}

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

@@ -0,0 +1,12 @@
+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"
+}

package/pdf/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./pdf/index.cjs.js");exports.PDF=e.PDF;
+//# sourceMappingURL=index.cjs.js.map

package/pdf/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/pdf/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pdf';
+export * from './@types/index';

package/pdf/index.esm.js

@@ -0,0 +1,5 @@
+import { PDF as e } from "./pdf/index.esm.js";
+export {
+  e as PDF
+};
+//# sourceMappingURL=index.esm.js.map

package/pdf/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/pdf/package.json

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

package/pdf/pdf/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("../../box/box/index.cjs.js"),g=require("react-pdf"),c=require("react");function b(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const a=b(g);a.pdfjs.GlobalWorkerOptions.workerSrc=`//unpkg.com/pdfjs-dist@${a.pdfjs.version}/build/pdf.worker.min.mjs`;const v={cMapUrl:`https://unpkg.com/pdfjs-dist@${a.pdfjs.version}/cmaps/`,wasmUrl:`https://unpkg.com/pdfjs-dist@${a.pdfjs.version}/wasm/`,standardFontDataUrl:`https://unpkg.com/pdfjs-dist@${a.pdfjs.version}/standard_fonts/`};function h(e){const i=c.useRef(null),[r,o]=c.useState(0),[d,p]=c.useState(0),[s,u]=c.useState(1),[m,l]=c.useState(!1);return c.useEffect(()=>{o((i.current?.clientWidth??500)-50)}),t.jsx(j.Box,{className:"pdf "+(e.className??""),css:e.css,id:e.id,size:e.size??"100",children:t.jsxs("div",{className:"pdf-container",ref:i,children:[t.jsx(a.Document,{file:e.file,options:v,onLoadSuccess:({numPages:n})=>p(n),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:e.mode===void 0||e.mode==="total"?Array.from(new Array(d),(n,f)=>t.jsx(a.Page,{pageNumber:f+1,width:r},`page_${f+1}`)):t.jsx(a.Page,{pageNumber:s,width:r})}),e.mode==="pagination"&&t.jsxs("div",{className:`pdf-pagination ${m?"active":""}`,onMouseEnter:n=>{n.preventDefault(),l(!0)},children:[t.jsx("button",{className:"pdf-page",disabled:s===1,onClick:n=>{n.preventDefault(),s>0&&u(s-1)},children:t.jsx("i",{className:"bi bi-chevron-double-left"})}),t.jsxs("span",{children:[s," de ",d]}),t.jsx("button",{className:"pdf-page",disabled:s===d,onClick:n=>{n.preventDefault(),s<d&&u(s+1)},children:t.jsx("i",{className:"bi bi-chevron-double-right"})})]})]})})}exports.PDF=h;
+//# sourceMappingURL=index.cjs.js.map

package/pdf/pdf/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","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}"],"names":["ReactPDF","ReactPDFOptions","PDF","props","pdfContainerRef","useRef","width","setWidth","useState","page","setPage","currentPage","setCurrentPage","active","setActive","useEffect","jsx","Box","jsxs","numPages","_el","index","event"],"mappings":"ieAKAA,EAAS,MAAM,oBAAoB,UAAY,0BAA0BA,EAAS,MAAM,OAAO,4BAE/F,MAAMC,EAAkB,CACpB,QAAS,gCAAgCD,EAAS,MAAM,OAAO,UAC/D,QAAS,gCAAgCA,EAAS,MAAM,OAAO,SAC/D,oBAAqB,gCAAgCA,EAAS,MAAM,OAAO,kBAC/E,EAOO,SAASE,EAAIC,EAAiB,CACjC,MAAMC,EAAkBC,EAAAA,OAA8B,IAAI,EAEpD,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,CAAC,EACtC,CAACC,EAAMC,CAAO,EAAIF,EAAAA,SAAiB,CAAC,EACpC,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SAAiB,CAAC,EAClD,CAACK,EAAQC,CAAS,EAAIN,EAAAA,SAAkB,EAAK,EAEnDO,OAAAA,EAAAA,UAAU,IAAM,CACZR,GAAUH,EAAgB,SAAS,aAAe,KAAO,EAAE,CAC/D,CAAC,EAQGY,EAAAA,IAACC,EAAAA,IAAA,CAAI,UAAW,QAAUd,EAAM,WAAa,IACxC,IAAKA,EAAM,IACX,GAAIA,EAAM,GACV,KAAMA,EAAM,MAAQ,MACrB,SAAAe,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACV,IAAKd,EACN,SAAA,CAAAY,EAAAA,IAAChB,EAAS,SAAT,CACG,KAAMG,EAAM,KACZ,QAASF,EACT,cAAe,CAAC,CAAE,SAAAkB,KAAeT,EAAQS,CAAQ,EACjD,aAAc,IAAML,EAAU,EAAI,EAClC,aAAc,IAAMA,EAAU,EAAK,EAClC,SAAAX,EAAM,OAAS,QAAaA,EAAM,OAAS,QACtC,MAAM,KAAK,IAAI,MAAMM,CAAI,EAAG,CAACW,EAAKC,IAChCL,EAAAA,IAAChB,EAAS,KAAT,CAEG,WAAYqB,EAAQ,EACpB,MAAAf,CAAA,EAFK,QAAQe,EAAQ,CAAC,EAAA,CAG7B,EACCL,EAAAA,IAAChB,EAAS,KAAT,CACC,WAAYW,EACZ,MAAAL,CAAA,CAAA,CAAa,CAAA,EAExBH,EAAM,OAAS,cACTe,EAAAA,KAAC,MAAA,CAAI,UAAW,kBAAkBL,EAAS,SAAW,EAAE,GACnD,aAAcS,GAAS,CACnBA,EAAM,eAAA,EACNR,EAAU,EAAI,CAClB,EACJ,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,UAAU,WACV,SAAUL,IAAgB,EAC1B,QAASW,GAAS,CACdA,EAAM,eAAA,EACFX,EAAc,GACdC,EAAeD,EAAc,CAAC,CAEtC,EAAG,SAAAK,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAAA,CAA2B,CAAA,CAAA,SAClD,OAAA,CAAM,SAAA,CAAAL,EAAY,OAAKF,CAAA,EAAK,EAC7BO,EAAAA,IAAC,SAAA,CAAO,UAAU,WACV,SAAUL,IAAgBF,EAC1B,QAASa,GAAS,CACdA,EAAM,eAAA,EACFX,EAAcF,GACdG,EAAeD,EAAc,CAAC,CAEtC,EAAG,SAAAK,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAAA,CAA4B,CAAA,CAAA,CAAE,CAAA,CAAA,CAC1D,CAAA,CAAA,CACR,CAAA,CAGZ"}

package/pdf/pdf/index.esm.js

@@ -0,0 +1,99 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { Box as h } from "../../box/box/index.esm.js";
+import * as n from "react-pdf";
+import { useRef as v, useState as o, useEffect as b } from "react";
+n.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${n.pdfjs.version}/build/pdf.worker.min.mjs`;
+const j = {
+  cMapUrl: `https://unpkg.com/pdfjs-dist@${n.pdfjs.version}/cmaps/`,
+  wasmUrl: `https://unpkg.com/pdfjs-dist@${n.pdfjs.version}/wasm/`,
+  standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${n.pdfjs.version}/standard_fonts/`
+};
+function P(e) {
+  const c = v(null), [l, p] = o(0), [i, u] = o(0), [t, f] = o(1), [g, r] = o(!1);
+  return b(() => {
+    p((c.current?.clientWidth ?? 500) - 50);
+  }), /* @__PURE__ */ a(
+    h,
+    {
+      className: "pdf " + (e.className ?? ""),
+      css: e.css,
+      id: e.id,
+      size: e.size ?? "100",
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: "pdf-container",
+          ref: c,
+          children: [
+            /* @__PURE__ */ a(
+              n.Document,
+              {
+                file: e.file,
+                options: j,
+                onLoadSuccess: ({ numPages: s }) => u(s),
+                onMouseEnter: () => r(!0),
+                onMouseLeave: () => r(!1),
+                children: e.mode === void 0 || e.mode === "total" ? Array.from(new Array(i), (s, m) => /* @__PURE__ */ a(
+                  n.Page,
+                  {
+                    pageNumber: m + 1,
+                    width: l
+                  },
+                  `page_${m + 1}`
+                )) : /* @__PURE__ */ a(
+                  n.Page,
+                  {
+                    pageNumber: t,
+                    width: l
+                  }
+                )
+              }
+            ),
+            e.mode === "pagination" && /* @__PURE__ */ d(
+              "div",
+              {
+                className: `pdf-pagination ${g ? "active" : ""}`,
+                onMouseEnter: (s) => {
+                  s.preventDefault(), r(!0);
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    "button",
+                    {
+                      className: "pdf-page",
+                      disabled: t === 1,
+                      onClick: (s) => {
+                        s.preventDefault(), t > 0 && f(t - 1);
+                      },
+                      children: /* @__PURE__ */ a("i", { className: "bi bi-chevron-double-left" })
+                    }
+                  ),
+                  /* @__PURE__ */ d("span", { children: [
+                    t,
+                    " de ",
+                    i
+                  ] }),
+                  /* @__PURE__ */ a(
+                    "button",
+                    {
+                      className: "pdf-page",
+                      disabled: t === i,
+                      onClick: (s) => {
+                        s.preventDefault(), t < i && f(t + 1);
+                      },
+                      children: /* @__PURE__ */ a("i", { className: "bi bi-chevron-double-right" })
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  P as PDF
+};
+//# sourceMappingURL=index.esm.js.map

package/pdf/pdf/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","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}"],"names":["ReactPDF","ReactPDFOptions","PDF","props","pdfContainerRef","useRef","width","setWidth","useState","page","setPage","currentPage","setCurrentPage","active","setActive","useEffect","jsx","Box","jsxs","numPages","_el","index","event"],"mappings":"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"}

package/pdf/pdf.d.ts

@@ -0,0 +1,8 @@
+import { PDFProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `PDF`
+ *
+ * Um componente versátil que é utilizado para exibir PDFs no seu aplicativo React como se fossem imagens.
+ */
+export declare function PDF(props: PDFProps): React.JSX.Element;

package/pdf/style/pdf.css

@@ -0,0 +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;
+}

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

@@ -0,0 +1,36 @@
+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
+
+    /**
+     * Callback executado quando o valor do PickList é alterado
+     */
+    onChange(value: PickListDataProps[]): void;
+}

package/picklist/core/core/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("primereact/checkbox");function r(e){return t.jsxs("div",{className:"w-100 d-flex px-2 align-items-center",children:[t.jsx(l.Checkbox,{checked:e.selected??!1,className:"me-2",defaultChecked:e.selected}),t.jsx("p",{className:"m-0",children:e.label})]})}function a(e){return{dataKey:e.dataKey??"id",showSourceControls:!1,showTargetControls:!1,sourceHeader:e.sourceHeader,targetHeader:e.targetHeader,itemTemplate:r,filter:e.filter??void 0,filterBy:e.filter?e.filterBy??"label":void 0,sourceFilterPlaceholder:"Pesquisa pelo nome",targetFilterPlaceholder:"Pesquisa pelo nome"}}exports.pickListCore=a;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","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}"],"names":["pickListItemTemplate","item","jsxs","jsx","Checkbox","pickListCore","props"],"mappings":"sJASA,SAASA,EACLC,EACF,CACE,OACIC,EAAAA,KAAC,MAAA,CAAI,UAAU,uCACX,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAA,CAAS,QAASH,EAAK,UAAY,GAC1B,UAAU,OACV,eAAgBA,EAAK,QAAA,CAAA,EAC/BE,EAAAA,IAAC,IAAA,CAAE,UAAU,MAAO,WAAK,KAAA,CAAM,CAAA,EACnC,CAER,CAMO,SAASE,EACZC,EACgC,CAChC,MAAO,CACH,QAASA,EAAM,SAAW,KAC1B,mBAAoB,GACpB,mBAAoB,GACpB,aAAcA,EAAM,aACpB,aAAcA,EAAM,aACpB,aAAcN,EAEd,OAAQM,EAAM,QAAU,OACxB,SAAUA,EAAM,OAAUA,EAAM,UAAY,QAAW,OACvD,wBAAyB,qBACzB,wBAAyB,oBAAA,CAEjC"}

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

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { Checkbox as a } from "primereact/checkbox";
+function r(e) {
+  return /* @__PURE__ */ t("div", { className: "w-100 d-flex px-2 align-items-center", children: [
+    /* @__PURE__ */ l(
+      a,
+      {
+        checked: e.selected ?? !1,
+        className: "me-2",
+        defaultChecked: e.selected
+      }
+    ),
+    /* @__PURE__ */ l("p", { className: "m-0", children: e.label })
+  ] });
+}
+function c(e) {
+  return {
+    dataKey: e.dataKey ?? "id",
+    showSourceControls: !1,
+    showTargetControls: !1,
+    sourceHeader: e.sourceHeader,
+    targetHeader: e.targetHeader,
+    itemTemplate: r,
+    filter: e.filter ?? void 0,
+    filterBy: e.filter ? e.filterBy ?? "label" : void 0,
+    sourceFilterPlaceholder: "Pesquisa pelo nome",
+    targetFilterPlaceholder: "Pesquisa pelo nome"
+  };
+}
+export {
+  c as pickListCore
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","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}"],"names":["pickListItemTemplate","item","jsxs","jsx","Checkbox","pickListCore","props"],"mappings":";;AASA,SAASA,EACLC,GACF;AACE,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAAS,SAASH,EAAK,YAAY;AAAA,QAC1B,WAAU;AAAA,QACV,gBAAgBA,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAC/B,gBAAAE,EAAC,KAAA,EAAE,WAAU,OAAO,YAAK,MAAA,CAAM;AAAA,EAAA,GACnC;AAER;AAMO,SAASE,EACZC,GACgC;AAChC,SAAO;AAAA,IACH,SAASA,EAAM,WAAW;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,cAAcA,EAAM;AAAA,IACpB,cAAcA,EAAM;AAAA,IACpB,cAAcN;AAAA,IAEd,QAAQM,EAAM,UAAU;AAAA,IACxB,UAAUA,EAAM,SAAUA,EAAM,YAAY,UAAW;AAAA,IACvD,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,EAAA;AAEjC;"}

package/picklist/core/core.d.ts

@@ -0,0 +1,7 @@
+import { PickListProps } from '..';
+import * as PickListPrimeReact from "primereact/picklist";
+/**
+ * `Core`
+ * Define as propriedades base para funcionamento do picklist
+ */
+export declare function pickListCore(props: PickListProps): PickListPrimeReact.PickListProps;

package/picklist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils"),a=require("primereact/checkbox"),i=require("primereact/picklist");const r=({children:a,...i})=>{const r={size:`box-size-${i.size??"100"}`,direction:`box-direction-${i.direction??"row"}`,justify:void 0===i.justify?"":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:void 0===i.align?"":Array.isArray(i.align)?i.align?.join(" "):i.align},s={className:t.classNames(["box",i.className??"",r.size,r.direction,r.justify,r.align]),style:i.css,id:i.id};return e.createElement("div",{...s},a)};function s(t){return e.createElement("div",{className:"w-100 d-flex px-2 align-items-center"},e.createElement(a.Checkbox,{checked:t.selected??!1,className:"me-2",defaultChecked:t.selected}),e.createElement("p",{className:"m-0"},t.label))}function c(e){return{dataKey:e.dataKey??"id",showSourceControls:!1,showTargetControls:!1,sourceHeader:e.sourceHeader,targetHeader:e.targetHeader,itemTemplate:s,filter:e.filter??void 0,filterBy:e.filter?e.filterBy??"label":void 0,sourceFilterPlaceholder:"Pesquisa pelo nome",targetFilterPlaceholder:"Pesquisa pelo nome"}}exports.PickList=function(t){const[a,s]=e.useState([]),[l,o]=e.useState([]);return e.useEffect((()=>{s(t.data.filter((e=>void 0===e.active||!e.active))),o(t.data.filter((e=>e.active)))}),[t.data]),e.createElement(r,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(i.PickList,{className:"w-100",source:a,target:l,onChange:e=>{let a=e.target.map((e=>(delete e.selected,{...e,active:!0}))),i=e.source.map((e=>(delete e.selected,{...e,active:!1})));o(a),s(i),t.onChange([...i,...a])},onSourceSelectionChange:e=>s(a.map((t=>({...t,selected:e.value?.some((e=>e.id===t.id))})))),onTargetSelectionChange:e=>o(l.map((t=>({...t,selected:e.value?.some((e=>e.id===t.id))})))),...c(t)}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./picklist/index.cjs.js");exports.PickList=i.PickList;
 //# sourceMappingURL=index.cjs.js.map

package/picklist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.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 { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } 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): PickListPrimeProps {\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}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } 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 className={props.className}\r\n             css={props.css}\r\n             size={props.size ?? \"100\"}>\r\n            <PickListPrime 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 { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n                           }))}\r\n                           onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n                               return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n                           }))}\r\n                           {...pickListCore(props)}/>\r\n        </Box>\r\n    );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"oIAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,IChC/B,SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAAA,SAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,kBC/BM,SAAmBlC,GACrB,MAAOmC,EAAQC,GAAaC,EAAAA,SAAc,KACnCC,EAAQC,GAAaF,EAAAA,SAAc,IAY1C,OAVAG,EAAAA,WAAU,KACNJ,EAAUpC,EAAMyC,KAAKV,QAAOb,QAAwBb,IAAhBa,EAAKwB,SAAyBxB,EAAKwB,UACvEH,EAAUvC,EAAMyC,KAAKV,QAAOb,GAAQA,EAAKwB,YAC1C,CAAC1C,EAAMyC,OAQN1B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC2B,WAAc,CAAAhC,UAAU,QACVwB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVnC,EAAM4C,SAAS,IAAIT,KAAWG,KAElCS,wBAAyBF,GAAST,EAAUD,EAAOW,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,UAEhFqC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/picklist/index.d.ts

@@ -1,74 +1,2 @@
-import React, { CSSProperties } from 'react';
-import { PickListProps as PickListProps$1 } from 'primereact/picklist';
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-interface PickListDataProps {
-    /**
-     * Indificador do objeto
-     */
-    id: any;
-
-    /**
-     * Label do objeto
-     */
-    label: string;
-
-    /**
-     * Define se objeto está ativo ou inativo
-     */
-    active?: boolean
-}
-
-interface PickListProps extends ApiComponentProps, Pick<PickListProps$1, "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;
-}
-
-/**
- * Componente - `PickList`
- *
- * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.
- */
-declare function PickList(props: PickListProps): React.JSX.Element;
-
-type IPickListDataProps = PickListDataProps;
-
-export { PickList };
-export type { IPickListDataProps };
+export * from './picklist';
+export * from './@types/index';

package/picklist/index.esm.js

@@ -1,2 +1,5 @@
-import e,{useState as t,useEffect as a}from"react";import{classNames as i}from"primereact/utils";import{Checkbox as r}from"primereact/checkbox";import{PickList as s}from"primereact/picklist";const c=({children:t,...a})=>{const r={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},s={className:i(["box",a.className??"",r.size,r.direction,r.justify,r.align]),style:a.css,id:a.id};return e.createElement("div",{...s},t)};function l(t){return e.createElement("div",{className:"w-100 d-flex px-2 align-items-center"},e.createElement(r,{checked:t.selected??!1,className:"me-2",defaultChecked:t.selected}),e.createElement("p",{className:"m-0"},t.label))}function o(e){return{dataKey:e.dataKey??"id",showSourceControls:!1,showTargetControls:!1,sourceHeader:e.sourceHeader,targetHeader:e.targetHeader,itemTemplate:l,filter:e.filter??void 0,filterBy:e.filter?e.filterBy??"label":void 0,sourceFilterPlaceholder:"Pesquisa pelo nome",targetFilterPlaceholder:"Pesquisa pelo nome"}}function n(i){const[r,l]=t([]),[n,d]=t([]);return a((()=>{l(i.data.filter((e=>void 0===e.active||!e.active))),d(i.data.filter((e=>e.active)))}),[i.data]),e.createElement(c,{className:i.className,css:i.css,size:i.size??"100"},e.createElement(s,{className:"w-100",source:r,target:n,onChange:e=>{let t=e.target.map((e=>(delete e.selected,{...e,active:!0}))),a=e.source.map((e=>(delete e.selected,{...e,active:!1})));d(t),l(a),i.onChange([...a,...t])},onSourceSelectionChange:e=>l(r.map((t=>({...t,selected:e.value?.some((e=>e.id===t.id))})))),onTargetSelectionChange:e=>d(n.map((t=>({...t,selected:e.value?.some((e=>e.id===t.id))})))),...o(i)}))}export{n as PickList};
+import { PickList as r } from "./picklist/index.esm.js";
+export {
+  r as PickList
+};
 //# sourceMappingURL=index.esm.js.map