@orangesix/react 1.4.0 → 2.0.3

package/modal/index.d.ts

@@ -1,76 +1,2 @@
-import React from 'react';
-import { DialogProps } from 'primereact/dialog';
-
-interface ModalProps extends Pick<DialogProps, "maximizable" | "maximized" | "draggable" | "closable" | "position"> {
-    /**
-     * Conteúdo que será exibido dentro da modal
-     */
-    children: React.ReactNode;
-
-    /**
-     * Define a classe de personalização da modal
-     */
-    className?: string
-
-    /**
-     * Define o state da modal aberta ou fechada
-     */
-    visible: boolean;
-
-    /**
-     * Define se vai ser exibido o fundo da modal
-     */
-    background?: boolean;
-
-    /**
-     * Define se a modal vai ser fechada clicando no fundo
-     */
-    backdrop?: boolean
-
-    /**
-     * Define o cabeçalho da modal
-     */
-    header?: React.ReactNode | string | false;
-
-    /**
-     * Define o rodapé da modal
-     */
-    footer?: React.ReactNode | string;
-
-    /**
-     * Define o tamanho da modal
-     */
-    sizes?: "small" | "medium" | "large" | "extra-large";
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define a propriedade css `zindex` da modal
-     */
-    zIndex?: number;
-
-    /**
-     * Metodo responsável por atualizar state do modal
-     */
-    onVisible(value: boolean): void;
-}
-
-/**
- * Componente - `Modal`
- *
- * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.
- */
-declare function Modal(props: ModalProps): React.JSX.Element;
-declare namespace Modal {
-    var displayName: string;
-}
-
-export { Modal };
+export * from './modal';
+export * from './@types/index';

package/modal/index.esm.js

@@ -1,2 +1,5 @@
-import e,{useState as i}from"react";import{Dialog as a}from"primereact/dialog";function o(i){const a=void 0!==i.icon?e.createElement("h5",{className:"fw-semibold"},e.createElement("i",{className:"me-1 "+(i.iconPrefix??"bi bi-")+i.icon}),i.header):i.header;return{appendTo:"self",visible:i.visible,onHide(){i.onVisible(!i.visible)},modal:void 0===i.background||i.background,dismissableMask:void 0===i.backdrop||!i.backdrop,maximizable:i.maximizable,draggable:i.draggable,closable:void 0===i.closable||i.closable,baseZIndex:i.zIndex??1e3,position:i.position,header:a,footer:i.footer,showHeader:!(!1===i.header)}}function s(s){let l=s.sizes?"small"===s.sizes?"300px":"medium"===s.sizes?"500px":"large"===s.sizes?"800px":"80%":void 0;const[r,d]=i(s.maximized??!1);return e.createElement(a,{style:r?{}:{width:l},...o(s),breakpoints:{"768px":"80%","576px":"90%"},className:s.className,maximized:r,onMaximize:()=>d(!r)},s.children)}s.displayName="Modal";export{s as Modal};
+import { Modal as a } from "./modal/index.esm.js";
+export {
+  a as Modal
+};
 //# sourceMappingURL=index.esm.js.map

