@orangesix/react 1.4.0 → 2.0.3

package/inputfilter/inputfilter/index.esm.js

@@ -0,0 +1,103 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { Box as f } from "../../box/box/index.esm.js";
+import { Text as c } from "../core/text/index.esm.js";
+import { Date as d } from "../core/date/index.esm.js";
+import { InputLabel as h } from "../../api/input/index.esm.js";
+import { Number as s } from "../core/number/index.esm.js";
+import { handleGetOption as g, handleGetValueText as v, handleGetValueDate as r, handleSetValueDate as y, handleGetValueAutocomplete as b, handleSetValueAutocomplete as C, handleGetValueNumber as x } from "../function/handle/index.esm.js";
+import { classNames as N } from "primereact/utils";
+import { Autocomplete as V } from "../core/autocomplete/index.esm.js";
+import { useState as D, useEffect as G } from "react";
+import { optionsDefault as S, optionsLabel as A } from "../const/index.esm.js";
+function I({ ...e }) {
+  const n = (e.options ?? S).sort((t, i) => t.length - i.length), m = A.filter((t) => n?.includes(t.options)), [l, o] = D(g(e.value, n));
+  return G(() => {
+    if (!e.type || e.type === "text") {
+      let t = v(e.value, n);
+      t !== null ? e.onChange(t + l) : e.onChange(null);
+    } else if (e.type === "date") {
+      let t = r(e.value, n, l), i = y("0", null, t);
+      l === "{}" && i === "0/0/0{}0/0/0" || t[0] == 0 && t[1] == 0 && t[2] == 0 ? e.onChange(null) : e.onChange(i);
+    } else if (e.type === "autocomplete") {
+      let t = b(e.value, n, e.data);
+      e.onChange(C(t, l));
+    } else if (e.type === "number") {
+      let t = x(e.value, n);
+      t !== "" ? e.onChange(t + l) : e.onChange(null);
+    }
+  }, [l]), /* @__PURE__ */ u(
+    f,
+    {
+      ...e,
+      className: N([e.className, "input-filter-container"]),
+      children: [
+        /* @__PURE__ */ a(h, { ...e }),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            className: "input-filter-content",
+            id: e.id ?? "input-filter",
+            children: [
+              /* @__PURE__ */ a(
+                "select",
+                {
+                  className: "form-select input-filter-select",
+                  disabled: e.disabled,
+                  id: (e.id ?? "input-filter") + "-select",
+                  name: (e.name ?? "input-filter") + "-select",
+                  value: l,
+                  onChange: (t) => o(t.target.value),
+                  children: m?.map((t) => /* @__PURE__ */ a(
+                    "option",
+                    {
+                      value: t.options,
+                      children: t.label
+                    },
+                    t.options
+                  ))
+                }
+              ),
+              (!e.type || e.type === "text") && /* @__PURE__ */ a(
+                c,
+                {
+                  ...e,
+                  options: n,
+                  select: l
+                }
+              ),
+              e.type === "date" && /* @__PURE__ */ a(
+                d,
+                {
+                  ...e,
+                  options: n,
+                  select: l
+                }
+              ),
+              e.type === "autocomplete" && /* @__PURE__ */ a(
+                V,
+                {
+                  ...e,
+                  options: n,
+                  select: l
+                }
+              ),
+              e.type === "number" && /* @__PURE__ */ a(
+                s,
+                {
+                  ...e,
+                  options: n,
+                  select: l
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+I.displayName = "InputFilter";
+export {
+  I as InputFilter
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/inputfilter/inputfilter.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { Text } from \"./core/text\";\nimport { Date } from \"./core/date\";\nimport { InputLabel } from \"../api\";\nimport { Number } from \"./core/number\";\nimport * as handle from \"./function/handle\";\nimport { classNames } from \"primereact/utils\";\nimport { Autocomplete } from \"./core/autocomplete\";\nimport React, { useState, useEffect } from \"react\";\nimport { optionsDefault, optionsLabel } from \"./const\";\nimport { InputFilterOptionsMap, InputFilterProps } from \".\";\n\n/**\n * Componente - `InputFilter`\n *\n * Um componente utilizado para montar o objeto de pesquisa de dados.\n * Permite alterar o seu tipo através do type: `text`, `date`, `autocomplete`.\n */\nexport function InputFilter<T extends keyof InputFilterOptionsMap = \"text\">({ ...props }: InputFilterProps<T>) {\n\n    const options: any[] = (props.options ?? optionsDefault).sort((a, b) => a.length - b.length);\n    const selectOptions = optionsLabel.filter(item => options?.includes(item.options as any));\n    const [select, setSelect] = useState<string>(handle.handleGetOption<T>(props.value, options));\n\n    useEffect(() => {\n        if (!props.type || props.type === \"text\") {\n            let value = handle.handleGetValueText(props.value, options);\n            if (value !== null) {\n                props.onChange(value + select);\n            } else {\n                props.onChange(null);\n            }\n        } else if (props.type === \"date\") {\n            let date = handle.handleGetValueDate(props.value, options, select);\n            let setDate = handle.handleSetValueDate(\"0\", null, date);\n\n            if (select === \"{}\" && setDate === \"0/0/0{}0/0/0\") {\n                props.onChange(null);\n            } else {\n                if (date[0] == 0 && date[1] == 0 && date[2] == 0) {\n                    props.onChange(null);\n                } else {\n                    props.onChange(setDate);\n                }\n            }\n        } else if (props.type === \"autocomplete\") {\n            let value = handle.handleGetValueAutocomplete(props.value, options, props.data);\n            props.onChange(handle.handleSetValueAutocomplete(value, select));\n        } else if (props.type === \"number\") {\n            let value = handle.handleGetValueNumber(props.value, options);\n            if (value !== \"\") {\n                props.onChange(value + select);\n            } else {\n                props.onChange(null);\n            }\n        }\n    }, [select]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box {...props}\n             className={classNames([props.className, \"input-filter-container\"])}>\n            <InputLabel {...props}/>\n            <div className=\"input-filter-content\"\n                 id={props.id ?? \"input-filter\"}>\n                <select className=\"form-select input-filter-select\"\n                        disabled={props.disabled}\n                        id={(props.id ?? \"input-filter\") + \"-select\"}\n                        name={(props.name ?? \"input-filter\") + \"-select\"}\n                        value={select}\n                        onChange={event => setSelect(event.target.value)}>\n                    {selectOptions?.map(item => (\n                        <option key={item.options}\n                                value={item.options}>{item.label}</option>\n                    ))}\n                </select>\n                {(!props.type || props.type === \"text\")\n                    && <Text<\"text\"> {...props as InputFilterProps<\"text\">}\n                                     options={options}\n                                     select={select}/>}\n                {props.type === \"date\"\n                    && <Date<\"date\"> {...props as InputFilterProps<\"date\">}\n                                     options={options}\n                                     select={select}/>}\n                {props.type === \"autocomplete\"\n                    && <Autocomplete<\"autocomplete\"> {...props as InputFilterProps<\"autocomplete\">}\n                                                     options={options}\n                                                     select={select}/>}\n                {props.type === \"number\"\n                    && <Number<\"number\"> {...props}\n                                         options={options}\n                                         select={select}/>}\n            </div>\n        </Box>\n    );\n}\n\nInputFilter.displayName = \"InputFilter\";"],"names":["InputFilter","props","options","optionsDefault","a","b","selectOptions","optionsLabel","item","select","setSelect","useState","handle.handleGetOption","useEffect","value","handle.handleGetValueText","date","handle.handleGetValueDate","setDate","handle.handleSetValueDate","handle.handleGetValueAutocomplete","handle.handleSetValueAutocomplete","handle.handleGetValueNumber","jsxs","Box","classNames","jsx","InputLabel","event","Text","Date","Autocomplete","Number"],"mappings":"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"}

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"),a=require("primereact/utils");const i=({opacity:i="0.5",...t})=>{const s={justify:void 0===t.justify?"justify-content-center":Array.isArray(t.justify)?t.justify?.join(" "):t.justify,align:void 0===t.align?"align-items-center":Array.isArray(t.align)?t.align?.join(" "):t.align},r={className:a.classNames([s.align,s.justify,t.className,"box-loading",`text-${t.color??"white"}`]),style:{zIndex:t.zindex??1,background:"rgba(0,0,0, "+i+")",...t.css??{}}};return t.visible&&e.createElement("div",{...r},e.createElement("div",{className:`spinner-${t.type??"border"}`},e.createElement("span",{className:"visually-hidden"},"Loading...")),t.text??e.createElement("p",{className:"mt-1"},t.text))};i.displayName="Loading",exports.Loading=i;
+"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};\r\n\r\nLoading.displayName = \"Loading\";"],"names":["Loading","opacity","props","css","justify","undefined","Array","isArray","join","align","attr","className","classNames","color","style","zIndex","zindex","background","visible","React","createElement","type","text","displayName"],"mappings":"kEAUO,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,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,EAAAC,cAAA,MAAA,CAAKT,UAAW,WAAWT,EAAMmB,MAAQ,YACrCF,EAAAC,cAAA,OAAA,CAAMT,UAAU,mBAAiB,eAEpCT,EAAMoB,MAAQH,EAAAC,cAAA,IAAA,CAAGT,UAAU,QAAQT,EAAMoB,QAKtDtB,EAAQuB,YAAc"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/loading/index.d.ts

@@ -1,175 +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;
-    displayName: string;
-};
-
-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 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},n={className:t([s.align,s.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",{...n},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))};i.displayName="Loading";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};\r\n\r\nLoading.displayName = \"Loading\";"],"names":["Loading","opacity","props","css","justify","undefined","Array","isArray","join","align","attr","className","classNames","color","style","zIndex","zindex","background","visible","React","createElement","type","text","displayName"],"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,EAAAC,cAAA,MAAA,CAAKT,UAAW,WAAWT,EAAMmB,MAAQ,YACrCF,EAAAC,cAAA,OAAA,CAAMT,UAAU,mBAAiB,eAEpCT,EAAMoB,MAAQH,EAAAC,cAAA,IAAA,CAAGT,UAAU,QAAQT,EAAMoB,QAKtDtB,EAAQuB,YAAc"}
+{"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"
+}