@ufal-lccv/gpsub-ds 0.0.22 → 0.0.23-alpha-1

package/README.md

@@ -1,31 +1,31 @@
-# gpsub-ds
-
-Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
-
-## Atomic Design
-
-Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
-
-### Atoms
-
-Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
-
-### Molecules
-
-Uma molécula é um grupo de átomos.
-
-### Organisms
-
-Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
-
-### Pages
-
-Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
-
-### Templates
-
-Um template é um layout para ser usado em páginas.
-
-## Do not worry!
-
-Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.
+# gpsub-ds
+
+Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
+
+## Atomic Design
+
+Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
+
+### Atoms
+
+Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
+
+### Molecules
+
+Uma molécula é um grupo de átomos.
+
+### Organisms
+
+Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
+
+### Pages
+
+Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
+
+### Templates
+
+Um template é um layout para ser usado em páginas.
+
+## Do not worry!
+
+Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.

package/dist/{RequiredLabel.view-DXN5uPK2.js → RequiredLabel.view-BDLanjeI.js}

@@ -1,20 +1,20 @@
-import { l as o, m as k, n as j, o as F, b as n, p as m, W as f, q as I, r as w, t as E, u as S, v as R, I as L, w as _ } from "./Tooltip.view-ZTmLiut5.js";
-import { useState as A } from "react";
+import { m as o, w as k, x as j, o as F, b as n, y as m, W as f, z as I, D as w, G as E, H as S, J as R, I as D, K as L } from "./Tooltip.view-DXp_JUAk.js";
+import { useState as _ } from "react";
 import { sg as r } from "sbwb-ds";
 import "sbwb-ds-latest";
