@orangesix/react 1.3.8 → 2.0.3

package/inputfilter/inputfilter.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { InputFilterOptionsMap, InputFilterProps } from '.';
+/**
+ * Componente - `InputFilter`
+ *
+ * Um componente utilizado para montar o objeto de pesquisa de dados.
+ * Permite alterar o seu tipo através do type: `text`, `date`, `autocomplete`.
+ */
+export declare function InputFilter<T extends keyof InputFilterOptionsMap = "text">({ ...props }: InputFilterProps<T>): React.JSX.Element;
+export declare namespace InputFilter {
+    var displayName: string;
+}

package/inputfilter/legend/index.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../utils/const/index.cjs.js");require("date-fns");require("date-fns/locale");require("jquery");require("axios");require("node-snackbar");require("sweetalert2");const c=require("../const/index.cjs.js");function d(e){if(!e)return null;let t=/(=|!=|<|>|<=|>=|%|!%|\{\})/,r=e?.match(t),l=e.charAt(e.length-1),i=r?.[0];return r?.[0]!==l&&isNaN(parseInt(l))&&i?.slice(-1)!==l&&(i=r?.[0]+l),c.optionsLabel.filter(o=>o.options===i)[0]?.label??null}function f(e){let t=d(e);if(t===null)return"Não encontramos legenda definida.";let r=e?.split("{}"),l=e?.split("/");const i=s=>{let n=parseInt(s[0]),a=parseInt(s[1],10),u=parseInt(s[2]);return`
+            ${n>0?`${a==0?"dia":""} ${n}`:""} 
+            ${a>0?`${n>0?"de":""} ${g.MES[a-1]?.name}`:""} 
+            ${u>0?`${n>0||a>0?"de":""} ${u}`:""}
+        `.replace(/\s+/g," ").trim()};let o=r?.[1]===void 0?i(l):i(r[0].split("/"))+" à "+i(r[1].split("/"));return t+": "+o}function p(e){let t=d(e);return t===null?"Não encontramos legenda definida.":t+": "+(e?.replace(/(=|!=|<|>|<=|>=|%|!%|\{\})/g,"")??"")}function m(e,t=[],r=30){let l=d(e);if(l===null||t.length===0)return"Não encontramos legenda definida.";let i=e?.split(";").map(n=>parseInt(n))??[],o=t.filter(n=>i.includes(n.id)).map(n=>n.label).join(", "),s=o.substring(0,r);return l+": "+s+(s.length!==o.length?"...":"")}exports.filterLegend=d;exports.filterLegendAutocomplete=m;exports.filterLegendData=f;exports.filterLegendText=p;
+//# sourceMappingURL=index.cjs.js.map

package/inputfilter/legend/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/inputfilter/legend.ts"],"sourcesContent":["import { MES } from \"../utils\";\nimport { optionsLabel } from \"./const\";\n\n/**\n * Retorna a legenda de acordo com operador na string\n * @param value - Valor a ser tratado\n */\nexport function filterLegend(value: string | undefined): string | null {\n    if (!value) {\n        return null;\n    }\n    let optsRegex = /(=|!=|<|>|<=|>=|%|!%|\\{\\})/;\n    let optsMatch = value?.match(optsRegex);\n    let opts = value.charAt(value.length - 1);\n    let option = optsMatch?.[0];\n\n    if (optsMatch?.[0] !== opts && isNaN(parseInt(opts)) && option?.slice(-1) !== opts) {\n        option = optsMatch?.[0] + opts;\n    }\n    return optionsLabel.filter(item => item.options === option)[0]?.label ?? null;\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legenda do tipo `Date`\n * @param value - Valor a ser tratado\n */\nexport function filterLegendData(value: string | undefined): string {\n    let legend = filterLegend(value);\n    if (legend === null) {\n        return \"Não encontramos legenda definida.\";\n    }\n\n    let interval = value?.split(\"{}\");\n    let date = value?.split(\"/\");\n\n    const handleLegend = (date: any): string => {\n        let dia = parseInt(date[0]);\n        let mes = parseInt(date[1], 10);\n        let ano = parseInt(date[2]);\n\n        return `\n            ${(dia > 0 ? `${mes == 0 ? \"dia\" : \"\"} ${dia}` : \"\")} \n            ${mes > 0 ? `${dia > 0 ? \"de\" : \"\"} ${MES[mes - 1]?.name}` : \"\"} \n            ${ano > 0 ? `${dia > 0 || mes > 0 ? \"de\" : \"\"} ${ano}` : \"\"}\n        `.replace(/\\s+/g, \" \").trim();\n    };\n    let result = interval?.[1] === undefined\n        ? handleLegend(date)\n        : handleLegend(interval[0].split(\"/\")) + \" à \" + handleLegend(interval[1].split(\"/\"));\n    return legend + \": \" + result;\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legenda do tipo `Text`\n * @param value - Valor a ser tratado\n */\nexport function filterLegendText(value: string | undefined): string {\n    let legend = filterLegend(value);\n    if (legend === null) {\n        return \"Não encontramos legenda definida.\";\n    }\n    return legend + \": \" + (value?.replace(/(=|!=|<|>|<=|>=|%|!%|\\{\\})/g, \"\") ?? \"\");\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legando do tipo `autocomplete`\n * @param value - Valor a ser tratado\n * @param dto - Array de objeto para ser pesquisado a legenda\n * @param word - Limite de palavras para a legenda\n */\nexport function filterLegendAutocomplete(value: string | undefined, dto: any[] = [], word: number = 30): string {\n    let legend = filterLegend(value);\n    if (legend === null || dto.length === 0) {\n        return \"Não encontramos legenda definida.\";\n    }\n    let ids: any[] = value?.split(\";\").map(item => parseInt(item)) ?? [];\n    let values = dto\n        .filter(obj => ids.includes(obj.id))\n        .map(item => item.label).join(\", \");\n    let text = values.substring(0, word);\n    return legend + \": \" + text + (text.length !== values.length ? \"...\" : \"\");\n}"],"names":["filterLegend","value","optsRegex","optsMatch","opts","option","optionsLabel","item","filterLegendData","legend","interval","date","handleLegend","dia","mes","ano","MES","result","filterLegendText","filterLegendAutocomplete","dto","word","ids","values","obj","text"],"mappings":"6SAOO,SAASA,EAAaC,EAA0C,CACnE,GAAI,CAACA,EACD,OAAO,KAEX,IAAIC,EAAY,6BACZC,EAAYF,GAAO,MAAMC,CAAS,EAClCE,EAAOH,EAAM,OAAOA,EAAM,OAAS,CAAC,EACpCI,EAASF,IAAY,CAAC,EAE1B,OAAIA,IAAY,CAAC,IAAMC,GAAQ,MAAM,SAASA,CAAI,CAAC,GAAKC,GAAQ,MAAM,EAAE,IAAMD,IAC1EC,EAASF,IAAY,CAAC,EAAIC,GAEvBE,eAAa,OAAOC,GAAQA,EAAK,UAAYF,CAAM,EAAE,CAAC,GAAG,OAAS,IAC7E,CAMO,SAASG,EAAiBP,EAAmC,CAChE,IAAIQ,EAAST,EAAaC,CAAK,EAC/B,GAAIQ,IAAW,KACX,MAAO,oCAGX,IAAIC,EAAWT,GAAO,MAAM,IAAI,EAC5BU,EAAOV,GAAO,MAAM,GAAG,EAE3B,MAAMW,EAAgBD,GAAsB,CACxC,IAAIE,EAAM,SAASF,EAAK,CAAC,CAAC,EACtBG,EAAM,SAASH,EAAK,CAAC,EAAG,EAAE,EAC1BI,EAAM,SAASJ,EAAK,CAAC,CAAC,EAE1B,MAAO;AAAA,cACAE,EAAM,EAAI,GAAGC,GAAO,EAAI,MAAQ,EAAE,IAAID,CAAG,GAAK,EAAG;AAAA,cAClDC,EAAM,EAAI,GAAGD,EAAM,EAAI,KAAO,EAAE,IAAIG,EAAAA,IAAIF,EAAM,CAAC,GAAG,IAAI,GAAK,EAAE;AAAA,cAC7DC,EAAM,EAAI,GAAGF,EAAM,GAAKC,EAAM,EAAI,KAAO,EAAE,IAAIC,CAAG,GAAK,EAAE;AAAA,UAC7D,QAAQ,OAAQ,GAAG,EAAE,KAAA,CAC3B,EACA,IAAIE,EAASP,IAAW,CAAC,IAAM,OACzBE,EAAaD,CAAI,EACjBC,EAAaF,EAAS,CAAC,EAAE,MAAM,GAAG,CAAC,EAAI,MAAQE,EAAaF,EAAS,CAAC,EAAE,MAAM,GAAG,CAAC,EACxF,OAAOD,EAAS,KAAOQ,CAC3B,CAMO,SAASC,EAAiBjB,EAAmC,CAChE,IAAIQ,EAAST,EAAaC,CAAK,EAC/B,OAAIQ,IAAW,KACJ,oCAEJA,EAAS,MAAQR,GAAO,QAAQ,8BAA+B,EAAE,GAAK,GACjF,CAQO,SAASkB,EAAyBlB,EAA2BmB,EAAa,CAAA,EAAIC,EAAe,GAAY,CAC5G,IAAIZ,EAAST,EAAaC,CAAK,EAC/B,GAAIQ,IAAW,MAAQW,EAAI,SAAW,EAClC,MAAO,oCAEX,IAAIE,EAAarB,GAAO,MAAM,GAAG,EAAE,IAAIM,GAAQ,SAASA,CAAI,CAAC,GAAK,CAAA,EAC9DgB,EAASH,EACR,OAAOI,GAAOF,EAAI,SAASE,EAAI,EAAE,CAAC,EAClC,IAAIjB,GAAQA,EAAK,KAAK,EAAE,KAAK,IAAI,EAClCkB,EAAOF,EAAO,UAAU,EAAGF,CAAI,EACnC,OAAOZ,EAAS,KAAOgB,GAAQA,EAAK,SAAWF,EAAO,OAAS,MAAQ,GAC3E"}

