@ufal-lccv/gpsub-ds 0.1.6 → 0.1.8

package/dist/RequiredLabel.view--zomsHqj.js

@@ -0,0 +1,130 @@
+import { q as o, G as j, o as r, H as F, u as f, b as c, J as m, W as I, K as E, N as S, O as w, P as R, e as A, I as L, Q as O } from "./Tooltip.view-CFhTAlxb.js";
+import { useState as _ } from "react";
+const W = ({
+  width: l = "100%",
+  height: a = "fit-content",
+  type: e,
+  variant: n = "small",
+  title: i,
+  message: t,
+  margin: d,
+  open: p = !0,
+  onClose: u,
+  canClose: g = !0
+}) => {
+  var x, b;
+  const [h, k] = _(p), s = {
+    info: {
+      backgroundColor: "#D5EBFD",
+      borderColor: r.colors.feedbackColors.colorFeedbackInfo,
+      icon: /* @__PURE__ */ o.jsx(
+        f,
+        {
+          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(
+        j,
+        {
+          color: r.colors.feedbackColors.colorFeedbackError,
+          height: "24px",
+          width: "24px"
+        }
+      )
+    }
+  };
+  function C() {
+    k(!1), u == null || u();
+  }
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: h ? /* @__PURE__ */ o.jsxs(
+    c,
+    {
+      width: l,
+      height: a,
+      direction: "horizontal",
+      verticalAlign: i ? "top" : "center",
+      gap: r.spacings.spacingInline.spacingInlineAnt,
+      padding: n == "small" ? `${r.spacings.spacingStack.spacingStackXs} ${r.spacings.spacingInline.spacingInlineAnt}` : r.spacings.spacingInline.spacingInlineSm,
+      backgroundColor: (x = s == null ? void 0 : s[e]) == null ? void 0 : x.backgroundColor,
+      customStyles: {
+        border: `1px solid ${(b = s == null ? void 0 : s[e]) == null ? void 0 : b.borderColor}`,
+        borderRadius: r.borders.borderRadius.borderRadiusSm,
+        margin: d,
+        position: "relative"
+      },
+      children: [
+        e === "warning" ? /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(I, { width: "24px", height: "24px" }) }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: s == null ? void 0 : s[e].icon }),
+        /* @__PURE__ */ o.jsxs(c, { width: "100%", flex: "1", height: "100%", children: [
+          /* @__PURE__ */ o.jsx(E, { children: i }),
+          /* @__PURE__ */ o.jsx(S, { children: t })
+        ] }),
+        g && /* @__PURE__ */ o.jsx(c, { children: /* @__PURE__ */ o.jsx(
+          w,
+          {
+            color: r.colors.neutralColors.colorNeutralCloudy,
+            cursor: "pointer",
+            onClick: C,
+            height: "20px",
+            width: "20px"
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ o.jsx(o.Fragment, {}) });
+}, q = ({
+  label: l,
+  labelRender: a,
+  infoProps: e = {},
+  withInfo: n = !0,
+  flex: i,
+  width: t = "100%",
+  isRequired: d = !1
+}) => {
+  const p = {
+    tooltipProps: {
+      position: "top",
+      ...e == null ? void 0 : e.tooltipProps,
+      size: "Small"
+    }
+  };
+  return /* @__PURE__ */ o.jsxs(c, { width: t, direction: "horizontal", gap: "4px", flex: i, children: [
+    a ?? /* @__PURE__ */ o.jsxs(R, { children: [
+      l,
+      " ",
+      d ? /* @__PURE__ */ o.jsx(A, {}) : null
+    ] }),
+    n && /* @__PURE__ */ o.jsx(L, { ...p })
+  ] });
+}, z = ({
+  width: l = "100%",
+  flex: a,
+  label: e = "Obrigatório",
+  margin: n = "0 0 16px 0"
+}) => /* @__PURE__ */ o.jsx(c, { width: l, flex: a, customStyles: { margin: n }, children: /* @__PURE__ */ o.jsx(O, { children: `* ${e}` }) });
+export {
+  W as A,
+  q as L,
+  z as R
+};

package/dist/RequiredLabel.view-bs4uu8t3.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./Tooltip.view-De9mbx2q.cjs"),h=require("react"),m=({width:s="100%",height:n="fit-content",type:o,variant:t="small",title:i,message:l,margin:c,open:a=!0,onClose:x,canClose:p=!0})=>{var d,u;const[g,j]=h.useState(a),e={info:{backgroundColor:"#D5EBFD",borderColor:r.sg.colors.feedbackColors.colorFeedbackInfo,icon:r.jsxRuntimeExports.jsx(r.InfoFill_default,{color:r.sg.colors.feedbackColors.colorFeedbackInfo,height:"24px",width:"24px"})},success:{backgroundColor:"#DAF9DB",borderColor:r.sg.colors.feedbackColors.colorFeedbackSuccess,icon:r.jsxRuntimeExports.jsx(r.CheckCircleFill_default,{color:r.sg.colors.feedbackColors.colorFeedbackSuccess,height:"24px",width:"24px"})},warning:{backgroundColor:"#FEEECF",borderColor:r.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:r.sg.colors.feedbackColors.colorFeedbackError,icon:r.jsxRuntimeExports.jsx(r.ErrorFill_default,{color:r.sg.colors.feedbackColors.colorFeedbackError,height:"24px",width:"24px"})}};function b(){j(!1),x==null||x()}return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:g?r.jsxRuntimeExports.jsxs(r.Container,{width:s,height:n,direction:"horizontal",verticalAlign:i?"top":"center",gap:r.sg.spacings.spacingInline.spacingInlineAnt,padding:t=="small"?`${r.sg.spacings.spacingStack.spacingStackXs} ${r.sg.spacings.spacingInline.spacingInlineAnt}`:r.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(d=e==null?void 0:e[o])==null?void 0:d.backgroundColor,customStyles:{border:`1px solid ${(u=e==null?void 0:e[o])==null?void 0:u.borderColor}`,borderRadius:r.sg.borders.borderRadius.borderRadiusSm,margin:c,position:"relative"},children:[o==="warning"?r.jsxRuntimeExports.jsx(r.ContainerWarning,{children:r.jsxRuntimeExports.jsx(r.WarningFill_default,{width:"24px",height:"24px"})}):r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e==null?void 0:e[o].icon}),r.jsxRuntimeExports.jsxs(r.Container,{width:"100%",flex:"1",height:"100%",children:[r.jsxRuntimeExports.jsx(r.Title$1,{children:i}),r.jsxRuntimeExports.jsx(r.Message,{children:l})]}),p&&r.jsxRuntimeExports.jsx(r.Container,{children:r.jsxRuntimeExports.jsx(r.Close_default,{color:r.sg.colors.neutralColors.colorNeutralCloudy,cursor:"pointer",onClick:b,height:"20px",width:"20px"})})]}):r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{})})},E=({label:s,labelRender:n,infoProps:o={},withInfo:t=!0,flex:i,width:l="100%",isRequired:c=!1})=>{const a={tooltipProps:{position:"top",...o==null?void 0:o.tooltipProps,size:"Small"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:l,direction:"horizontal",gap:"4px",flex:i,children:[n??r.jsxRuntimeExports.jsxs(r.Label$1,{children:[s," ",c?r.jsxRuntimeExports.jsx(r.Required,{}):null]}),t&&r.jsxRuntimeExports.jsx(r.Info,{...a})]})},R=({width:s="100%",flex:n,label:o="Obrigatório",margin:t="0 0 16px 0"})=>r.jsxRuntimeExports.jsx(r.Container,{width:s,flex:n,customStyles:{margin:t},children:r.jsxRuntimeExports.jsx(r.Label$2,{children:`* ${o}`})});exports.AlertInline=m;exports.LabelField=E;exports.RequiredLabelView=R;