-const v = ({
+const $ = ({
   width: c = "100%",
   height: a = "fit-content",
   type: e,
   title: l,
   message: t,
   margin: d,
-  open: u = !0,
+  open: x = !0,
   onClose: i,
   canClose: h = !0
 }) => {
-  var x, b;
-  const [p, g] = A(u), s = {
+  var b, u;
+  const [p, g] = _(x), s = {
     info: {
       backgroundColor: "#D5EBFD",
       borderColor: r.colors.feedbackColors.colorFeedbackInfo,
@@ -68,9 +68,9 @@ const v = ({
       verticalAlign: l ? "top" : "center",
       gap: r.spacings.spacingInset.spacingInsetXs,
       padding: r.spacings.spacingInline.spacingInlineSm,
-      backgroundColor: (x = s == null ? void 0 : s[e]) == null ? void 0 : x.backgroundColor,
+      backgroundColor: (b = s == null ? void 0 : s[e]) == null ? void 0 : b.backgroundColor,
       customStyles: {
-        border: `1px solid ${(b = s == null ? void 0 : s[e]) == null ? void 0 : b.borderColor}`,
+        border: `1px solid ${(u = s == null ? void 0 : s[e]) == null ? void 0 : u.borderColor}`,
         borderRadius: r.borders.borderRadius.borderRadiusSm,
         margin: d,
         position: "relative"
@@ -94,14 +94,14 @@ const v = ({
       ]
     }
   ) : /* @__PURE__ */ o.jsx(o.Fragment, {}) });
-}, z = ({
+}, q = ({
   label: c,
   labelRender: a,
   infoProps: e = {},
   withInfo: l = !0,
   flex: t,
   width: d = "100%",
-  isRequired: u = !1
+  isRequired: x = !1
 }) => {
   const i = {
     tooltipProps: {
@@ -114,18 +114,18 @@ const v = ({
     a ?? /* @__PURE__ */ o.jsxs(S, { children: [
       c,
       " ",
-      u ? /* @__PURE__ */ o.jsx(R, { children: "*" }) : null
+      x ? /* @__PURE__ */ o.jsx(R, { children: "*" }) : null
     ] }),
-    l && /* @__PURE__ */ o.jsx(L, { ...i })
+    l && /* @__PURE__ */ o.jsx(D, { ...i })
   ] });
-}, $ = ({
+}, v = ({
   width: c = "100%",
   flex: a,
   label: e = "Obrigatório",
   margin: l = "0 0 16px 0"
-}) => /* @__PURE__ */ o.jsx(n, { width: c, flex: a, customStyles: { margin: l }, children: /* @__PURE__ */ o.jsx(_, { children: `* ${e}` }) });
+}) => /* @__PURE__ */ o.jsx(n, { width: c, flex: a, customStyles: { margin: l }, children: /* @__PURE__ */ o.jsx(L, { children: `* ${e}` }) });
 export {
-  v as A,
-  z as L,
-  $ as R
+  $ as A,
+  q as L,
+  v as R
 };

package/dist/{RequiredLabel.view-BxGOZl_G.cjs → RequiredLabel.view-C-eQ4uqx.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./Tooltip.view-CAXE23gx.cjs"),h=require("react"),e=require("sbwb-ds");require("sbwb-ds-latest");const 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,{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;
+"use strict";const r=require("./Tooltip.view-CoRsYgPx.cjs"),h=require("react"),e=require("sbwb-ds");require("sbwb-ds-latest");const 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;

package/dist/{Table.view-qhca9qPp.cjs → Table.view-Cv1DHK6l.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("./Tooltip.view-CAXE23gx.cjs"),g=require("react"),t=require("sbwb-ds");require("sbwb-ds-latest");const F=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form"),ee=350,ae=({title:e,children:n,endAdornment:i=null,marginBottom:s="16px",customStyles:l={},wrapperCustomStyles:c={},animationContainerCustomStyles:a={},hideAdornmentOnCollapse:h=!1,maxHeight:m="none",height:p="fit-content"})=>{const[u,f]=g.useState(!1),[b,E]=g.useState(!0);g.useEffect(()=>{if(h)if(u){const w=setTimeout(()=>E(!1),ee);return()=>clearTimeout(w)}else E(!0)},[u,h]);const x=h&&!b?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:c,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!0,marginBottom:s,collapse:{collapsed:u,setCollapsed:f},endAdornment:x,customStyles:l}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",height:p,customStyles:{...a,maxHeight:u?"0":m,transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,l,c,a,h;n==null&&(n=100);function m(){var u=Date.now()-a;u<n&&u>=0?s=setTimeout(m,n-u):(s=null,i||(h=e.apply(c,l),c=l=null))}var p=function(){c=this,l=arguments,a=Date.now();var u=i&&!s;return s||(s=setTimeout(m,n)),u&&(h=e.apply(c,l),c=l=null),h};return p.clear=function(){s&&(clearTimeout(s),s=null)},p.flush=function(){s&&(h=e.apply(c,l),c=l=null,clearTimeout(s),s=null)},p}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const l=g.useCallback(()=>{e.trigger(n)},[e,n]),c=g.useMemo(()=>de(()=>l(),s),[l,s]),a=g.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),h=g.useMemo(()=>["all","onBlur"].includes(i)?l:null,[i]);return g.useMemo(()=>({onChangeTrigger:a,onBlurTrigger:h}),[a,h])}const ge=({form:e,name:n,label:i,options:s,readonly:l=!1,disabled:c=!1,optionsMap:a,width:h="100%",flex:m,placeholder:p,onSelect:u,parser:f,filter:b,tooltipProps:E={},infoProps:x={},maxHeigthMenu:w,isRequired:R=!1,onRemoveSelected:H,triggerFormField:C=null,displayText:W,...v})=>{const{onChangeTrigger:k}=Z({form:e,fieldName:n,triggerType:C,debounceTime:0}),O={position:"top",...E},L={...x,tooltipProps:{position:"top",maxWidth:"300px",...x==null?void 0:x.tooltipProps}},T=(y,I)=>{let A=y;f&&(A=f==null?void 0:f(y)),I(A),u==null||u(A),k==null||k()},$=g.useMemo(()=>F.valuable(a)?a:Object.fromEntries(s.map(y=>[y.value,y])),[s,a]);return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:m,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:y,value:I},fieldState:{error:A=null}})=>{let j=$[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:l,filter:b,errorMessage:A==null?void 0:A.message,placeholder:p,value:j,handleOption:d=>{T(d.value,y)},tooltipProps:O,options:s,maxHeigthMenu:w,infoProps:L,maxHeightMenu:w,isRequired:R,onRemoveSelected:H,displayText:W,...v})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:l=!1,width:c="100%",height:a="100%",flex:h,placeholder:m,charactersCounter:p=!0,maxlength:u=1e3,resize:f=!0,triggerFormField:b=null,minHeight:E,maxHeight:x,...w})=>{const{onChangeTrigger:R}=Z({form:e,fieldName:n,triggerType:b}),H=(C,W)=>{W(C),R==null||R()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:h,height:a,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:C,value:W},fieldState:{error:v=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:l,readonly:s,height:a,minHeight:E,maxHeight:x,errorMessage:v==null?void 0:v.message,placeholder:m,onChange:k=>H(k.target.value,C),charactersCounter:p,maxlength:u,size:"Small",resize:f,...w})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:l=!1,disabled:c=!1,afterCheck:a,width:h="100%",formatter:m,parser:p,flex:u,size:f="Medium",triggerFormField:b=null,...E})=>{const{onChangeTrigger:x}=Z({form:e,fieldName:n,triggerType:b,debounceTime:0}),w=(R,H)=>{H(R),a==null||a(R),x==null||x()};return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:u,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:R,value:H},fieldState:{error:C=null}})=>{const W=C==null?void 0:C.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(m==null?void 0:m(H))??H,name:n,label:s,disabled:c||l,onChange:v=>{w((p==null?void 0:p(v.target.checked,H))??v.target.checked,R)},size:f,...E})}})})},fe=o.qe.ul`
+"use strict";const o=require("./Tooltip.view-CoRsYgPx.cjs"),g=require("react"),t=require("sbwb-ds");require("sbwb-ds-latest");const F=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form"),ee=350,ae=({title:e,children:n,endAdornment:i=null,marginBottom:s="16px",customStyles:l={},wrapperCustomStyles:c={},animationContainerCustomStyles:a={},hideAdornmentOnCollapse:h=!1,maxHeight:m="none",height:p="fit-content"})=>{const[u,f]=g.useState(!1),[b,E]=g.useState(!0);g.useEffect(()=>{if(h)if(u){const w=setTimeout(()=>E(!1),ee);return()=>clearTimeout(w)}else E(!0)},[u,h]);const x=h&&!b?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:c,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!0,marginBottom:s,collapse:{collapsed:u,setCollapsed:f},endAdornment:x,customStyles:l}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",height:p,customStyles:{...a,maxHeight:u?"0":m,transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,l,c,a,h;n==null&&(n=100);function m(){var u=Date.now()-a;u<n&&u>=0?s=setTimeout(m,n-u):(s=null,i||(h=e.apply(c,l),c=l=null))}var p=function(){c=this,l=arguments,a=Date.now();var u=i&&!s;return s||(s=setTimeout(m,n)),u&&(h=e.apply(c,l),c=l=null),h};return p.clear=function(){s&&(clearTimeout(s),s=null)},p.flush=function(){s&&(h=e.apply(c,l),c=l=null,clearTimeout(s),s=null)},p}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const l=g.useCallback(()=>{e.trigger(n)},[e,n]),c=g.useMemo(()=>de(()=>l(),s),[l,s]),a=g.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),h=g.useMemo(()=>["all","onBlur"].includes(i)?l:null,[i]);return g.useMemo(()=>({onChangeTrigger:a,onBlurTrigger:h}),[a,h])}const ge=({form:e,name:n,label:i,options:s,readonly:l=!1,disabled:c=!1,optionsMap:a,width:h="100%",flex:m,placeholder:p,onSelect:u,parser:f,filter:b,tooltipProps:E={},infoProps:x={},maxHeigthMenu:w,isRequired:R=!1,onRemoveSelected:H,triggerFormField:C=null,displayText:W,...v})=>{const{onChangeTrigger:k}=Z({form:e,fieldName:n,triggerType:C,debounceTime:0}),O={position:"top",...E},L={...x,tooltipProps:{position:"top",maxWidth:"300px",...x==null?void 0:x.tooltipProps}},T=(y,I)=>{let A=y;f&&(A=f==null?void 0:f(y)),I(A),u==null||u(A),k==null||k()},$=g.useMemo(()=>F.valuable(a)?a:Object.fromEntries(s.map(y=>[y.value,y])),[s,a]);return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:m,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:y,value:I},fieldState:{error:A=null}})=>{let j=$[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:l,filter:b,errorMessage:A==null?void 0:A.message,placeholder:p,value:j,handleOption:d=>{T(d.value,y)},tooltipProps:O,options:s,maxHeigthMenu:w,infoProps:L,maxHeightMenu:w,isRequired:R,onRemoveSelected:H,displayText:W,...v})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:l=!1,width:c="100%",height:a="100%",flex:h,placeholder:m,charactersCounter:p=!0,maxlength:u=1e3,resize:f=!0,triggerFormField:b=null,minHeight:E,maxHeight:x,...w})=>{const{onChangeTrigger:R}=Z({form:e,fieldName:n,triggerType:b}),H=(C,W)=>{W(C),R==null||R()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:h,height:a,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:C,value:W},fieldState:{error:v=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:l,readonly:s,height:a,minHeight:E,maxHeight:x,errorMessage:v==null?void 0:v.message,placeholder:m,onChange:k=>H(k.target.value,C),charactersCounter:p,maxlength:u,size:"Small",resize:f,...w})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:l=!1,disabled:c=!1,afterCheck:a,width:h="100%",formatter:m,parser:p,flex:u,size:f="Medium",triggerFormField:b=null,...E})=>{const{onChangeTrigger:x}=Z({form:e,fieldName:n,triggerType:b,debounceTime:0}),w=(R,H)=>{H(R),a==null||a(R),x==null||x()};return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:u,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:R,value:H},fieldState:{error:C=null}})=>{const W=C==null?void 0:C.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(m==null?void 0:m(H))??H,name:n,label:s,disabled:c||l,onChange:v=>{w((p==null?void 0:p(v.target.checked,H))??v.target.checked,R)},size:f,...E})}})})},fe=o.qe.ul`
   ${F.resetStyles}
   position: fixed;
   margin-top: ${({marginTop:e})=>e};