package/inputfilter/legend/index.esm.js

@@ -0,0 +1,48 @@
+import { MES as f } from "../../utils/const/index.esm.js";
+import "date-fns";
+import "date-fns/locale";
+import "jquery";
+import "axios";
+import "node-snackbar";
+import "sweetalert2";
+import { optionsLabel as m } from "../const/index.esm.js";
+function a(e) {
+  if (!e)
+    return null;
+  let t = /(=|!=|<|>|<=|>=|%|!%|\{\})/, l = e?.match(t), r = e.charAt(e.length - 1), i = l?.[0];
+  return l?.[0] !== r && isNaN(parseInt(r)) && i?.slice(-1) !== r && (i = l?.[0] + r), m.filter((o) => o.options === i)[0]?.label ?? null;
+}
+function b(e) {
+  let t = a(e);
+  if (t === null)
+    return "Não encontramos legenda definida.";
+  let l = e?.split("{}"), r = e?.split("/");
+  const i = (p) => {
+    let n = parseInt(p[0]), s = parseInt(p[1], 10), d = parseInt(p[2]);
+    return `
+            ${n > 0 ? `${s == 0 ? "dia" : ""} ${n}` : ""} 
+            ${s > 0 ? `${n > 0 ? "de" : ""} ${f[s - 1]?.name}` : ""} 
+            ${d > 0 ? `${n > 0 || s > 0 ? "de" : ""} ${d}` : ""}
+        `.replace(/\s+/g, " ").trim();
+  };
+  let o = l?.[1] === void 0 ? i(r) : i(l[0].split("/")) + " à " + i(l[1].split("/"));
+  return t + ": " + o;
+}
+function x(e) {
+  let t = a(e);
+  return t === null ? "Não encontramos legenda definida." : t + ": " + (e?.replace(/(=|!=|<|>|<=|>=|%|!%|\{\})/g, "") ?? "");
+}
+function A(e, t = [], l = 30) {
+  let r = a(e);
+  if (r === null || t.length === 0)
+    return "Não encontramos legenda definida.";
+  let i = e?.split(";").map((n) => parseInt(n)) ?? [], o = t.filter((n) => i.includes(n.id)).map((n) => n.label).join(", "), p = o.substring(0, l);
+  return r + ": " + p + (p.length !== o.length ? "..." : "");
+}
+export {
+  a as filterLegend,
+  A as filterLegendAutocomplete,
+  b as filterLegendData,
+  x as filterLegendText
+};
+//# sourceMappingURL=index.esm.js.map