package/modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/modal/core/core.tsx","../../src/modal/modal.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ModalProps } from \"../types\";\r\nimport { DialogProps } from \"primereact/dialog\";\r\n\r\n/**\r\n * `Core`\r\n * Define as propriedades base para funcionamento da Modal\r\n */\r\nexport function modalCore(\r\n    props: ModalProps\r\n): DialogProps {\r\n    const title = props.icon !== undefined\r\n        ? <h5 className=\"fw-semibold\">\r\n            <i className={\"me-1 \" + (props.iconPrefix ?? \"bi bi-\") + props.icon}/>{props.header}</h5>\r\n        : props.header;\r\n\r\n    return {\r\n        appendTo: \"self\",\r\n        visible: props.visible,\r\n        onHide() {\r\n            props.onVisible(!props.visible);\r\n        },\r\n        modal: props.background === undefined || props.background,\r\n        dismissableMask: props.backdrop === undefined || !props.backdrop,\r\n\r\n        maximizable: props.maximizable,\r\n        draggable: props.draggable,\r\n        closable: props.closable === undefined || props.closable,\r\n        baseZIndex: props.zIndex ?? 1000,\r\n\r\n        position: props.position,\r\n        header: title,\r\n        footer: props.footer,\r\n        showHeader: !(props.header === false),\r\n    };\r\n}","import React, { useState } from \"react\";\r\nimport { ModalProps } from \"./types\";\r\nimport { modalCore } from \"./core/core\";\r\nimport { Dialog } from \"primereact/dialog\";\r\n\r\n/**\r\n * Componente - `Modal`\r\n *\r\n * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.\r\n */\r\nexport function Modal(props: ModalProps) {\r\n    let sizes = !props.sizes ? undefined\r\n        : props.sizes === \"small\" ? \"300px\"\r\n            : props.sizes === \"medium\" ? \"500px\"\r\n                : props.sizes === \"large\" ? \"800px\" : \"80%\";\r\n    const [maximized, setMaximized] = useState(props.maximized ?? false);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Dialog style={!maximized ? { width: sizes } : {}}\r\n                {...modalCore(props)}\r\n                breakpoints={{\r\n                    \"768px\": \"80%\",\r\n                    \"576px\": \"90%\",\r\n                }}\r\n                className={props.className}\r\n                maximized={maximized}\r\n                onMaximize={() => setMaximized(!maximized)}>\r\n            {props.children}\r\n        </Dialog>\r\n    );\r\n}\r\n\r\nModal.displayName = \"Modal\";"],"names":["modalCore","props","title","undefined","icon","React","createElement","className","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","style","width","breakpoints","onMaximize","children","displayName"],"mappings":"+EAQM,SAAUA,EACZC,GAEA,MAAMC,OAAuBC,IAAfF,EAAMG,KACdC,EAAAC,cAAA,KAAA,CAAIC,UAAU,eACZF,EAAAC,cAAA,IAAA,CAAGC,UAAW,SAAWN,EAAMO,YAAc,UAAYP,EAAMG,OAAQH,EAAMQ,QAC/ER,EAAMQ,OAEZ,MAAO,CACHC,SAAU,OACVC,QAASV,EAAMU,QACf,MAAAC,GACIX,EAAMY,WAAWZ,EAAMU,QAC3B,EACAG,WAA4BX,IAArBF,EAAMc,YAA4Bd,EAAMc,WAC/CC,qBAAoCb,IAAnBF,EAAMgB,WAA2BhB,EAAMgB,SAExDC,YAAajB,EAAMiB,YACnBC,UAAWlB,EAAMkB,UACjBC,cAA6BjB,IAAnBF,EAAMmB,UAA0BnB,EAAMmB,SAChDC,WAAYpB,EAAMqB,QAAU,IAE5BC,SAAUtB,EAAMsB,SAChBd,OAAQP,EACRsB,OAAQvB,EAAMuB,OACdC,cAA+B,IAAjBxB,EAAMQ,QAE5B,CCzBM,SAAUiB,EAAMzB,GAClB,IAAI0B,EAAS1B,EAAM0B,MACG,UAAhB1B,EAAM0B,MAAoB,QACN,WAAhB1B,EAAM0B,MAAqB,QACP,UAAhB1B,EAAM0B,MAAoB,QAAU,WAHvBxB,EAI3B,MAAOyB,EAAWC,GAAgBC,EAAS7B,EAAM2B,YAAa,GAO9D,OACIvB,EAAAC,cAACyB,EAAM,CAACC,MAAQJ,EAA+B,CAAA,EAAnB,CAAEK,MAAON,MACzB3B,EAAUC,GACdiC,YAAa,CACT,QAAS,MACT,QAAS,OAEb3B,UAAWN,EAAMM,UACjBqB,UAAWA,EACXO,WAAY,IAAMN,GAAcD,IACnC3B,EAAMmC,SAGnB,CAEAV,EAAMW,YAAc"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/modal/modal/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("../core/core/index.cjs.js"),m=require("react"),n=require("primereact/dialog");function a(e){let s=e.sizes?e.sizes==="small"?"300px":e.sizes==="medium"?"500px":e.sizes==="large"?"800px":"80%":void 0;const[i,t]=m.useState(e.maximized??!1);return l.jsx(n.Dialog,{style:i?{}:{width:s},...d.modalCore(e),breakpoints:{"768px":"80%","576px":"90%"},className:e.className,maximized:i,onMaximize:()=>t(!i),children:e.children})}a.displayName="Modal";exports.Modal=a;
+//# sourceMappingURL=index.cjs.js.map

package/modal/modal/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"8MAUO,SAASA,EAAMC,EAAmB,CACrC,IAAIC,EAASD,EAAM,MACbA,EAAM,QAAU,QAAU,QACtBA,EAAM,QAAU,SAAW,QACvBA,EAAM,QAAU,QAAU,QAAU,MAHvB,OAI3B,KAAM,CAACE,EAAWC,CAAY,EAAIC,EAAAA,SAASJ,EAAM,WAAa,EAAK,EAOnE,OACIK,EAAAA,IAACC,EAAAA,OAAA,CAAO,MAAQJ,EAA+B,CAAA,EAAnB,CAAE,MAAOD,CAAA,EAC5B,GAAGM,EAAAA,UAAUP,CAAK,EACnB,YAAa,CACT,QAAS,MACT,QAAS,KAAA,EAEb,UAAWA,EAAM,UACjB,UAAAE,EACA,WAAY,IAAMC,EAAa,CAACD,CAAS,EAC5C,SAAAF,EAAM,QAAA,CAAA,CAGnB,CAEAD,EAAM,YAAc"}

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.4.0",
-        "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.25.0",
-  "@tiptap/extension-highlight": "^2.25.0",
-  "@tiptap/extension-image": "^2.25.0",
-  "@tiptap/extension-link": "^2.25.0",
-  "@tiptap/extension-text-style": "^2.25.0",
-  "@tiptap/extension-underline": "^2.25.0",
-  "@tiptap/pm": "^2.25.0",
-  "@tiptap/react": "^2.25.0",
-  "@tiptap/starter-kit": "^2.25.0",
-  "@webdatarocks/react-webdatarocks": "^1.4.19",
-  "animate.css": "^4.1.1",
-  "axios": "^1.10.0",
-  "bootstrap": "^5.3.7",
-  "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.2",
-  "sweetalert2-react-content": "^5.1.0",
-  "tippy.js": "^6.3.7"
-},
-        "peerDependencies": {
-  "react-hook-form": "^7.60.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.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/{style → pdf}/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}}function l(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)}))}r.displayName="Box",l.displayName="PickList",exports.PickList=l;
+"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