package/dist/{Table.view-CaOutm0A.js → Table.view-D8G3WlLF.js}

@@ -1,6 +1,6 @@
-import { l as n, b as _, i as ce, P as xe, j as we, C as ye, Q as x, U as M, s as Ce, T as fe, S as ke, I as ze, V as Be, E as ue } from "./Tooltip.view-ZTmLiut5.js";
-import je, { useState as P, useEffect as Z, useCallback as he, useMemo as V, useRef as U, forwardRef as ge, isValidElement as se, useLayoutEffect as Ne } from "react";
-import { sg as o, Icon as Y } from "sbwb-ds";
+import { m as n, b as _, j as ce, N as xe, k as we, C as ye, O as x, P as M, s as Ce, T as fe, S as ke, I as ze, Q as Be, E as ue } from "./Tooltip.view-DXp_JUAk.js";
+import je, { useState as P, useEffect as Z, useCallback as he, useMemo as Y, useRef as U, forwardRef as ge, isValidElement as se, useLayoutEffect as Ne } from "react";
+import { sg as o, Icon as V } from "sbwb-ds";
 import "sbwb-ds-latest";
 import { v as G, r as q, b as We } from "./index-_v6RoRxb.js";
 import { Controller as re } from "react-hook-form";
@@ -99,17 +99,17 @@ function le({
 }) {
   const s = he(() => {
     e.trigger(t);
-  }, [e, t]), d = V(
+  }, [e, t]), d = Y(
     () => ve(() => s(), l),
     [s, l]
-  ), a = V(
+  ), a = Y(
     () => ["all", "onChange"].includes(i) ? d : null,
     [d, i]
-  ), h = V(
+  ), h = Y(
     () => ["all", "onBlur"].includes(i) ? s : null,
     [i]
   );