package/inputfilter/legend/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/inputfilter/legend.ts"],"sourcesContent":["import { MES } from \"../utils\";\nimport { optionsLabel } from \"./const\";\n\n/**\n * Retorna a legenda de acordo com operador na string\n * @param value - Valor a ser tratado\n */\nexport function filterLegend(value: string | undefined): string | null {\n    if (!value) {\n        return null;\n    }\n    let optsRegex = /(=|!=|<|>|<=|>=|%|!%|\\{\\})/;\n    let optsMatch = value?.match(optsRegex);\n    let opts = value.charAt(value.length - 1);\n    let option = optsMatch?.[0];\n\n    if (optsMatch?.[0] !== opts && isNaN(parseInt(opts)) && option?.slice(-1) !== opts) {\n        option = optsMatch?.[0] + opts;\n    }\n    return optionsLabel.filter(item => item.options === option)[0]?.label ?? null;\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legenda do tipo `Date`\n * @param value - Valor a ser tratado\n */\nexport function filterLegendData(value: string | undefined): string {\n    let legend = filterLegend(value);\n    if (legend === null) {\n        return \"Não encontramos legenda definida.\";\n    }\n\n    let interval = value?.split(\"{}\");\n    let date = value?.split(\"/\");\n\n    const handleLegend = (date: any): string => {\n        let dia = parseInt(date[0]);\n        let mes = parseInt(date[1], 10);\n        let ano = parseInt(date[2]);\n\n        return `\n            ${(dia > 0 ? `${mes == 0 ? \"dia\" : \"\"} ${dia}` : \"\")} \n            ${mes > 0 ? `${dia > 0 ? \"de\" : \"\"} ${MES[mes - 1]?.name}` : \"\"} \n            ${ano > 0 ? `${dia > 0 || mes > 0 ? \"de\" : \"\"} ${ano}` : \"\"}\n        `.replace(/\\s+/g, \" \").trim();\n    };\n    let result = interval?.[1] === undefined\n        ? handleLegend(date)\n        : handleLegend(interval[0].split(\"/\")) + \" à \" + handleLegend(interval[1].split(\"/\"));\n    return legend + \": \" + result;\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legenda do tipo `Text`\n * @param value - Valor a ser tratado\n */\nexport function filterLegendText(value: string | undefined): string {\n    let legend = filterLegend(value);\n    if (legend === null) {\n        return \"Não encontramos legenda definida.\";\n    }\n    return legend + \": \" + (value?.replace(/(=|!=|<|>|<=|>=|%|!%|\\{\\})/g, \"\") ?? \"\");\n}\n\n/**\n * Realiza o tratamento das informações para retorna a legando do tipo `autocomplete`\n * @param value - Valor a ser tratado\n * @param dto - Array de objeto para ser pesquisado a legenda\n * @param word - Limite de palavras para a legenda\n */\nexport function filterLegendAutocomplete(value: string | undefined, dto: any[] = [], word: number = 30): string {\n    let legend = filterLegend(value);\n    if (legend === null || dto.length === 0) {\n        return \"Não encontramos legenda definida.\";\n    }\n    let ids: any[] = value?.split(\";\").map(item => parseInt(item)) ?? [];\n    let values = dto\n        .filter(obj => ids.includes(obj.id))\n        .map(item => item.label).join(\", \");\n    let text = values.substring(0, word);\n    return legend + \": \" + text + (text.length !== values.length ? \"...\" : \"\");\n}"],"names":["filterLegend","value","optsRegex","optsMatch","opts","option","optionsLabel","item","filterLegendData","legend","interval","date","handleLegend","dia","mes","ano","MES","result","filterLegendText","filterLegendAutocomplete","dto","word","ids","values","obj","text"],"mappings":";;;;;;;;AAOO,SAASA,EAAaC,GAA0C;AACnE,MAAI,CAACA;AACD,WAAO;AAEX,MAAIC,IAAY,8BACZC,IAAYF,GAAO,MAAMC,CAAS,GAClCE,IAAOH,EAAM,OAAOA,EAAM,SAAS,CAAC,GACpCI,IAASF,IAAY,CAAC;AAE1B,SAAIA,IAAY,CAAC,MAAMC,KAAQ,MAAM,SAASA,CAAI,CAAC,KAAKC,GAAQ,MAAM,EAAE,MAAMD,MAC1EC,IAASF,IAAY,CAAC,IAAIC,IAEvBE,EAAa,OAAO,CAAAC,MAAQA,EAAK,YAAYF,CAAM,EAAE,CAAC,GAAG,SAAS;AAC7E;AAMO,SAASG,EAAiBP,GAAmC;AAChE,MAAIQ,IAAST,EAAaC,CAAK;AAC/B,MAAIQ,MAAW;AACX,WAAO;AAGX,MAAIC,IAAWT,GAAO,MAAM,IAAI,GAC5BU,IAAOV,GAAO,MAAM,GAAG;AAE3B,QAAMW,IAAe,CAACD,MAAsB;AACxC,QAAIE,IAAM,SAASF,EAAK,CAAC,CAAC,GACtBG,IAAM,SAASH,EAAK,CAAC,GAAG,EAAE,GAC1BI,IAAM,SAASJ,EAAK,CAAC,CAAC;AAE1B,WAAO;AAAA,cACAE,IAAM,IAAI,GAAGC,KAAO,IAAI,QAAQ,EAAE,IAAID,CAAG,KAAK,EAAG;AAAA,cAClDC,IAAM,IAAI,GAAGD,IAAM,IAAI,OAAO,EAAE,IAAIG,EAAIF,IAAM,CAAC,GAAG,IAAI,KAAK,EAAE;AAAA,cAC7DC,IAAM,IAAI,GAAGF,IAAM,KAAKC,IAAM,IAAI,OAAO,EAAE,IAAIC,CAAG,KAAK,EAAE;AAAA,UAC7D,QAAQ,QAAQ,GAAG,EAAE,KAAA;AAAA,EAC3B;AACA,MAAIE,IAASP,IAAW,CAAC,MAAM,SACzBE,EAAaD,CAAI,IACjBC,EAAaF,EAAS,CAAC,EAAE,MAAM,GAAG,CAAC,IAAI,QAAQE,EAAaF,EAAS,CAAC,EAAE,MAAM,GAAG,CAAC;AACxF,SAAOD,IAAS,OAAOQ;AAC3B;AAMO,SAASC,EAAiBjB,GAAmC;AAChE,MAAIQ,IAAST,EAAaC,CAAK;AAC/B,SAAIQ,MAAW,OACJ,sCAEJA,IAAS,QAAQR,GAAO,QAAQ,+BAA+B,EAAE,KAAK;AACjF;AAQO,SAASkB,EAAyBlB,GAA2BmB,IAAa,CAAA,GAAIC,IAAe,IAAY;AAC5G,MAAIZ,IAAST,EAAaC,CAAK;AAC/B,MAAIQ,MAAW,QAAQW,EAAI,WAAW;AAClC,WAAO;AAEX,MAAIE,IAAarB,GAAO,MAAM,GAAG,EAAE,IAAI,CAAAM,MAAQ,SAASA,CAAI,CAAC,KAAK,CAAA,GAC9DgB,IAASH,EACR,OAAO,CAAAI,MAAOF,EAAI,SAASE,EAAI,EAAE,CAAC,EAClC,IAAI,CAAAjB,MAAQA,EAAK,KAAK,EAAE,KAAK,IAAI,GAClCkB,IAAOF,EAAO,UAAU,GAAGF,CAAI;AACnC,SAAOZ,IAAS,OAAOgB,KAAQA,EAAK,WAAWF,EAAO,SAAS,QAAQ;AAC3E;"}

