@orangesix/react 2.3.1 → 2.4.0

package/pdf/index.esm.js

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

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

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

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

@@ -1 +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":";;;;AAKAA,EAAS,MAAM,oBAAoB,YAAY,0BAA0BA,EAAS,MAAM,OAAO;AAE/F,MAAMC,IAAkB;AAAA,EACpB,SAAS,gCAAgCD,EAAS,MAAM,OAAO;AAAA,EAC/D,SAAS,gCAAgCA,EAAS,MAAM,OAAO;AAAA,EAC/D,qBAAqB,gCAAgCA,EAAS,MAAM,OAAO;AAC/E;AAOO,SAASE,EAAIC,GAAiB;AACjC,QAAMC,IAAkBC,EAA8B,IAAI,GAEpD,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAC,GACtC,CAACC,GAAMC,CAAO,IAAIF,EAAiB,CAAC,GACpC,CAACG,GAAaC,CAAc,IAAIJ,EAAiB,CAAC,GAClD,CAACK,GAAQC,CAAS,IAAIN,EAAkB,EAAK;AAEnD,SAAAO,EAAU,MAAM;AACZ,IAAAR,GAAUH,EAAgB,SAAS,eAAe,OAAO,EAAE;AAAA,EAC/D,CAAC,GAQG,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAW,UAAUd,EAAM,aAAa;AAAA,MACxC,KAAKA,EAAM;AAAA,MACX,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAU;AAAA,UACV,KAAKd;AAAA,UACN,UAAA;AAAA,YAAA,gBAAAY;AAAA,cAAChB,EAAS;AAAA,cAAT;AAAA,gBACG,MAAMG,EAAM;AAAA,gBACZ,SAASF;AAAA,gBACT,eAAe,CAAC,EAAE,UAAAkB,QAAeT,EAAQS,CAAQ;AAAA,gBACjD,cAAc,MAAML,EAAU,EAAI;AAAA,gBAClC,cAAc,MAAMA,EAAU,EAAK;AAAA,gBAClC,UAAAX,EAAM,SAAS,UAAaA,EAAM,SAAS,UACtC,MAAM,KAAK,IAAI,MAAMM,CAAI,GAAG,CAACW,GAAKC,MAChC,gBAAAL;AAAA,kBAAChB,EAAS;AAAA,kBAAT;AAAA,oBAEG,YAAYqB,IAAQ;AAAA,oBACpB,OAAAf;AAAA,kBAAA;AAAA,kBAFK,QAAQe,IAAQ,CAAC;AAAA,gBAAA,CAG7B,IACC,gBAAAL;AAAA,kBAAChB,EAAS;AAAA,kBAAT;AAAA,oBACC,YAAYW;AAAA,oBACZ,OAAAL;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAa;AAAA,YAAA;AAAA,YAExBH,EAAM,SAAS,gBACT,gBAAAe;AAAA,cAAC;AAAA,cAAA;AAAA,gBAAI,WAAW,kBAAkBL,IAAS,WAAW,EAAE;AAAA,gBACnD,cAAc,CAAAS,MAAS;AACnB,kBAAAA,EAAM,eAAA,GACNR,EAAU,EAAI;AAAA,gBAClB;AAAA,gBACJ,UAAA;AAAA,kBAAA,gBAAAE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAAO,WAAU;AAAA,sBACV,UAAUL,MAAgB;AAAA,sBAC1B,SAAS,CAAAW,MAAS;AACd,wBAAAA,EAAM,eAAA,GACFX,IAAc,KACdC,EAAeD,IAAc,CAAC;AAAA,sBAEtC;AAAA,sBAAG,UAAA,gBAAAK,EAAC,KAAA,EAAE,WAAU,4BAAA,CAA2B;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAClD,QAAA,EAAM,UAAA;AAAA,oBAAAL;AAAA,oBAAY;AAAA,oBAAKF;AAAA,kBAAA,GAAK;AAAA,kBAC7B,gBAAAO;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAAO,WAAU;AAAA,sBACV,UAAUL,MAAgBF;AAAA,sBAC1B,SAAS,CAAAa,MAAS;AACd,wBAAAA,EAAM,eAAA,GACFX,IAAcF,KACdG,EAAeD,IAAc,CAAC;AAAA,sBAEtC;AAAA,sBAAG,UAAA,gBAAAK,EAAC,KAAA,EAAE,WAAU,6BAAA,CAA4B;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1D;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGZ;"}
+{"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

@@ -1,33 +1,35 @@
-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 })
-  ] });
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Checkbox as n } from "primereact/checkbox";
+//#region src/picklist/core/core.tsx
+function r(r) {
+	return /* @__PURE__ */ t("div", {
+		className: "w-100 d-flex px-2 align-items-center",
+		children: [/* @__PURE__ */ e(n, {
+			checked: r.selected ?? !1,
+			className: "me-2",
+			defaultChecked: r.selected
+		}), /* @__PURE__ */ e("p", {
+			className: "m-0",
+			children: r.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"
-  };
+function i(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
+//#endregion
+export { i as pickListCore };
+
+//# sourceMappingURL=index.esm.js.map

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

@@ -1 +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;"}
+{"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/index.esm.js

@@ -1,5 +1,2 @@
-import { PickList as r } from "./picklist/index.esm.js";
-export {
-  r as PickList
-};
-//# sourceMappingURL=index.esm.js.map
+import { PickList as e } from "./picklist/index.esm.js";
+export { e as PickList };

package/picklist/picklist/index.esm.js

@@ -1,44 +1,46 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Box as m } from "../../box/box/index.esm.js";
-import { pickListCore as u } from "../core/core/index.esm.js";
-import { useState as d, useEffect as f } from "react";
-import * as g from "primereact/picklist";
-function v(t) {
-  const [o, r] = d([]), [l, s] = d([]);
-  return f(() => {
-    r(t.data.filter((e) => e.active === void 0 || !e.active)), s(t.data.filter((e) => e.active));
-  }, [t.data]), /* @__PURE__ */ n(
-    m,
-    {
-      className: t.className,
-      css: t.css,
-      size: t.size ?? "100",
-      children: /* @__PURE__ */ n(
-        g.PickList,
-        {
-          className: "w-100",
-          source: o,
-          target: l,
-          onChange: (e) => {
-            let a = e.target.map((i) => (delete i.selected, { ...i, active: !0 })), c = e.source.map((i) => (delete i.selected, { ...i, active: !1 }));
-            s(a), r(c), t.onChange([...c, ...a]);
-          },
-          onSourceSelectionChange: (e) => r(o.map((a) => ({
-            ...a,
-            selected: e.value?.some((c) => c.id === a.id)
-          }))),
-          onTargetSelectionChange: (e) => s(l.map((a) => ({
-            ...a,
-            selected: e.value?.some((c) => c.id === a.id)
-          }))),
-          ...u(t)
-        }
-      )
-    }
-  );
+import { Box as e } from "../../box/box/index.esm.js";
+import "../../box/index.esm.js";
+import { pickListCore as t } from "../core/core/index.esm.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "primereact/picklist";
+//#region src/picklist/picklist.tsx
+function o(o) {
+	let [s, c] = r([]), [l, u] = r([]);
+	return n(() => {
+		c(o.data.filter((e) => e.active === void 0 || !e.active)), u(o.data.filter((e) => e.active));
+	}, [o.data]), /* @__PURE__ */ i(e, {
+		className: o.className,
+		css: o.css,
+		size: o.size ?? "100",
+		children: /* @__PURE__ */ i(a.PickList, {
+			className: "w-100",
+			source: s,
+			target: l,
+			onChange: (e) => {
+				let t = e.target.map((e) => (delete e.selected, {
+					...e,
+					active: !0
+				})), n = e.source.map((e) => (delete e.selected, {
+					...e,
+					active: !1
+				}));
+				u(t), c(n), o.onChange([...n, ...t]);
+			},
+			onSourceSelectionChange: (e) => c(s.map((t) => ({
+				...t,
+				selected: e.value?.some((e) => e.id === t.id)
+			}))),
+			onTargetSelectionChange: (e) => u(l.map((t) => ({
+				...t,
+				selected: e.value?.some((e) => e.id === t.id)
+			}))),
+			...t(o)
+		})
+	});
 }
-v.displayName = "PickList";
-export {
-  v as PickList
-};
-//# sourceMappingURL=index.esm.js.map
+o.displayName = "PickList";
+//#endregion
+export { o as PickList };
+
+//# sourceMappingURL=index.esm.js.map