@orangesix/react 1.3.8 → 2.0.3

package/message/core/modal/index.esm.js

@@ -0,0 +1,67 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { Box as l } from "../../../box/box/index.esm.js";
+import { Modal as m } from "../../../modal/modal/index.esm.js";
+import { Button as o } from "../../../button/button/index.esm.js";
+function f({ confirm: a = !0, cancel: c = !0, ...e }) {
+  return /* @__PURE__ */ i(
+    m,
+    {
+      backdrop: !0,
+      className: "message",
+      closable: e.modalClosable ?? !0,
+      header: e.title ?? "Confirmação",
+      icon: e.modalIcon ?? "cone-striped",
+      iconPrefix: e.modalIconPrefix ?? "bi bi-",
+      sizes: "medium",
+      visible: e.visible,
+      onVisible: e.onVisible,
+      children: /* @__PURE__ */ n(
+        l,
+        {
+          direction: "column",
+          size: "100",
+          children: [
+            /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: e.message ?? "" } }),
+            /* @__PURE__ */ n(
+              l,
+              {
+                className: "gap-2",
+                justify: "justify-content-" + (e.modalOptionsPosition ?? "end"),
+                size: "100",
+                children: [
+                  a && /* @__PURE__ */ i(
+                    o,
+                    {
+                      color: "success",
+                      icon: "check2-circle",
+                      isLoading: e.isLoading ?? !1,
+                      label: e.confirmLabel ?? "Confirmar",
+                      onClick: () => {
+                        e.onConfirm && e.onConfirm();
+                      }
+                    }
+                  ),
+                  c && /* @__PURE__ */ i(
+                    o,
+                    {
+                      color: "danger",
+                      icon: "slash-circle",
+                      label: e.cancelarLabel ?? "Cancelar",
+                      onClick: () => {
+                        e.onCancel ? e.onCancel() : e.onVisible(!1);
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  f as ModalMessage
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/message/core/modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../../box\";\nimport { MessageProps } from \"..\";\nimport { Modal } from \"../../modal\";\nimport { Button } from \"../../button\";\nimport { JustifyContentProps } from \"../../api\";\n\n/**\n * Core - `ModalMessage`\n * Define o componente do tipo modal\n */\nexport function ModalMessage({ confirm = true, cancel = true, ...props }: MessageProps<\"modal\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Modal backdrop={true}\n               className=\"message\"\n               closable={props.modalClosable ?? true}\n               header={props.title ?? \"Confirmação\"}\n               icon={props.modalIcon ?? \"cone-striped\"}\n               iconPrefix={props.modalIconPrefix ?? \"bi bi-\"}\n               sizes=\"medium\"\n               visible={props.visible}\n               onVisible={props.onVisible}>\n            <Box direction=\"column\"\n                 size=\"100\">\n                <div dangerouslySetInnerHTML={{ __html: props.message ?? \"\" }}/>\n                <Box className=\"gap-2\"\n                     justify={\"justify-content-\" + (props.modalOptionsPosition ?? \"end\") as JustifyContentProps}\n                     size=\"100\">\n                    {confirm && <Button color=\"success\"\n                                        icon=\"check2-circle\"\n                                        isLoading={props.isLoading ?? false}\n                                        label={props.confirmLabel ?? \"Confirmar\"}\n                                        onClick={() => {\n                                            if (props.onConfirm) {\n                                                props.onConfirm();\n                                            }\n                                        }}/>}\n                    {cancel && <Button color=\"danger\"\n                                       icon=\"slash-circle\"\n                                       label={props.cancelarLabel ?? \"Cancelar\"}\n                                       onClick={() => {\n                                           if (props.onCancel) {\n                                               props.onCancel();\n                                           } else {\n                                               props.onVisible(false);\n                                           }\n                                       }}/>}\n                </Box>\n            </Box>\n        </Modal>\n    );\n}"],"names":["ModalMessage","confirm","cancel","props","jsx","Modal","jsxs","Box","Button"],"mappings":";;;;AAWO,SAASA,EAAa,EAAE,SAAAC,IAAU,IAAM,QAAAC,IAAS,IAAM,GAAGC,KAAgC;AAM7F,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAAM,UAAU;AAAA,MACV,WAAU;AAAA,MACV,UAAUF,EAAM,iBAAiB;AAAA,MACjC,QAAQA,EAAM,SAAS;AAAA,MACvB,MAAMA,EAAM,aAAa;AAAA,MACzB,YAAYA,EAAM,mBAAmB;AAAA,MACrC,OAAM;AAAA,MACN,SAASA,EAAM;AAAA,MACf,WAAWA,EAAM;AAAA,MACpB,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UAAI,WAAU;AAAA,UACV,MAAK;AAAA,UACN,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAI,yBAAyB,EAAE,QAAQD,EAAM,WAAW,MAAK;AAAA,YAC9D,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBAAI,WAAU;AAAA,gBACV,SAAS,sBAAsBJ,EAAM,wBAAwB;AAAA,gBAC7D,MAAK;AAAA,gBACL,UAAA;AAAA,kBAAAF,KAAW,gBAAAG;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBAAO,OAAM;AAAA,sBACN,MAAK;AAAA,sBACL,WAAWL,EAAM,aAAa;AAAA,sBAC9B,OAAOA,EAAM,gBAAgB;AAAA,sBAC7B,SAAS,MAAM;AACX,wBAAIA,EAAM,aACNA,EAAM,UAAA;AAAA,sBAEd;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBACnBD,KAAU,gBAAAE;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBAAO,OAAM;AAAA,sBACN,MAAK;AAAA,sBACL,OAAOL,EAAM,iBAAiB;AAAA,sBAC9B,SAAS,MAAM;AACX,wBAAIA,EAAM,WACNA,EAAM,SAAA,IAENA,EAAM,UAAU,EAAK;AAAA,sBAE7B;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACzB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}

package/message/core/modal.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { MessageProps } from '..';
+/**
+ * Core - `ModalMessage`
+ * Define o componente do tipo modal
+ */
+export declare function ModalMessage({ confirm, cancel, ...props }: MessageProps<"modal">): React.JSX.Element;

package/message/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("primereact/utils"),a=require("primereact/dialog"),s=require("primereact/button");const n=({children:a,...s})=>{const n={size:`box-size-${s.size??"100"}`,direction:`box-direction-${s.direction??"row"}`,justify:void 0===s.justify?"":Array.isArray(s.justify)?s.justify?.join(" "):s.justify,align:void 0===s.align?"":Array.isArray(s.align)?s.align?.join(" "):s.align},o={className:i.classNames(["box",s.className??"",n.size,n.direction,n.justify,n.align]),style:s.css,id:s.id};return e.createElement("div",{...o},a)};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 l(i){let s=i.sizes?"small"===i.sizes?"300px":"medium"===i.sizes?"500px":"large"===i.sizes?"800px":"80%":void 0;const[n,l]=e.useState(i.maximized??!1);return e.createElement(a.Dialog,{style:n?{}:{width:s},...o(i),breakpoints:{"768px":"80%","576px":"90%"},className:i.className,maximized:n,onMaximize:()=>l(!n)},i.children)}const r=({...i})=>e.createElement(s.Button,{badge:i.badge,badgeClassName:i.badgeClassName,className:i.className,disabled:i.disabled,icon:void 0!==i.icon?`${i.iconPrefix??"bi bi-"}${i.icon??""} ${i.label?"me-1":""}`:void 0,iconPos:i.iconPos,id:i.id,label:i.label,link:i.isLink,loading:i.isLoading,pt:{loadingIcon:{className:"me-1"}},ref:i.ref,severity:i.color,size:i.size,style:i.css,type:i.type,onClick:i.onClick});function c({confirm:i=!0,cancel:a=!0,...s}){return e.createElement(l,{className:"message",header:s.title??"Confirmação",icon:s.modalIcon??"cone-striped",iconPrefix:s.modalIconPrefix??"bi bi-",sizes:"medium",visible:s.visible,onVisible:s.onVisible},e.createElement(n,{direction:"column",size:"100"},e.createElement("div",{dangerouslySetInnerHTML:{__html:s.message??""}}),e.createElement(n,{className:"gap-2",justify:"justify-content-"+(s.modalOptionsPosition??"end"),size:"100"},i&&e.createElement(r,{color:"success",icon:"check2-circle",isLoading:s.isLoading??!1,label:s.confirmLabel??"Confirmar",onClick:()=>{s.onConfirm&&s.onConfirm()}}),a&&e.createElement(r,{color:"danger",icon:"slash-circle",label:s.cancelarLabel??"Cancelar",onClick:()=>{s.onCancel?s.onCancel():s.onVisible(!1)}}))))}function t(i){return e.createElement(e.Fragment,null,i.type&&"modal"!==i.type?null:e.createElement(c,{...i}))}t.displayName="Message",exports.Message=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message/index.cjs.js");exports.Message=e.Message;
 //# sourceMappingURL=index.cjs.js.map

package/message/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.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 { 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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/**\r\n * Componente - `Button`\r\n *\r\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <ButtonPrimeReact badge={props.badge}\r\n                          badgeClassName={props.badgeClassName}\r\n                          className={props.className}\r\n                          disabled={props.disabled}\r\n                          icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n                          iconPos={props.iconPos}\r\n                          id={props.id}\r\n                          label={props.label}\r\n                          link={props.isLink}\r\n                          loading={props.isLoading}\r\n                          pt={{ loadingIcon: { className: \"me-1\" } }}\r\n                          ref={props.ref}\r\n                          severity={props.color}\r\n                          size={props.size}\r\n                          style={props.css}\r\n                          type={props.type}\r\n                          onClick={props.onClick}/>\r\n    );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\r\n\r\n/**\r\n * Core - `ModalMessage`\r\n * Define o componente do tipo modal\r\n */\r\nexport function ModalMessage({ confirm = true, cancel = true, ...props }: MessageProps<\"modal\">) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Modal className=\"message\"\r\n               header={props.title ?? \"Confirmação\"}\r\n               icon={props.modalIcon ?? \"cone-striped\"}\r\n               iconPrefix={props.modalIconPrefix ?? \"bi bi-\"}\r\n               sizes=\"medium\"\r\n               visible={props.visible}\r\n               onVisible={props.onVisible}>\r\n            <Box direction=\"column\"\r\n                 size=\"100\">\r\n                <div dangerouslySetInnerHTML={{ __html: props.message ?? \"\" }}/>\r\n                <Box className=\"gap-2\"\r\n                     justify={\"justify-content-\" + (props.modalOptionsPosition ?? \"end\") as JustifyContentProps}\r\n                     size=\"100\">\r\n                    {confirm && <Button color=\"success\"\r\n                                        icon=\"check2-circle\"\r\n                                        isLoading={props.isLoading ?? false}\r\n                                        label={props.confirmLabel ?? \"Confirmar\"}\r\n                                        onClick={() => {\r\n                                            if (props.onConfirm) {\r\n                                                props.onConfirm();\r\n                                            }\r\n                                        }}/>}\r\n                    {cancel && <Button color=\"danger\"\r\n                                       icon=\"slash-circle\"\r\n                                       label={props.cancelarLabel ?? \"Cancelar\"}\r\n                                       onClick={() => {\r\n                                           if (props.onCancel) {\r\n                                               props.onCancel();\r\n                                           } else {\r\n                                               props.onVisible(false);\r\n                                           }\r\n                                       }}/>}\r\n                </Box>\r\n            </Box>\r\n        </Modal>\r\n    );\r\n}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\r\n\r\n/**\r\n * Componente - `Message`\r\n *\r\n * Um componente versátil que é utilizado emitir messagens no sistema.\r\n */\r\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            {!props.type || props.type === \"modal\"\r\n                ? <ModalMessage {...props}/>\r\n                : null}\r\n        </>\r\n    );\r\n}\r\n\r\nMessage.displayName = \"Message\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/message/index.d.ts

@@ -1,108 +1,2 @@
-import React from 'react';
-
-/**
- * Define o tipo de message
- */
-type MessageModeProps = "modal";
-
-/**
- * Define as propriedades padrão do component
- */
-interface MessageBaseProps {
-
-    /**
-     * Determina se messagem está visivel
-     */
-    visible: boolean
-
-    /**
-     * Define o conteúdo da message
-     */
-    message: string
-
-    /**
-     * Define se componente está no estado de carregando
-     */
-    isLoading?: boolean
-
-    /**
-     * Define o titulo da message
-     */
-    title?: string
-
-    /**
-     * Define se vai ter a opção de confirmação
-     */
-    confirm?: boolean
-
-    /**
-     * Define se vai ter a opção de cancelar
-     */
-    cancel?: boolean
-
-    /**
-     * Define o label do botão de confirmação
-     */
-    confirmLabel?: string
-
-    /**
-     * Define o label do botão de cancelar
-     */
-    cancelarLabel?: string
-
-    /**
-     * Define o metodo de confirmação
-     */
-    onConfirm?: () => void
-
-    /**
-     * Define o metodo no cancelamento
-     */
-    onCancel?: () => void
-
-    /**
-     * Metodo responsável por atualizar state do message
-     */
-    onVisible(value: boolean): void;
-}
-
-/**
- * Define as propriedades do component do tipo MODAL
- */
-interface MessageModalProps {
-    /**
-     * Define o icone do campo
-     */
-    modalIcon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    modalIconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define o posicionamento das opções da message
-     */
-    modalOptionsPosition?: "center" | "start" | "end"
-}
-
-/**
- * Define a propriedade para ser exportada
- */
-type MessageProps<T extends MessageModeProps> = T extends "modal"
-    ? MessageBaseProps & MessageModalProps
-    : MessageBaseProps;
-
-/**
- * Componente - `Message`
- *
- * Um componente versátil que é utilizado emitir messagens no sistema.
- */
-declare function Message<T extends MessageModeProps = "modal">(props: MessageProps<T> & {
-    type?: T;
-}): React.JSX.Element;
-declare namespace Message {
-    var displayName: string;
-}
-
-export { Message };
+export * from './message';
+export * from './@types/index';

package/message/index.esm.js

@@ -1,2 +1,5 @@
-import e,{useState as i}from"react";import{classNames as a}from"primereact/utils";import{Dialog as o}from"primereact/dialog";import{Button as n}from"primereact/button";const s=({children:i,...o})=>{const n={size:`box-size-${o.size??"100"}`,direction:`box-direction-${o.direction??"row"}`,justify:void 0===o.justify?"":Array.isArray(o.justify)?o.justify?.join(" "):o.justify,align:void 0===o.align?"":Array.isArray(o.align)?o.align?.join(" "):o.align},s={className:a(["box",o.className??"",n.size,n.direction,n.justify,n.align]),style:o.css,id:o.id};return e.createElement("div",{...s},i)};function l(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 r(a){let n=a.sizes?"small"===a.sizes?"300px":"medium"===a.sizes?"500px":"large"===a.sizes?"800px":"80%":void 0;const[s,r]=i(a.maximized??!1);return e.createElement(o,{style:s?{}:{width:n},...l(a),breakpoints:{"768px":"80%","576px":"90%"},className:a.className,maximized:s,onMaximize:()=>r(!s)},a.children)}const c=({...i})=>e.createElement(n,{badge:i.badge,badgeClassName:i.badgeClassName,className:i.className,disabled:i.disabled,icon:void 0!==i.icon?`${i.iconPrefix??"bi bi-"}${i.icon??""} ${i.label?"me-1":""}`:void 0,iconPos:i.iconPos,id:i.id,label:i.label,link:i.isLink,loading:i.isLoading,pt:{loadingIcon:{className:"me-1"}},ref:i.ref,severity:i.color,size:i.size,style:i.css,type:i.type,onClick:i.onClick});function t({confirm:i=!0,cancel:a=!0,...o}){return e.createElement(r,{className:"message",header:o.title??"Confirmação",icon:o.modalIcon??"cone-striped",iconPrefix:o.modalIconPrefix??"bi bi-",sizes:"medium",visible:o.visible,onVisible:o.onVisible},e.createElement(s,{direction:"column",size:"100"},e.createElement("div",{dangerouslySetInnerHTML:{__html:o.message??""}}),e.createElement(s,{className:"gap-2",justify:"justify-content-"+(o.modalOptionsPosition??"end"),size:"100"},i&&e.createElement(c,{color:"success",icon:"check2-circle",isLoading:o.isLoading??!1,label:o.confirmLabel??"Confirmar",onClick:()=>{o.onConfirm&&o.onConfirm()}}),a&&e.createElement(c,{color:"danger",icon:"slash-circle",label:o.cancelarLabel??"Cancelar",onClick:()=>{o.onCancel?o.onCancel():o.onVisible(!1)}}))))}function m(i){return e.createElement(e.Fragment,null,i.type&&"modal"!==i.type?null:e.createElement(t,{...i}))}m.displayName="Message";export{m as Message};
+import { Message as r } from "./message/index.esm.js";
+export {
+  r as Message
+};
 //# sourceMappingURL=index.esm.js.map

package/message/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.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 { 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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/**\r\n * Componente - `Button`\r\n *\r\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <ButtonPrimeReact badge={props.badge}\r\n                          badgeClassName={props.badgeClassName}\r\n                          className={props.className}\r\n                          disabled={props.disabled}\r\n                          icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n                          iconPos={props.iconPos}\r\n                          id={props.id}\r\n                          label={props.label}\r\n                          link={props.isLink}\r\n                          loading={props.isLoading}\r\n                          pt={{ loadingIcon: { className: \"me-1\" } }}\r\n                          ref={props.ref}\r\n                          severity={props.color}\r\n                          size={props.size}\r\n                          style={props.css}\r\n                          type={props.type}\r\n                          onClick={props.onClick}/>\r\n    );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\r\n\r\n/**\r\n * Core - `ModalMessage`\r\n * Define o componente do tipo modal\r\n */\r\nexport function ModalMessage({ confirm = true, cancel = true, ...props }: MessageProps<\"modal\">) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Modal className=\"message\"\r\n               header={props.title ?? \"Confirmação\"}\r\n               icon={props.modalIcon ?? \"cone-striped\"}\r\n               iconPrefix={props.modalIconPrefix ?? \"bi bi-\"}\r\n               sizes=\"medium\"\r\n               visible={props.visible}\r\n               onVisible={props.onVisible}>\r\n            <Box direction=\"column\"\r\n                 size=\"100\">\r\n                <div dangerouslySetInnerHTML={{ __html: props.message ?? \"\" }}/>\r\n                <Box className=\"gap-2\"\r\n                     justify={\"justify-content-\" + (props.modalOptionsPosition ?? \"end\") as JustifyContentProps}\r\n                     size=\"100\">\r\n                    {confirm && <Button color=\"success\"\r\n                                        icon=\"check2-circle\"\r\n                                        isLoading={props.isLoading ?? false}\r\n                                        label={props.confirmLabel ?? \"Confirmar\"}\r\n                                        onClick={() => {\r\n                                            if (props.onConfirm) {\r\n                                                props.onConfirm();\r\n                                            }\r\n                                        }}/>}\r\n                    {cancel && <Button color=\"danger\"\r\n                                       icon=\"slash-circle\"\r\n                                       label={props.cancelarLabel ?? \"Cancelar\"}\r\n                                       onClick={() => {\r\n                                           if (props.onCancel) {\r\n                                               props.onCancel();\r\n                                           } else {\r\n                                               props.onVisible(false);\r\n                                           }\r\n                                       }}/>}\r\n                </Box>\r\n            </Box>\r\n        </Modal>\r\n    );\r\n}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\r\n\r\n/**\r\n * Componente - `Message`\r\n *\r\n * Um componente versátil que é utilizado emitir messagens no sistema.\r\n */\r\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            {!props.type || props.type === \"modal\"\r\n                ? <ModalMessage {...props}/>\r\n                : null}\r\n        </>\r\n    );\r\n}\r\n\r\nMessage.displayName = \"Message\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/message/message/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../core/modal/index.cjs.js");function t(e){return s.jsx(s.Fragment,{children:!e.type||e.type==="modal"?s.jsx(a.ModalMessage,{...e}):null})}t.displayName="Message";exports.Message=t;
+//# sourceMappingURL=index.cjs.js.map

package/message/message/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/message/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalMessage } from \"./core/modal\";\nimport { MessageModeProps, MessageProps } from \".\";\n\n/**\n * Componente - `Message`\n *\n * Um componente versátil que é utilizado emitir messagens no sistema.\n */\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            {!props.type || props.type === \"modal\"\n                ? <ModalMessage {...props}/>\n                : null}\n        </>\n    );\n}\n\nMessage.displayName = \"Message\";"],"names":["Message","props","jsx","Fragment","ModalMessage"],"mappings":"6JASO,SAASA,EAA8CC,EAAuC,CAMjG,OACIC,EAAAA,IAAAC,EAAAA,SAAA,CACK,SAAA,CAACF,EAAM,MAAQA,EAAM,OAAS,QACzBC,EAAAA,IAACE,eAAA,CAAc,GAAGH,CAAA,CAAM,EACxB,KACV,CAER,CAEAD,EAAQ,YAAc"}

package/message/message/index.esm.js

@@ -0,0 +1,10 @@
+import { jsx as a, Fragment as t } from "react/jsx-runtime";
+import { ModalMessage as m } from "../core/modal/index.esm.js";
+function r(e) {
+  return /* @__PURE__ */ a(t, { children: !e.type || e.type === "modal" ? /* @__PURE__ */ a(m, { ...e }) : null });
+}
+r.displayName = "Message";
+export {
+  r as Message
+};
+//# sourceMappingURL=index.esm.js.map

package/message/message/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/message/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalMessage } from \"./core/modal\";\nimport { MessageModeProps, MessageProps } from \".\";\n\n/**\n * Componente - `Message`\n *\n * Um componente versátil que é utilizado emitir messagens no sistema.\n */\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            {!props.type || props.type === \"modal\"\n                ? <ModalMessage {...props}/>\n                : null}\n        </>\n    );\n}\n\nMessage.displayName = \"Message\";"],"names":["Message","props","jsx","Fragment","ModalMessage"],"mappings":";;AASO,SAASA,EAA8CC,GAAuC;AAMjG,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA,CAACF,EAAM,QAAQA,EAAM,SAAS,UACzB,gBAAAC,EAACE,GAAA,EAAc,GAAGH,EAAA,CAAM,IACxB,MACV;AAER;AAEAD,EAAQ,cAAc;"}

package/message/message.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { MessageModeProps, MessageProps } from '.';
+/**
+ * Componente - `Message`
+ *
+ * Um componente versátil que é utilizado emitir messagens no sistema.
+ */
+export declare function Message<T extends MessageModeProps = "modal">(props: MessageProps<T> & {
+    type?: T;
+}): React.JSX.Element;
+export declare namespace Message {
+    var displayName: string;
+}

package/message/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/modal/@types/index.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+import { DialogProps } from 'primereact/dialog';
+export 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;
+}

package/modal/core/core/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");function l(e){const a=e.icon!==void 0?i.jsxs("h5",{className:"fw-semibold",children:[i.jsx("i",{className:"me-1 "+(e.iconPrefix??"bi bi-")+e.icon}),e.header]}):e.header;return{appendTo:"self",visible:e.visible,onHide(){e.onVisible(!e.visible)},modal:e.background===void 0||e.background,dismissableMask:e.backdrop===void 0||!e.backdrop,maximizable:e.maximizable,draggable:e.draggable,closable:e.closable===void 0||e.closable,baseZIndex:e.zIndex??1e3,position:e.position,header:a,footer:e.footer,showHeader:e.header!==!1}}exports.modalCore=l;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/modal/core/core.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalProps } from \"..\";\nimport { DialogProps } from \"primereact/dialog\";\n\n/**\n * `Core`\n * Define as propriedades base para funcionamento da Modal\n */\nexport function modalCore(\n    props: ModalProps\n): DialogProps {\n    const title = props.icon !== undefined\n        ? <h5 className=\"fw-semibold\">\n            <i className={\"me-1 \" + (props.iconPrefix ?? \"bi bi-\") + props.icon}/>{props.header}</h5>\n        : props.header;\n\n    return {\n        appendTo: \"self\",\n        visible: props.visible,\n        onHide() {\n            props.onVisible(!props.visible);\n        },\n        modal: props.background === undefined || props.background,\n        dismissableMask: props.backdrop === undefined || !props.backdrop,\n\n        maximizable: props.maximizable,\n        draggable: props.draggable,\n        closable: props.closable === undefined || props.closable,\n        baseZIndex: props.zIndex ?? 1000,\n\n        position: props.position,\n        header: title,\n        footer: props.footer,\n        showHeader: !(props.header === false),\n    };\n}"],"names":["modalCore","props","title","jsxs","jsx"],"mappings":"qHAQO,SAASA,EACZC,EACW,CACX,MAAMC,EAAQD,EAAM,OAAS,OACvBE,OAAC,KAAA,CAAG,UAAU,cACZ,SAAA,CAAAC,EAAAA,IAAC,KAAE,UAAW,SAAWH,EAAM,YAAc,UAAYA,EAAM,KAAK,EAAGA,EAAM,MAAA,CAAA,CAAO,EACtFA,EAAM,OAEZ,MAAO,CACH,SAAU,OACV,QAASA,EAAM,QACf,QAAS,CACLA,EAAM,UAAU,CAACA,EAAM,OAAO,CAClC,EACA,MAAOA,EAAM,aAAe,QAAaA,EAAM,WAC/C,gBAAiBA,EAAM,WAAa,QAAa,CAACA,EAAM,SAExD,YAAaA,EAAM,YACnB,UAAWA,EAAM,UACjB,SAAUA,EAAM,WAAa,QAAaA,EAAM,SAChD,WAAYA,EAAM,QAAU,IAE5B,SAAUA,EAAM,SAChB,OAAQC,EACR,OAAQD,EAAM,OACd,WAAcA,EAAM,SAAW,EAAA,CAEvC"}

package/modal/core/core/index.esm.js

@@ -0,0 +1,28 @@
+import { jsxs as a, jsx as d } from "react/jsx-runtime";
+function b(e) {
+  const i = e.icon !== void 0 ? /* @__PURE__ */ a("h5", { className: "fw-semibold", children: [
+    /* @__PURE__ */ d("i", { className: "me-1 " + (e.iconPrefix ?? "bi bi-") + e.icon }),
+    e.header
+  ] }) : e.header;
+  return {
+    appendTo: "self",
+    visible: e.visible,
+    onHide() {
+      e.onVisible(!e.visible);
+    },
+    modal: e.background === void 0 || e.background,
+    dismissableMask: e.backdrop === void 0 || !e.backdrop,
+    maximizable: e.maximizable,
+    draggable: e.draggable,
+    closable: e.closable === void 0 || e.closable,
+    baseZIndex: e.zIndex ?? 1e3,
+    position: e.position,
+    header: i,
+    footer: e.footer,
+    showHeader: e.header !== !1
+  };
+}
+export {
+  b as modalCore
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/modal/core/core.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalProps } from \"..\";\nimport { DialogProps } from \"primereact/dialog\";\n\n/**\n * `Core`\n * Define as propriedades base para funcionamento da Modal\n */\nexport function modalCore(\n    props: ModalProps\n): DialogProps {\n    const title = props.icon !== undefined\n        ? <h5 className=\"fw-semibold\">\n            <i className={\"me-1 \" + (props.iconPrefix ?? \"bi bi-\") + props.icon}/>{props.header}</h5>\n        : props.header;\n\n    return {\n        appendTo: \"self\",\n        visible: props.visible,\n        onHide() {\n            props.onVisible(!props.visible);\n        },\n        modal: props.background === undefined || props.background,\n        dismissableMask: props.backdrop === undefined || !props.backdrop,\n\n        maximizable: props.maximizable,\n        draggable: props.draggable,\n        closable: props.closable === undefined || props.closable,\n        baseZIndex: props.zIndex ?? 1000,\n\n        position: props.position,\n        header: title,\n        footer: props.footer,\n        showHeader: !(props.header === false),\n    };\n}"],"names":["modalCore","props","title","jsxs","jsx"],"mappings":";AAQO,SAASA,EACZC,GACW;AACX,QAAMC,IAAQD,EAAM,SAAS,SACvB,gBAAAE,EAAC,MAAA,EAAG,WAAU,eACZ,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAE,WAAW,WAAWH,EAAM,cAAc,YAAYA,EAAM,MAAK;AAAA,IAAGA,EAAM;AAAA,EAAA,EAAA,CAAO,IACtFA,EAAM;AAEZ,SAAO;AAAA,IACH,UAAU;AAAA,IACV,SAASA,EAAM;AAAA,IACf,SAAS;AACL,MAAAA,EAAM,UAAU,CAACA,EAAM,OAAO;AAAA,IAClC;AAAA,IACA,OAAOA,EAAM,eAAe,UAAaA,EAAM;AAAA,IAC/C,iBAAiBA,EAAM,aAAa,UAAa,CAACA,EAAM;AAAA,IAExD,aAAaA,EAAM;AAAA,IACnB,WAAWA,EAAM;AAAA,IACjB,UAAUA,EAAM,aAAa,UAAaA,EAAM;AAAA,IAChD,YAAYA,EAAM,UAAU;AAAA,IAE5B,UAAUA,EAAM;AAAA,IAChB,QAAQC;AAAA,IACR,QAAQD,EAAM;AAAA,IACd,YAAcA,EAAM,WAAW;AAAA,EAAA;AAEvC;"}

package/modal/core/core.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from '..';
+import { DialogProps } from 'primereact/dialog';
+/**
+ * `Core`
+ * Define as propriedades base para funcionamento da Modal
+ */
+export declare function modalCore(props: ModalProps): DialogProps;

package/modal/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("primereact/dialog");function a(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)}}exports.Modal=function(s){let o=s.sizes?"small"===s.sizes?"300px":"medium"===s.sizes?"500px":"large"===s.sizes?"800px":"80%":void 0;const[l,r]=e.useState(s.maximized??!1);return e.createElement(i.Dialog,{style:l?{}:{width:o},...a(s),breakpoints:{"768px":"80%","576px":"90%"},className:s.className,maximized:l,onMaximize:()=>r(!l)},s.children)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal/index.cjs.js");exports.Modal=e.Modal;
 //# sourceMappingURL=index.cjs.js.map

package/modal/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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}"],"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","sizes","maximized","setMaximized","useState","Dialog","style","width","breakpoints","onMaximize","children"],"mappings":"mEAQM,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,QAC1B,EACDG,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,eCzBM,SAAgBR,GAClB,IAAIyB,EAASzB,EAAMyB,MACG,UAAhBzB,EAAMyB,MAAoB,QACN,WAAhBzB,EAAMyB,MAAqB,QACP,UAAhBzB,EAAMyB,MAAoB,QAAU,WAHvBvB,EAI3B,MAAOwB,EAAWC,GAAgBC,EAAQA,SAAC5B,EAAM0B,YAAa,GAO9D,OACItB,EAACC,cAAAwB,EAAAA,OAAO,CAAAC,MAAQJ,EAA+B,CAAA,EAAnB,CAAEK,MAAON,MACzB1B,EAAUC,GACdgC,YAAa,CACT,QAAS,MACT,QAAS,OAEb1B,UAAWN,EAAMM,UACjBoB,UAAWA,EACXO,WAAY,IAAMN,GAAcD,IACnC1B,EAAMkC,SAGnB"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/modal/index.d.ts

@@ -1,73 +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;
-
-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)}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}"],"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"],"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,QAC1B,EACDG,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,EAACC,cAAAyB,EAAO,CAAAC,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"}
+{"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"}