package/inputfilter/legend.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Retorna a legenda de acordo com operador na string
+ * @param value - Valor a ser tratado
+ */
+export declare function filterLegend(value: string | undefined): string | null;
+/**
+ * Realiza o tratamento das informações para retorna a legenda do tipo `Date`
+ * @param value - Valor a ser tratado
+ */
+export declare function filterLegendData(value: string | undefined): string;
+/**
+ * Realiza o tratamento das informações para retorna a legenda do tipo `Text`
+ * @param value - Valor a ser tratado
+ */
+export declare function filterLegendText(value: string | undefined): string;
+/**
+ * Realiza o tratamento das informações para retorna a legando do tipo `autocomplete`
+ * @param value - Valor a ser tratado
+ * @param dto - Array de objeto para ser pesquisado a legenda
+ * @param word - Limite de palavras para a legenda
+ */
+export declare function filterLegendAutocomplete(value: string | undefined, dto?: any[], word?: number): string;

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

@@ -0,0 +1,44 @@
+import { AlignItemsProps, ColorProps, ApiComponentProps, JustifyContentProps } from '../../api';
+export interface LoadingProps extends Omit<ApiComponentProps, "size" | "id"> {
+    /**
+     * Define se o loading vai se exibido
+     */
+    visible: boolean
+
+    /**
+     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
+     */
+    align?: AlignItemsProps | AlignItemsProps[]
+
+    /**
+     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
+     */
+    justify?: JustifyContentProps | JustifyContentProps[]
+
+    /**
+     * Define a opacidade do fundo da box de carregamento
+     */
+    opacity?: string
+
+    /**
+     * Define o tipo do loading
+     */
+    type?: "border" | "grow"
+
+    /**
+     * Define a mensagem do load
+     */
+    text?: string
+
+    /**
+     * Define as cores padrão do component
+     */
+    color?: ColorProps
+
+    /**
+     * Personaliza a propriedade zindex do componente de loading
+     */
+    zindex?: number
+}

package/loading/_loading.scss