-  return V(
+  return Y(
     () => ({
       onChangeTrigger: a,
       onBlurTrigger: h
@@ -158,7 +158,7 @@ const Co = ({
   }, T = (y, v) => {
     let E = y;
     u && (E = u == null ? void 0 : u(y)), v(E), f == null || f(E), B == null || B();
-  }, b = V(() => G(a) ? a : Object.fromEntries(l.map((y) => [y.value, y])), [l, a]);
+  }, b = Y(() => G(a) ? a : Object.fromEntries(l.map((y) => [y.value, y])), [l, a]);
   return /* @__PURE__ */ n.jsx(_, { width: h, flex: m, children: /* @__PURE__ */ n.jsx(
     re,
     {
@@ -541,7 +541,7 @@ const ko = ({
           iconPosition: (I = r.tooltipProps) == null ? void 0 : I.position,
           id: `iconContainer-${r.value}`,
           children: /* @__PURE__ */ n.jsx(
-            Y,
+            V,
             {
               iconName: W,
               color: r.disabled ? o.colors.neutralColors.colorNeutralCleanest : y(r) ? o.colors.brandColors.colorBrandSoft : $ ?? o.colors.neutralColors.colorNeutralDark
@@ -701,7 +701,7 @@ const Oe = ({
             t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(ke, { size: "auto", direction: "horizontal" }),
               /* @__PURE__ */ n.jsx(
-                Y,
+                V,
                 {
                   iconName: t,
                   onClick: () => i == null ? void 0 : i(),
@@ -852,7 +852,7 @@ const Xe = x.div`
   o.fonts.fontSize.fontSizeBodyMd
 )};
   color: ${o.colors.neutralColors.colorNeutralDark};
-`, Ve = x.label`
+`, Ye = x.label`
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -869,7 +869,7 @@ x.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `;
-const Ye = x.p`
+const Ve = x.p`
   display: inline-block;
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -968,14 +968,14 @@ const Ye = x.p`
       ...z,
       size: a
     }, K = /* @__PURE__ */ n.jsx(
-      Y,
+      V,
       {
         iconName: `Close${a === "Small" ? "Sm" : "Ant"}`,
         onClick: (Q) => {
           Q.stopPropagation(), R(e);
         }
       }
-    ), te = /* @__PURE__ */ n.jsx(Y, { iconName: `ExpandLess${a === "Small" ? "Sm" : "Ant"}` }), be = /* @__PURE__ */ n.jsx(Y, { iconName: `ExpandMore${a === "Small" ? "Sm" : "Ant"}` });
+    ), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${a === "Small" ? "Sm" : "Ant"}` }), be = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandMore${a === "Small" ? "Sm" : "Ant"}` });
     return /* @__PURE__ */ n.jsxs(
       Xe,
       {
@@ -988,7 +988,7 @@ const Ye = x.p`
           d && /* @__PURE__ */ n.jsxs(Je, { children: [
             /* @__PURE__ */ n.jsxs(Qe, { "data-testid": "label", ref: J, children: [
               d,
-              k && !m ? /* @__PURE__ */ n.jsx(Ve, { children: " *" }) : null
+              k && !m ? /* @__PURE__ */ n.jsx(Ye, { children: " *" }) : null
             ] }),
             ((D == null ? void 0 : D.message) || (D == null ? void 0 : D.render)) && /* @__PURE__ */ n.jsx(ze, { ...D })
           ] }),
@@ -1057,7 +1057,7 @@ const Ye = x.p`
               ]
             }
           ) }),
-          p && /* @__PURE__ */ n.jsx(Ye, { size: a, children: p })
+          p && /* @__PURE__ */ n.jsx(Ve, { size: a, children: p })
         ]
       }
     );
@@ -1250,7 +1250,7 @@ const to = x.div`
             id: `button-component-${e}`,
             children: [
               d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: s, variant: t, children: /* @__PURE__ */ n.jsx(
-                Y,
+                V,
                 {
                   iconName: `ProgressActivity${l === "Small" ? "Ant" : "Sm"}`,
                   color: z,
@@ -1259,14 +1259,14 @@ const to = x.div`
               ) }),
               !d && /* @__PURE__ */ n.jsx("p", { title: e, children: e }),
               !d && ($ ? /* @__PURE__ */ n.jsx(
-                Y,
+                V,
                 {
                   iconName: `ExpandLess${l === "Small" ? "Ant" : "Sm"}`,
                   color: z,
                   "data-testid": "icon-button-less"
                 }
               ) : /* @__PURE__ */ n.jsx(
-                Y,
+                V,
                 {
                   iconName: `ExpandMore${l === "Small" ? "Ant" : "Sm"}`,
                   color: z,
@@ -1614,7 +1614,7 @@ function jo({
   striped: g = !1,
   borderRadius: w = o.borders.borderRadius.borderRadiusSm
 }) {
-  const z = V(() => mo(t), [t]), [L, k] = P(null), R = U(null), H = U(null), [B, J] = P(a);
+  const z = Y(() => mo(t), [t]), [L, k] = P(null), R = U(null), H = U(null), [B, J] = P(a);
   Ne(() => {
     if (!H.current || a.length === 0) {
       J(a);
@@ -1672,9 +1672,9 @@ function jo({
       document.removeEventListener("mousedown", b);
     };
   }, []);
-  const A = V(() => B ? B.some(
+  const A = Y(() => B ? B.some(
     (b) => b.mergeHeaderId && b.mergeHeaderLabel
-  ) : !1, [B]), T = V(() => {
+  ) : !1, [B]), T = Y(() => {
     var E, C;
     if (u || !B || B.length === 0)
       return null;

package/dist/Title.view-DFAx8FpE.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./Tooltip.view-CoRsYgPx.cjs"),j=require("sbwb-ds"),a=require("react"),h=require("./index-BcwQwoIM.cjs"),p=({message:e})=>t.jsxRuntimeExports.jsxs(t.ErrorMessage,{children:[t.jsxRuntimeExports.jsx(t.InfoFill_default,{color:j.sg.colors.feedbackColors.colorFeedbackError}),e]}),w=({id:e,label:c,size:o="Medium",disabled:r=!1,onChange:x,checked:s})=>{const[n,u]=a.useState(s??!1);return a.useEffect(()=>{u(i=>s??!i)},[s]),t.jsxRuntimeExports.jsxs(t.SwitchContainer,{id:`switch-${e}`,"data-testid":"switch-component",children:[t.jsxRuntimeExports.jsxs(t.SwitchWrapper,{size:o,disabled:r,checked:s??n,"data-testid":"switch-wrapper",children:[t.jsxRuntimeExports.jsx(t.SwitchToggle,{type:"checkbox",disabled:r,checked:s??n,"data-testid":"switch-toggle",onChange:i=>{const{target:{checked:l}}=i;h.valuable(l)&&u(l),x==null||x(i)}}),t.jsxRuntimeExports.jsx(t.SwitchButton,{disabled:r,size:o})]}),t.jsxRuntimeExports.jsx(t.SwitchLabel,{size:o,disabled:r,children:c})]})},E=({text:e,color:c})=>t.jsxRuntimeExports.jsx(t.Title,{color:c,children:e});exports.ErrorMessage=p;exports.Switch=w;exports.Title=E;

package/dist/Title.view-DMNyrCrH.js

@@ -0,0 +1,54 @@
+import { m as t, n as p, o as f, p as m, q as u, r as x, t as d, u as w, v as S } from "./Tooltip.view-DXp_JUAk.js";
+import { sg as j } from "sbwb-ds";
+import { useState as E, useEffect as g } from "react";
+import { v as k } from "./index-_v6RoRxb.js";
+const b = ({ message: s }) => /* @__PURE__ */ t.jsxs(p, { children: [
+  /* @__PURE__ */ t.jsx(f, { color: j.colors.feedbackColors.colorFeedbackError }),
+  s
+] }), F = ({
+  id: s,
+  label: a,
+  size: c = "Medium",
+  disabled: e = !1,
+  onChange: i,
+  checked: r
+}) => {
+  const [l, h] = E(r ?? !1);
+  return g(() => {
+    h((o) => r ?? !o);
+  }, [r]), /* @__PURE__ */ t.jsxs(m, { id: `switch-${s}`, "data-testid": "switch-component", children: [
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        size: c,
+        disabled: e,
+        checked: r ?? l,
+        "data-testid": "switch-wrapper",
+        children: [
+          /* @__PURE__ */ t.jsx(
+            x,
+            {
+              type: "checkbox",
+              disabled: e,
+              checked: r ?? l,
+              "data-testid": "switch-toggle",
+              onChange: (o) => {
+                const {
+                  target: { checked: n }
+                } = o;
+                k(n) && h(n), i == null || i(o);
+              }
+            }
+          ),
+          /* @__PURE__ */ t.jsx(d, { disabled: e, size: c })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(w, { size: c, disabled: e, children: a })
+  ] });
+}, q = ({ text: s, color: a }) => /* @__PURE__ */ t.jsx(S, { color: a, children: s });
+export {
+  b as E,
+  F as S,
+  q as T
+};