@ufal-lccv/gpsub-ds 0.1.13 → 0.1.15

package/dist/RequiredLabel.view-CexnTqqz.js

@@ -0,0 +1,165 @@
+import { O as o, V as C, W as j, X as F, J as r, Y as f, Q as I, b as x, Z as w, _ as E, $ as S, a0 as R, a1 as A, a2 as _, f as $, I as D, a3 as L } from "./Table.styles-DxHVJ7GB.js";
+import { d as O } from "./index-DpWkNNS6.js";
+import { createPortal as v } from "react-dom";
+import { useState as W } from "react";
+const B = ({
+  id: a,
+  type: l,
+  title: e,
+  description: n,
+  durationInMilliseconds: t = 3e3,
+  dataToCopy: i,
+  offset: d = { x: 0, y: 0 }
+}) => {
+  const c = O.portal.add(a + Date.now() + Math.random()), p = () => {
+    try {
+      c.remove();
+    } catch {
+      console.error("Remoção indevida de alert.");
+    }
+  }, h = v(
+    /* @__PURE__ */ o.jsx(
+      C,
+      {
+        id: a,
+        type: l,
+        title: e,
+        description: n,
+        durationInMilliseconds: t,
+        destroy: p,
+        dataToCopy: i,
+        offset: d
+      }
+    ),
+    c
+  );
+  j.createRoot(c).render(h);
+}, M = ({
+  width: a = "100%",
+  height: l = "fit-content",
+  type: e,
+  variant: n = "small",
+  title: t,
+  message: i,
+  margin: d,
+  open: c = !0,
+  onClose: p,
+  canClose: h = !0
+}) => {
+  var u, g;
+  const [b, m] = W(c), s = {
+    info: {
+      backgroundColor: "#D5EBFD",
+      borderColor: r.colors.feedbackColors.colorFeedbackInfo,
+      icon: /* @__PURE__ */ o.jsx(
+        I,
+        {
+          color: r.colors.feedbackColors.colorFeedbackInfo,
+          height: "24px",
+          width: "24px"
+        }
+      )
+    },
+    success: {
+      backgroundColor: "#DAF9DB",
+      borderColor: r.colors.feedbackColors.colorFeedbackSuccess,
+      icon: /* @__PURE__ */ o.jsx(
+        f,
+        {
+          color: r.colors.feedbackColors.colorFeedbackSuccess,
+          height: "24px",
+          width: "24px"
+        }
+      )
+    },
+    warning: {
+      backgroundColor: "#FEEECF",
+      borderColor: r.colors.feedbackColors.colorFeedbackWarning
+    },
+    error: {
+      backgroundColor: "#FFE1E1",
+      borderColor: r.colors.feedbackColors.colorFeedbackError,
+      icon: /* @__PURE__ */ o.jsx(
+        F,
+        {
+          color: r.colors.feedbackColors.colorFeedbackError,
+          height: "24px",
+          width: "24px"
+        }
+      )
+    }
+  };
+  function k() {
+    m(!1), p == null || p();
+  }
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: b ? /* @__PURE__ */ o.jsxs(
+    x,
+    {
+      width: a,
+      height: l,
+      direction: "horizontal",
+      verticalAlign: t ? "top" : "center",
+      gap: r.spacings.spacingInline.spacingInlineAnt,
+      padding: n == "small" ? `${r.spacings.spacingStack.spacingStackXs} ${r.spacings.spacingInline.spacingInlineAnt}` : r.spacings.spacingInline.spacingInlineSm,
+      backgroundColor: (u = s == null ? void 0 : s[e]) == null ? void 0 : u.backgroundColor,
+      customStyles: {
+        border: `1px solid ${(g = s == null ? void 0 : s[e]) == null ? void 0 : g.borderColor}`,
+        borderRadius: r.borders.borderRadius.borderRadiusSm,
+        margin: d,
+        position: "relative"
+      },
+      children: [
+        e === "warning" ? /* @__PURE__ */ o.jsx(w, { children: /* @__PURE__ */ o.jsx(E, { width: "24px", height: "24px" }) }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: s == null ? void 0 : s[e].icon }),
+        /* @__PURE__ */ o.jsxs(x, { width: "100%", flex: "1", height: "100%", children: [
+          /* @__PURE__ */ o.jsx(S, { children: t }),
+          /* @__PURE__ */ o.jsx(R, { children: i })
+        ] }),
+        h && /* @__PURE__ */ o.jsx(x, { children: /* @__PURE__ */ o.jsx(
+          A,
+          {
+            color: r.colors.neutralColors.colorNeutralCloudy,
+            cursor: "pointer",
+            onClick: k,
+            height: "20px",
+            width: "20px"
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ o.jsx(o.Fragment, {}) });
+}, X = ({
+  label: a,
+  labelRender: l,
+  infoProps: e = {},
+  withInfo: n = !0,
+  flex: t,
+  width: i = "100%",
+  isRequired: d = !1
+}) => {
+  const c = {
+    tooltipProps: {
+      position: "top",
+      ...e == null ? void 0 : e.tooltipProps,
+      size: "Small"
+    }
+  };
+  return /* @__PURE__ */ o.jsxs(x, { width: i, direction: "horizontal", gap: "4px", flex: t, children: [
+    l ?? /* @__PURE__ */ o.jsxs(_, { children: [
+      a,
+      " ",
+      d ? /* @__PURE__ */ o.jsx($, {}) : null
+    ] }),
+    n && /* @__PURE__ */ o.jsx(D, { ...c })
+  ] });
+}, J = ({
+  width: a = "100%",
+  flex: l,
+  label: e = "Obrigatório",
+  margin: n = "0 0 16px 0"
+}) => /* @__PURE__ */ o.jsx(x, { width: a, flex: l, customStyles: { margin: n }, children: /* @__PURE__ */ o.jsx(L, { children: `* ${e}` }) });
+export {
+  M as A,
+  X as L,
+  J as R,
+  B as s
+};

package/dist/RequiredLabel.view-DnvcjRLU.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./Table.styles-BRk1FZZV.cjs"),b=require("./index-BUIblOZj.cjs"),h=require("react-dom"),E=require("react"),R=({id:s,type:t,title:r,description:n,durationInMilliseconds:l=3e3,dataToCopy:c,offset:a={x:0,y:0}})=>{const i=b.dom.portal.add(s+Date.now()+Math.random()),x=()=>{try{i.remove()}catch{console.error("Remoção indevida de alert.")}},d=h.createPortal(e.jsxRuntimeExports.jsx(e.AlertView,{id:s,type:t,title:r,description:n,durationInMilliseconds:l,destroy:x,dataToCopy:c,offset:a}),i);e.clientExports.createRoot(i).render(d)},C=({width:s="100%",height:t="fit-content",type:r,variant:n="small",title:l,message:c,margin:a,open:i=!0,onClose:x,canClose:d=!0})=>{var p,g;const[u,j]=E.useState(i),o={info:{backgroundColor:"#D5EBFD",borderColor:e.sg.colors.feedbackColors.colorFeedbackInfo,icon:e.jsxRuntimeExports.jsx(e.InfoFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackInfo,height:"24px",width:"24px"})},success:{backgroundColor:"#DAF9DB",borderColor:e.sg.colors.feedbackColors.colorFeedbackSuccess,icon:e.jsxRuntimeExports.jsx(e.CheckCircleFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackSuccess,height:"24px",width:"24px"})},warning:{backgroundColor:"#FEEECF",borderColor:e.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:e.sg.colors.feedbackColors.colorFeedbackError,icon:e.jsxRuntimeExports.jsx(e.ErrorFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackError,height:"24px",width:"24px"})}};function m(){j(!1),x==null||x()}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsxs(e.Container,{width:s,height:t,direction:"horizontal",verticalAlign:l?"top":"center",gap:e.sg.spacings.spacingInline.spacingInlineAnt,padding:n=="small"?`${e.sg.spacings.spacingStack.spacingStackXs} ${e.sg.spacings.spacingInline.spacingInlineAnt}`:e.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(p=o==null?void 0:o[r])==null?void 0:p.backgroundColor,customStyles:{border:`1px solid ${(g=o==null?void 0:o[r])==null?void 0:g.borderColor}`,borderRadius:e.sg.borders.borderRadius.borderRadiusSm,margin:a,position:"relative"},children:[r==="warning"?e.jsxRuntimeExports.jsx(e.ContainerWarning,{children:e.jsxRuntimeExports.jsx(e.WarningFill_default,{width:"24px",height:"24px"})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:o==null?void 0:o[r].icon}),e.jsxRuntimeExports.jsxs(e.Container,{width:"100%",flex:"1",height:"100%",children:[e.jsxRuntimeExports.jsx(e.Title$1,{children:l}),e.jsxRuntimeExports.jsx(e.Message,{children:c})]}),d&&e.jsxRuntimeExports.jsx(e.Container,{children:e.jsxRuntimeExports.jsx(e.Close_default,{color:e.sg.colors.neutralColors.colorNeutralCloudy,cursor:"pointer",onClick:m,height:"20px",width:"20px"})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})})},k=({label:s,labelRender:t,infoProps:r={},withInfo:n=!0,flex:l,width:c="100%",isRequired:a=!1})=>{const i={tooltipProps:{position:"top",...r==null?void 0:r.tooltipProps,size:"Small"}};return e.jsxRuntimeExports.jsxs(e.Container,{width:c,direction:"horizontal",gap:"4px",flex:l,children:[t??e.jsxRuntimeExports.jsxs(e.Label$1,{children:[s," ",a?e.jsxRuntimeExports.jsx(e.Required,{}):null]}),n&&e.jsxRuntimeExports.jsx(e.Info,{...i})]})},F=({width:s="100%",flex:t,label:r="Obrigatório",margin:n="0 0 16px 0"})=>e.jsxRuntimeExports.jsx(e.Container,{width:s,flex:t,customStyles:{margin:n},children:e.jsxRuntimeExports.jsx(e.Label$2,{children:`* ${r}`})});exports.AlertInline=C;exports.LabelField=k;exports.RequiredLabelView=F;exports.showAlert=R;