@@ -1,10 +1,10 @@
-.box-loading {
-  position: absolute;
-  flex-direction: column;
-  display: flex;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
+.box-loading {
+  position: absolute;
+  flex-direction: column;
+  display: flex;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+

package/loading/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("primereact/utils");exports.Loading=({opacity:t="0.5",...a})=>{const s={justify:void 0===a.justify?"justify-content-center":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"align-items-center":Array.isArray(a.align)?a.align?.join(" "):a.align},r={className:i.classNames([s.align,s.justify,a.className,"box-loading",`text-${a.color??"white"}`]),style:{zIndex:a.zindex??1,background:"rgba(0,0,0, "+t+")",...a.css??{}}};return a.visible&&e.createElement("div",{...r},e.createElement("div",{className:`spinner-${a.type??"border"}`},e.createElement("span",{className:"visually-hidden"},"Loading...")),a.text??e.createElement("p",{className:"mt-1"},a.text))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./loading/index.cjs.js");exports.Loading=e.Loading;
 //# sourceMappingURL=index.cjs.js.map

package/loading/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/loading/loading.tsx"],"sourcesContent":["import { LoadingProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Loading`\r\n *\r\n * Um componente versátil que pode ser utilizado para exibir informação de carregando.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Loading = ({ opacity = \"0.5\", ...props }: LoadingProps) => {\r\n    const css = {\r\n        justify: props.justify === undefined ? \"justify-content-center\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"align-items-center\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align,\r\n    };\r\n    const attr: HTMLAttributes<\"div\"> = {\r\n        className: classNames([\r\n            css.align,\r\n            css.justify,\r\n            props.className,\r\n            \"box-loading\",\r\n            `text-${props.color ?? \"white\"}`,\r\n        ]),\r\n        style: {\r\n            zIndex: props.zindex ?? 1,\r\n            background: \"rgba(0,0,0, \" + opacity + \")\", ...props.css ?? {}\r\n        }\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.visible && (\r\n        <div {...attr as any}>\r\n            <div className={`spinner-${props.type ?? \"border\"}`}>\r\n                <span className=\"visually-hidden\">Loading...</span>\r\n            </div>\r\n            {props.text ?? <p className=\"mt-1\">{props.text}</p>}\r\n        </div>\r\n    );\r\n};"],"names":["opacity","props","css","justify","undefined","Array","isArray","join","align","attr","className","classNames","color","style","zIndex","zindex","background","visible","React","createElement","type","text"],"mappings":"kFAUuB,EAAGA,UAAU,SAAUC,MAC1C,MAAMC,EAAM,CACRC,aAA2BC,IAAlBH,EAAME,QAAwB,yBAA2BE,MAAMC,QAAQL,EAAME,SAAWF,EAAME,SAASI,KAAK,KAAON,EAAME,QAClIK,WAAuBJ,IAAhBH,EAAMO,MAAsB,qBAAuBH,MAAMC,QAAQL,EAAMO,OAASP,EAAMO,OAAOD,KAAK,KAAON,EAAMO,OAEpHC,EAA8B,CAChCC,UAAWC,EAAAA,WAAW,CAClBT,EAAIM,MACJN,EAAIC,QACJF,EAAMS,UACN,cACA,QAAQT,EAAMW,OAAS,YAE3BC,MAAO,CACHC,OAAQb,EAAMc,QAAU,EACxBC,WAAY,eAAiBhB,EAAU,OAAQC,EAAMC,KAAO,CAAA,IASpE,OAAOD,EAAMgB,SACTC,0BAAST,GACLS,EAAKC,cAAA,MAAA,CAAAT,UAAW,WAAWT,EAAMmB,MAAQ,YACrCF,EAAAC,cAAA,OAAA,CAAMT,UAAU,mBAAiB,eAEpCT,EAAMoB,MAAQH,EAAAC,cAAA,IAAA,CAAGT,UAAU,QAAQT,EAAMoB"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/loading/index.d.ts

@@ -1,172 +1,2 @@
-import React, { CSSProperties } from 'react';
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `align-items`
- */
-type AlignItemsProps =
-    | "align-items-start"
-    | "align-items-end"
-    | "align-items-center"
-    | "align-items-baseline"
-    | "align-items-stretch"
-    | "align-items-sm-start"
-    | "align-items-sm-end"
-    | "align-items-sm-center"
-    | "align-items-sm-baseline"
-    | "align-items-sm-stretch"
-    | "align-items-md-start"
-    | "align-items-md-end"
-    | "align-items-md-center"
-    | "align-items-md-baseline"
-    | "align-items-md-stretch"
-    | "align-items-lg-start"
-    | "align-items-lg-end"
-    | "align-items-lg-center"
-    | "align-items-lg-baseline"
-    | "align-items-lg-stretch"
-    | "align-items-xl-start"
-    | "align-items-xl-end"
-    | "align-items-xl-center"
-    | "align-items-xl-baseline"
-    | "align-items-xl-stretch"
-    | "align-items-xxl-start"
-    | "align-items-xxl-end"
-    | "align-items-xxl-center"
-    | "align-items-xxl-baseline"
-    | "align-items-xxl-stretch";
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `justify-content`
- */
-type JustifyContentProps =
-    | "justify-content-start"
-    | "justify-content-end"
-    | "justify-content-center"
-    | "justify-content-between"
-    | "justify-content-around"
-    | "justify-content-evenly"
-    | "justify-content-sm-start"
-    | "justify-content-sm-end"
-    | "justify-content-sm-center"
-    | "justify-content-sm-between"
-    | "justify-content-sm-around"
-    | "justify-content-sm-evenly"
-    | "justify-content-md-start"
-    | "justify-content-md-end"
-    | "justify-content-md-center"
-    | "justify-content-md-between"
-    | "justify-content-md-around"
-    | "justify-content-md-evenly"
-    | "justify-content-lg-start"
-    | "justify-content-lg-end"
-    | "justify-content-lg-center"
-    | "justify-content-lg-between"
-    | "justify-content-lg-around"
-    | "justify-content-lg-evenly"
-    | "justify-content-xl-start"
-    | "justify-content-xl-end"
-    | "justify-content-xl-center"
-    | "justify-content-xl-between"
-    | "justify-content-xl-around"
-    | "justify-content-xl-evenly"
-    | "justify-content-xxl-start"
-    | "justify-content-xxl-end"
-    | "justify-content-xxl-center"
-    | "justify-content-xxl-between"
-    | "justify-content-xxl-around"
-    | "justify-content-xxl-evenly";
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-/**
- * Define as cores padrão as UI de componentes
- */
-type ApiColorProps =
-    "primary" |
-    "secondary" |
-    "success" |
-    "danger" |
-    "light" |
-    "warning" |
-    "gray" |
-    "info" |
-    "dark" |
-    "white";
-
-interface LoadingProps extends Omit<ApiComponentProps, "size" | "id"> {
-    /**
-     * Define se o loading vai se exibido
-     */
-    visible: boolean
-
-    /**
-     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
-     */
-    align?: AlignItemsProps | AlignItemsProps[]
-
-    /**
-     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
-     */
-    justify?: JustifyContentProps | JustifyContentProps[]
-
-    /**
-     * Define a opacidade do fundo da box de carregamento
-     */
-    opacity?: string
-
-    /**
-     * Define o tipo do loading
-     */
-    type?: "border" | "grow"
-
-    /**
-     * Define a mensagem do load
-     */
-    text?: string
-
-    /**
-     * Define as cores padrão do component
-     */
-    color?: ApiColorProps
-
-    /**
-     * Personaliza a propriedade zindex do componente de loading
-     */
-    zindex?: number
-}
-
-/**
- * Componente - `Loading`
- *
- * Um componente versátil que pode ser utilizado para exibir informação de carregando.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare const Loading: ({ opacity, ...props }: LoadingProps) => false | React.JSX.Element;
-
-export { Loading };
+export * from './loading';
+export * from './@types/index';

package/loading/index.esm.js

@@ -1,2 +1,5 @@
-import e from"react";import{classNames as t}from"primereact/utils";const i=({opacity:i="0.5",...a})=>{const r={justify:void 0===a.justify?"justify-content-center":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"align-items-center":Array.isArray(a.align)?a.align?.join(" "):a.align},s={className:t([r.align,r.justify,a.className,"box-loading",`text-${a.color??"white"}`]),style:{zIndex:a.zindex??1,background:"rgba(0,0,0, "+i+")",...a.css??{}}};return a.visible&&e.createElement("div",{...s},e.createElement("div",{className:`spinner-${a.type??"border"}`},e.createElement("span",{className:"visually-hidden"},"Loading...")),a.text??e.createElement("p",{className:"mt-1"},a.text))};export{i as Loading};
+import { Loading as a } from "./loading/index.esm.js";
+export {
+  a as Loading
+};
 //# sourceMappingURL=index.esm.js.map

package/loading/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/loading/loading.tsx"],"sourcesContent":["import { LoadingProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Loading`\r\n *\r\n * Um componente versátil que pode ser utilizado para exibir informação de carregando.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Loading = ({ opacity = \"0.5\", ...props }: LoadingProps) => {\r\n    const css = {\r\n        justify: props.justify === undefined ? \"justify-content-center\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"align-items-center\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align,\r\n    };\r\n    const attr: HTMLAttributes<\"div\"> = {\r\n        className: classNames([\r\n            css.align,\r\n            css.justify,\r\n            props.className,\r\n            \"box-loading\",\r\n            `text-${props.color ?? \"white\"}`,\r\n        ]),\r\n        style: {\r\n            zIndex: props.zindex ?? 1,\r\n            background: \"rgba(0,0,0, \" + opacity + \")\", ...props.css ?? {}\r\n        }\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.visible && (\r\n        <div {...attr as any}>\r\n            <div className={`spinner-${props.type ?? \"border\"}`}>\r\n                <span className=\"visually-hidden\">Loading...</span>\r\n            </div>\r\n            {props.text ?? <p className=\"mt-1\">{props.text}</p>}\r\n        </div>\r\n    );\r\n};"],"names":["Loading","opacity","props","css","justify","undefined","Array","isArray","join","align","attr","className","classNames","color","style","zIndex","zindex","background","visible","React","createElement","type","text"],"mappings":"mEAUO,MAAMA,EAAU,EAAGC,UAAU,SAAUC,MAC1C,MAAMC,EAAM,CACRC,aAA2BC,IAAlBH,EAAME,QAAwB,yBAA2BE,MAAMC,QAAQL,EAAME,SAAWF,EAAME,SAASI,KAAK,KAAON,EAAME,QAClIK,WAAuBJ,IAAhBH,EAAMO,MAAsB,qBAAuBH,MAAMC,QAAQL,EAAMO,OAASP,EAAMO,OAAOD,KAAK,KAAON,EAAMO,OAEpHC,EAA8B,CAChCC,UAAWC,EAAW,CAClBT,EAAIM,MACJN,EAAIC,QACJF,EAAMS,UACN,cACA,QAAQT,EAAMW,OAAS,YAE3BC,MAAO,CACHC,OAAQb,EAAMc,QAAU,EACxBC,WAAY,eAAiBhB,EAAU,OAAQC,EAAMC,KAAO,CAAA,IASpE,OAAOD,EAAMgB,SACTC,0BAAST,GACLS,EAAKC,cAAA,MAAA,CAAAT,UAAW,WAAWT,EAAMmB,MAAQ,YACrCF,EAAAC,cAAA,OAAA,CAAMT,UAAU,mBAAiB,eAEpCT,EAAMoB,MAAQH,EAAAC,cAAA,IAAA,CAAGT,UAAU,QAAQT,EAAMoB"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/loading/loading/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("primereact/utils"),t=({opacity:a="0.5",...i})=>{const n={justify:i.justify===void 0?"justify-content-center":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:i.align===void 0?"align-items-center":Array.isArray(i.align)?i.align?.join(" "):i.align},s={className:l.classNames([n.align,n.justify,i.className,"box-loading",`text-${i.color??"white"}`]),style:{zIndex:i.zindex??1,background:"rgba(0,0,0, "+a+")",...i.css??{}}};return i.visible&&e.jsxs("div",{...s,children:[e.jsx("div",{className:`spinner-${i.type??"border"}`,children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}),i.text??e.jsx("p",{className:"mt-1",children:i.text})]})};t.displayName="Loading";exports.Loading=t;
+//# sourceMappingURL=index.cjs.js.map

package/loading/loading/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/loading/loading.tsx"],"sourcesContent":["import { LoadingProps } from \".\";\nimport React, { HTMLAttributes } from \"react\";\nimport { classNames } from \"primereact/utils\";\n\n/**\n * Componente - `Loading`\n *\n * Um componente versátil que pode ser utilizado para exibir informação de carregando.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Loading = ({ opacity = \"0.5\", ...props }: LoadingProps) => {\n    const css = {\n        justify: props.justify === undefined ? \"justify-content-center\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\n        align: props.align === undefined ? \"align-items-center\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align,\n    };\n    const attr: HTMLAttributes<\"div\"> = {\n        className: classNames([\n            css.align,\n            css.justify,\n            props.className,\n            \"box-loading\",\n            `text-${props.color ?? \"white\"}`,\n        ]),\n        style: {\n            zIndex: props.zindex ?? 1,\n            background: \"rgba(0,0,0, \" + opacity + \")\", ...props.css ?? {}\n        }\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return props.visible && (\n        <div {...attr as any}>\n            <div className={`spinner-${props.type ?? \"border\"}`}>\n                <span className=\"visually-hidden\">Loading...</span>\n            </div>\n            {props.text ?? <p className=\"mt-1\">{props.text}</p>}\n        </div>\n    );\n};\n\nLoading.displayName = \"Loading\";"],"names":["Loading","opacity","props","css","attr","classNames","jsxs","jsx"],"mappings":"mJAUaA,EAAU,CAAC,CAAE,QAAAC,EAAU,MAAO,GAAGC,KAA0B,CACpE,MAAMC,EAAM,CACR,QAASD,EAAM,UAAY,OAAY,yBAA2B,MAAM,QAAQA,EAAM,OAAO,EAAIA,EAAM,SAAS,KAAK,GAAG,EAAIA,EAAM,QAClI,MAAOA,EAAM,QAAU,OAAY,qBAAuB,MAAM,QAAQA,EAAM,KAAK,EAAIA,EAAM,OAAO,KAAK,GAAG,EAAIA,EAAM,KAAA,EAEpHE,EAA8B,CAChC,UAAWC,EAAAA,WAAW,CAClBF,EAAI,MACJA,EAAI,QACJD,EAAM,UACN,cACA,QAAQA,EAAM,OAAS,OAAO,EAAA,CACjC,EACD,MAAO,CACH,OAAQA,EAAM,QAAU,EACxB,WAAY,eAAiBD,EAAU,IAAK,GAAGC,EAAM,KAAO,CAAA,CAAC,CACjE,EAQJ,OAAOA,EAAM,SACTI,EAAAA,KAAC,MAAA,CAAK,GAAGF,EACL,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAW,WAAWL,EAAM,MAAQ,QAAQ,GAC7C,SAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,kBAAkB,SAAA,YAAA,CAAU,EAChD,EACCL,EAAM,MAAQK,EAAAA,IAAC,KAAE,UAAU,OAAQ,WAAM,IAAA,CAAK,CAAA,EACnD,CAER,EAEAP,EAAQ,YAAc"}

package/loading/loading/index.esm.js

@@ -0,0 +1,30 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { classNames as s } from "primereact/utils";
+const c = ({ opacity: e = "0.5", ...i }) => {
+  const n = {
+    justify: i.justify === void 0 ? "justify-content-center" : Array.isArray(i.justify) ? i.justify?.join(" ") : i.justify,
+    align: i.align === void 0 ? "align-items-center" : Array.isArray(i.align) ? i.align?.join(" ") : i.align
+  }, t = {
+    className: s([
+      n.align,
+      n.justify,
+      i.className,
+      "box-loading",
+      `text-${i.color ?? "white"}`
+    ]),
+    style: {
+      zIndex: i.zindex ?? 1,
+      background: "rgba(0,0,0, " + e + ")",
+      ...i.css ?? {}
+    }
+  };
+  return i.visible && /* @__PURE__ */ l("div", { ...t, children: [
+    /* @__PURE__ */ a("div", { className: `spinner-${i.type ?? "border"}`, children: /* @__PURE__ */ a("span", { className: "visually-hidden", children: "Loading..." }) }),
+    i.text ?? /* @__PURE__ */ a("p", { className: "mt-1", children: i.text })
+  ] });
+};
+c.displayName = "Loading";
+export {
+  c as Loading
+};
+//# sourceMappingURL=index.esm.js.map

package/loading/loading/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/loading/loading.tsx"],"sourcesContent":["import { LoadingProps } from \".\";\nimport React, { HTMLAttributes } from \"react\";\nimport { classNames } from \"primereact/utils\";\n\n/**\n * Componente - `Loading`\n *\n * Um componente versátil que pode ser utilizado para exibir informação de carregando.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Loading = ({ opacity = \"0.5\", ...props }: LoadingProps) => {\n    const css = {\n        justify: props.justify === undefined ? \"justify-content-center\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\n        align: props.align === undefined ? \"align-items-center\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align,\n    };\n    const attr: HTMLAttributes<\"div\"> = {\n        className: classNames([\n            css.align,\n            css.justify,\n            props.className,\n            \"box-loading\",\n            `text-${props.color ?? \"white\"}`,\n        ]),\n        style: {\n            zIndex: props.zindex ?? 1,\n            background: \"rgba(0,0,0, \" + opacity + \")\", ...props.css ?? {}\n        }\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return props.visible && (\n        <div {...attr as any}>\n            <div className={`spinner-${props.type ?? \"border\"}`}>\n                <span className=\"visually-hidden\">Loading...</span>\n            </div>\n            {props.text ?? <p className=\"mt-1\">{props.text}</p>}\n        </div>\n    );\n};\n\nLoading.displayName = \"Loading\";"],"names":["Loading","opacity","props","css","attr","classNames","jsxs","jsx"],"mappings":";;AAUO,MAAMA,IAAU,CAAC,EAAE,SAAAC,IAAU,OAAO,GAAGC,QAA0B;AACpE,QAAMC,IAAM;AAAA,IACR,SAASD,EAAM,YAAY,SAAY,2BAA2B,MAAM,QAAQA,EAAM,OAAO,IAAIA,EAAM,SAAS,KAAK,GAAG,IAAIA,EAAM;AAAA,IAClI,OAAOA,EAAM,UAAU,SAAY,uBAAuB,MAAM,QAAQA,EAAM,KAAK,IAAIA,EAAM,OAAO,KAAK,GAAG,IAAIA,EAAM;AAAA,EAAA,GAEpHE,IAA8B;AAAA,IAChC,WAAWC,EAAW;AAAA,MAClBF,EAAI;AAAA,MACJA,EAAI;AAAA,MACJD,EAAM;AAAA,MACN;AAAA,MACA,QAAQA,EAAM,SAAS,OAAO;AAAA,IAAA,CACjC;AAAA,IACD,OAAO;AAAA,MACH,QAAQA,EAAM,UAAU;AAAA,MACxB,YAAY,iBAAiBD,IAAU;AAAA,MAAK,GAAGC,EAAM,OAAO,CAAA;AAAA,IAAC;AAAA,EACjE;AAQJ,SAAOA,EAAM,WACT,gBAAAI,EAAC,OAAA,EAAK,GAAGF,GACL,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAW,WAAWL,EAAM,QAAQ,QAAQ,IAC7C,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,aAAA,CAAU,GAChD;AAAA,IACCL,EAAM,QAAQ,gBAAAK,EAAC,OAAE,WAAU,QAAQ,YAAM,KAAA,CAAK;AAAA,EAAA,GACnD;AAER;AAEAP,EAAQ,cAAc;"}

package/loading/loading.d.ts

@@ -0,0 +1,12 @@
+import { LoadingProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `Loading`
+ *
+ * Um componente versátil que pode ser utilizado para exibir informação de carregando.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const Loading: {
+    ({ opacity, ...props }: LoadingProps): false | React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,97 @@
+/**
+ * Define o tipo de message
+ */
+export 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 se modal de messagem vai ter botão de fechar
+     */
+    modalClosable?: boolean
+}
+
+/**
+ * Define a propriedade para ser exportada
+ */
+export type MessageProps<T extends MessageModeProps> = T extends "modal"
+    ? MessageBaseProps & MessageModalProps
+    : MessageBaseProps;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../../../box/box/index.cjs.js"),c=require("../../../modal/modal/index.cjs.js"),l=require("../../../button/button/index.cjs.js");function s({confirm:o=!0,cancel:a=!0,...e}){return i.jsx(c.Modal,{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:i.jsxs(n.Box,{direction:"column",size:"100",children:[i.jsx("div",{dangerouslySetInnerHTML:{__html:e.message??""}}),i.jsxs(n.Box,{className:"gap-2",justify:"justify-content-"+(e.modalOptionsPosition??"end"),size:"100",children:[o&&i.jsx(l.Button,{color:"success",icon:"check2-circle",isLoading:e.isLoading??!1,label:e.confirmLabel??"Confirmar",onClick:()=>{e.onConfirm&&e.onConfirm()}}),a&&i.jsx(l.Button,{color:"danger",icon:"slash-circle",label:e.cancelarLabel??"Cancelar",onClick:()=>{e.onCancel?e.onCancel():e.onVisible(!1)}})]})]})})}exports.ModalMessage=s;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"gQAWO,SAASA,EAAa,CAAE,QAAAC,EAAU,GAAM,OAAAC,EAAS,GAAM,GAAGC,GAAgC,CAM7F,OACIC,EAAAA,IAACC,EAAAA,MAAA,CAAM,SAAU,GACV,UAAU,UACV,SAAUF,EAAM,eAAiB,GACjC,OAAQA,EAAM,OAAS,cACvB,KAAMA,EAAM,WAAa,eACzB,WAAYA,EAAM,iBAAmB,SACrC,MAAM,SACN,QAASA,EAAM,QACf,UAAWA,EAAM,UACpB,SAAAG,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAU,SACV,KAAK,MACN,SAAA,CAAAH,MAAC,OAAI,wBAAyB,CAAE,OAAQD,EAAM,SAAW,IAAK,EAC9DG,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAU,QACV,QAAS,oBAAsBJ,EAAM,sBAAwB,OAC7D,KAAK,MACL,SAAA,CAAAF,GAAWG,EAAAA,IAACI,EAAAA,OAAA,CAAO,MAAM,UACN,KAAK,gBACL,UAAWL,EAAM,WAAa,GAC9B,MAAOA,EAAM,cAAgB,YAC7B,QAAS,IAAM,CACPA,EAAM,WACNA,EAAM,UAAA,CAEd,CAAA,CAAA,EACnBD,GAAUE,EAAAA,IAACI,EAAAA,OAAA,CAAO,MAAM,SACN,KAAK,eACL,MAAOL,EAAM,eAAiB,WAC9B,QAAS,IAAM,CACPA,EAAM,SACNA,EAAM,SAAA,EAENA,EAAM,UAAU,EAAK,CAE7B,CAAA,CAAA,CAAE,CAAA,CAAA,CACzB,CAAA,CAAA,CACJ,CAAA,CAGZ"}