@ufal-lccv/gpsub-ds 0.0.11 → 0.0.13

package/dist/RequiredLabel.view-Cv_y1fuR.js

@@ -0,0 +1,130 @@
+import { l as o, v as k, w as j, n as F, C as i, x as f, W as m, y as I, z as w, D as E, G as S, H as R, I as D, J as L } from "./Checkbox.view-D75146I3.js";
+import { useState as _ } from "react";
+import { sg as r } from "sbwb-ds";
+const W = ({
+  width: c = "100%",
+  height: a = "fit-content",
+  type: e,
+  title: l,
+  message: t,
+  margin: d,
+  open: x = !0,
+  onClose: n,
+  canClose: h = !0
+}) => {
+  var u, b;
+  const [p, g] = _(x), s = {
+    info: {
+      backgroundColor: "#D5EBFD",
+      borderColor: r.colors.feedbackColors.colorFeedbackInfo,
+      icon: /* @__PURE__ */ o.jsx(
+        F,
+        {
+          color: r.colors.feedbackColors.colorFeedbackInfo,
+          height: "20px",
+          width: "20px"
+        }
+      )
+    },
+    success: {
+      backgroundColor: "#DAF9DB",
+      borderColor: r.colors.feedbackColors.colorFeedbackSuccess,
+      icon: /* @__PURE__ */ o.jsx(
+        j,
+        {
+          color: r.colors.feedbackColors.colorFeedbackSuccess,
+          height: "20px",
+          width: "20px"
+        }
+      )
+    },
+    warning: {
+      backgroundColor: "#FEEECF",
+      borderColor: r.colors.feedbackColors.colorFeedbackWarning
+    },
+    error: {
+      backgroundColor: "#FFE1E1",
+      borderColor: r.colors.feedbackColors.colorFeedbackError,
+      icon: /* @__PURE__ */ o.jsx(
+        k,
+        {
+          color: r.colors.feedbackColors.colorFeedbackError,
+          height: "20px",
+          width: "20px"
+        }
+      )
+    }
+  };
+  function C() {
+    g(!1), n == null || n();
+  }
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: p ? /* @__PURE__ */ o.jsxs(
+    i,
+    {
+      width: c,
+      height: a,
+      direction: "horizontal",
+      verticalAlign: l ? "top" : "center",
+      gap: r.spacings.spacingInset.spacingInsetXs,
+      padding: r.spacings.spacingInline.spacingInlineSm,
+      backgroundColor: (u = s == null ? void 0 : s[e]) == null ? void 0 : u.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(f, { children: /* @__PURE__ */ o.jsx(m, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: s == null ? void 0 : s[e].icon }),
+        /* @__PURE__ */ o.jsxs(i, { width: "100%", flex: "1", height: "100%", children: [
+          /* @__PURE__ */ o.jsx(I, { children: l }),
+          /* @__PURE__ */ o.jsx(w, { children: t })
+        ] }),
+        h && /* @__PURE__ */ o.jsx(i, { children: /* @__PURE__ */ o.jsx(
+          E,
+          {
+            color: r.colors.neutralColors.colorNeutralCloudy,
+            cursor: "pointer",
+            onClick: C,
+            height: "20px",
+            width: "20px"
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ o.jsx(o.Fragment, {}) });
+}, v = ({
+  label: c,
+  labelRender: a,
+  infoProps: e = {},
+  withInfo: l = !0,
+  flex: t,
+  width: d = "100%",
+  isRequired: x = !1
+}) => {
+  const n = {
+    tooltipProps: {
+      position: "top",
+      ...e == null ? void 0 : e.tooltipProps,
+      size: "Small"
+    }
+  };
+  return /* @__PURE__ */ o.jsxs(i, { width: d, direction: "horizontal", gap: "4px", flex: t, children: [
+    a ?? /* @__PURE__ */ o.jsxs(S, { children: [
+      c,
+      " ",
+      x ? /* @__PURE__ */ o.jsx(R, { children: "*" }) : null
+    ] }),
+    l && /* @__PURE__ */ o.jsx(D, { ...n })
+  ] });
+}, $ = ({
+  width: c = "100%",
+  flex: a,
+  label: e = "Obrigatório",
+  margin: l = "0 0 16px 0"
+}) => /* @__PURE__ */ o.jsx(i, { width: c, flex: a, customStyles: { margin: l }, children: /* @__PURE__ */ o.jsx(L, { children: `* ${e}` }) });
+export {
+  W as A,
+  v as L,
+  $ as R
+};

package/dist/RequiredLabel.view-DRKx7lq3.cjs

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