@ufal-lccv/gpsub-ds 0.0.5 → 0.0.6-alpha-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -31
- package/dist/{Checkbox.view-0u3rSqMa.cjs → Checkbox.view-CDJhnIP4.cjs} +4 -8
- package/dist/{Checkbox.view-DYht1CER.js → Checkbox.view-DEBTcr4E.js} +4 -8
- package/dist/{RequiredLabel.view-kxn4QDDK.cjs → RequiredLabel.view-CV4twgie.cjs} +1 -1
- package/dist/{RequiredLabel.view-CDDl5DoF.js → RequiredLabel.view-DeP7ncq9.js} +1 -1
- package/dist/{Table.view-hLZc_Vum.js → Table.view-DvQLVQpE.js} +73 -72
- package/dist/{Table.view-BsFLr6hO.cjs → Table.view-LmJArBb-.cjs} +2 -2
- package/dist/{Title.view-DcxnG8kT.cjs → Title.view-CX_Y7KM1.cjs} +1 -1
- package/dist/{Title.view-D5gtMnXH.js → Title.view-DK7iD7P1.js} +1 -1
- package/dist/components/atoms/index.cjs.js +1 -1
- package/dist/components/atoms/index.es.js +2 -2
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +4 -4
- package/dist/components/molecules/index.cjs.js +1 -1
- package/dist/components/molecules/index.es.js +2 -2
- package/dist/components/organisms/CollapseSection/CollapseSection.view.d.ts +2 -1
- package/dist/components/organisms/Form/CheckboxField.view.d.ts +1 -1
- package/dist/components/organisms/index.cjs.js +1 -1
- package/dist/components/organisms/index.es.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +4 -4
- package/package.json +119 -119
package/README.md
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
# gpsub-ds
|
|
2
|
-
|
|
3
|
-
Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
|
|
4
|
-
|
|
5
|
-
## Atomic Design
|
|
6
|
-
|
|
7
|
-
Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
|
|
8
|
-
|
|
9
|
-
### Atoms
|
|
10
|
-
|
|
11
|
-
Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
|
|
12
|
-
|
|
13
|
-
### Molecules
|
|
14
|
-
|
|
15
|
-
Uma molécula é um grupo de átomos.
|
|
16
|
-
|
|
17
|
-
### Organisms
|
|
18
|
-
|
|
19
|
-
Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
|
|
20
|
-
|
|
21
|
-
### Pages
|
|
22
|
-
|
|
23
|
-
Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
|
|
24
|
-
|
|
25
|
-
### Templates
|
|
26
|
-
|
|
27
|
-
Um template é um layout para ser usado em páginas.
|
|
28
|
-
|
|
29
|
-
## Do not worry!
|
|
30
|
-
|
|
31
|
-
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`.
|
|
1
|
+
# gpsub-ds
|
|
2
|
+
|
|
3
|
+
Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
|
|
4
|
+
|
|
5
|
+
## Atomic Design
|
|
6
|
+
|
|
7
|
+
Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
|
|
8
|
+
|
|
9
|
+
### Atoms
|
|
10
|
+
|
|
11
|
+
Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
|
|
12
|
+
|
|
13
|
+
### Molecules
|
|
14
|
+
|
|
15
|
+
Uma molécula é um grupo de átomos.
|
|
16
|
+
|
|
17
|
+
### Organisms
|
|
18
|
+
|
|
19
|
+
Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
|
|
20
|
+
|
|
21
|
+
### Pages
|
|
22
|
+
|
|
23
|
+
Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
|
|
24
|
+
|
|
25
|
+
### Templates
|
|
26
|
+
|
|
27
|
+
Um template é um layout para ser usado em páginas.
|
|
28
|
+
|
|
29
|
+
## Do not worry!
|
|
30
|
+
|
|
31
|
+
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`.
|
|
@@ -341,17 +341,13 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
341
341
|
display: flex;
|
|
342
342
|
align-items: center;
|
|
343
343
|
justify-content: center;
|
|
344
|
-
cursor: ${({disabled:e})=>e?"
|
|
344
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
345
345
|
position: relative;
|
|
346
346
|
transition: all 0.3s ease;
|
|
347
347
|
border-radius: ${({buttonType:e})=>e==="primary"?t.sg.borders.borderRadius.borderRadiusSm:t.sg.borders.borderRadius.borderExtraSmall};
|
|
348
348
|
padding: ${({buttonType:e})=>e==="primary"?t.sg.spacings.spacingInset.spacingInsetNano:"auto"};
|
|
349
349
|
border: ${({buttonType:e})=>e==="secondary"?"none":void 0};
|
|
350
350
|
|
|
351
|
-
&:disabled {
|
|
352
|
-
pointer-events: none;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
351
|
& > .default-icon,
|
|
356
352
|
& > .selected-icon {
|
|
357
353
|
height: ${({sizeProp:e})=>dt(e)};
|
|
@@ -450,7 +446,6 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
450
446
|
height: ${dt(r)} !important;
|
|
451
447
|
width: ${dt(r)} !important;
|
|
452
448
|
}
|
|
453
|
-
cursor: not-allowed;
|
|
454
449
|
`}
|
|
455
450
|
`,ei=E.button`
|
|
456
451
|
${Xn}
|
|
@@ -1351,6 +1346,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
1351
1346
|
position: relative;
|
|
1352
1347
|
width: ${({width:e})=>e};
|
|
1353
1348
|
height: ${({size:e})=>e==="Medium"?"2rem":"1.6rem"};
|
|
1349
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1354
1350
|
`,ot=E.input`
|
|
1355
1351
|
font-size: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1356
1352
|
accent-color: ${t.sg.colors.brandColors.colorBrandSoft};
|
|
@@ -1366,7 +1362,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
1366
1362
|
margin-left: ${({size:e})=>e==="Small"?"1.55rem":"2.3rem"};
|
|
1367
1363
|
|
|
1368
1364
|
&:hover {
|
|
1369
|
-
cursor: ${({disabled:e})=>e?"
|
|
1365
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1370
1366
|
}
|
|
1371
1367
|
`,As=E.div`
|
|
1372
1368
|
width: fit-content;
|
|
@@ -1414,4 +1410,4 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
1414
1410
|
fill: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralClean:t.sg.colors.neutralColors.colorNeutralDark};
|
|
1415
1411
|
}
|
|
1416
1412
|
}
|
|
1417
|
-
`,Hr=A.forwardRef(({id:e,label:o,size:r="Medium",value:n,name:i,disabled:c=!1,width:l="100%",variant:u="Selected",onChange:f,gridRow:h,gridColumn:p,checked:m,checkColor:b="Default",...$},y)=>{const a=A.useRef(null);return d.jsx(Ts,{width:l,size:r,children:d.jsxs(Ns,{htmlFor:`Checkbox-${o||e}`,disabled:c,size:r,"data-testid":"checkbox-label",children:[d.jsx(ot,{type:"checkbox",disabled:c,id:`Checkbox-${o||e}`,size:r,"data-testid":"checkbox",value:n,checked:m,name:i,onChange:f,gridRow:h,gridColumn:p,...$,ref:v=>{a.current=v,typeof y=="function"?y(v):y&&(y.current=v)}}),d.jsx(As,{size:r,disabled:c,checkColor:b,children:u==="Selected"?d.jsx(t.Icon,{iconName:`CheckBoxFill1${r==="Small"?"Ant":"Sm"}`}):d.jsx(t.Icon,{iconName:`CheckboxLess${r==="Small"?"Ant":"Sm"}`})}),d.jsx(Ps,{size:r,disabled:c,children:d.jsx(t.Icon,{iconName:`CheckBoxOutlineBlankFill0${r==="Small"?"Ant":"Sm"}`})}),o]})})});Hr.displayName="Checkbox";exports.ActionButton=Nr;exports.Ae=z;exports.Badge=It;exports.Button=tt;exports.Checkbox=Hr;exports.ConfirmButton=Ar;exports.ConfirmModal=Mt;exports.Container=we;exports.ContainerWarning=oi;exports.Empty=Pr;exports.ErrorMessage=Ln;exports.FrameView=jr;exports.Info=Bt;exports.InfoFill_default=Ft;exports.Input=Or;exports.Label=zr;exports.Label$1=Wi;exports.Label$2=is;exports.Loading=Ir;exports.LoadingBar=Tr;exports.Message=ri;exports.Modal=Dt;exports.Radio=Br;exports.Required=Hi;exports.SectionTitle=Mr;exports.Spacer=Fe;exports.SwitchButton=Dr;exports.SwitchContainer=Ss;exports.SwitchLabel=xs;exports.SwitchToggle=Cs;exports.SwitchWrapper=bs;exports.Textarea=Lr;exports.Title=$s;exports.Title$1=ti;exports.Tooltip=Ie;exports.WarningFill_default=Mn;exports.We=Be;exports.getDefaultExportFromCjs=mr;exports.index=_s;exports.jsxRuntimeExports=d;exports.qe=E;exports.showConfirm=ht;exports.showModal=Fr;
|
|
1413
|
+
`,Hr=A.forwardRef(({id:e,label:o,size:r="Medium",value:n,name:i,disabled:c=!1,width:l="100%",variant:u="Selected",onChange:f,gridRow:h,gridColumn:p,checked:m,checkColor:b="Default",...$},y)=>{const a=A.useRef(null);return d.jsx(Ts,{width:l,size:r,disabled:c,children:d.jsxs(Ns,{htmlFor:`Checkbox-${o||e}`,disabled:c,size:r,"data-testid":"checkbox-label",children:[d.jsx(ot,{type:"checkbox",disabled:c,id:`Checkbox-${o||e}`,size:r,"data-testid":"checkbox",value:n,checked:m,name:i,onChange:f,gridRow:h,gridColumn:p,...$,ref:v=>{a.current=v,typeof y=="function"?y(v):y&&(y.current=v)}}),d.jsx(As,{size:r,disabled:c,checkColor:b,children:u==="Selected"?d.jsx(t.Icon,{iconName:`CheckBoxFill1${r==="Small"?"Ant":"Sm"}`}):d.jsx(t.Icon,{iconName:`CheckboxLess${r==="Small"?"Ant":"Sm"}`})}),d.jsx(Ps,{size:r,disabled:c,children:d.jsx(t.Icon,{iconName:`CheckBoxOutlineBlankFill0${r==="Small"?"Ant":"Sm"}`})}),o]})})});Hr.displayName="Checkbox";exports.ActionButton=Nr;exports.Ae=z;exports.Badge=It;exports.Button=tt;exports.Checkbox=Hr;exports.ConfirmButton=Ar;exports.ConfirmModal=Mt;exports.Container=we;exports.ContainerWarning=oi;exports.Empty=Pr;exports.ErrorMessage=Ln;exports.FrameView=jr;exports.Info=Bt;exports.InfoFill_default=Ft;exports.Input=Or;exports.Label=zr;exports.Label$1=Wi;exports.Label$2=is;exports.Loading=Ir;exports.LoadingBar=Tr;exports.Message=ri;exports.Modal=Dt;exports.Radio=Br;exports.Required=Hi;exports.SectionTitle=Mr;exports.Spacer=Fe;exports.SwitchButton=Dr;exports.SwitchContainer=Ss;exports.SwitchLabel=xs;exports.SwitchToggle=Cs;exports.SwitchWrapper=bs;exports.Textarea=Lr;exports.Title=$s;exports.Title$1=ti;exports.Tooltip=Ie;exports.WarningFill_default=Mn;exports.We=Be;exports.getDefaultExportFromCjs=mr;exports.index=_s;exports.jsxRuntimeExports=d;exports.qe=E;exports.showConfirm=ht;exports.showModal=Fr;
|
|
@@ -2661,17 +2661,13 @@ const Hn = E.div`
|
|
|
2661
2661
|
display: flex;
|
|
2662
2662
|
align-items: center;
|
|
2663
2663
|
justify-content: center;
|
|
2664
|
-
cursor: ${({ disabled: e }) => e ? "
|
|
2664
|
+
cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
|
|
2665
2665
|
position: relative;
|
|
2666
2666
|
transition: all 0.3s ease;
|
|
2667
2667
|
border-radius: ${({ buttonType: e }) => e === "primary" ? t.borders.borderRadius.borderRadiusSm : t.borders.borderRadius.borderExtraSmall};
|
|
2668
2668
|
padding: ${({ buttonType: e }) => e === "primary" ? t.spacings.spacingInset.spacingInsetNano : "auto"};
|
|
2669
2669
|
border: ${({ buttonType: e }) => e === "secondary" ? "none" : void 0};
|
|
2670
2670
|
|
|
2671
|
-
&:disabled {
|
|
2672
|
-
pointer-events: none;
|
|
2673
|
-
}
|
|
2674
|
-
|
|
2675
2671
|
& > .default-icon,
|
|
2676
2672
|
& > .selected-icon {
|
|
2677
2673
|
height: ${({ sizeProp: e }) => vt(e)};
|
|
@@ -2777,7 +2773,6 @@ const Hn = E.div`
|
|
|
2777
2773
|
height: ${vt(r)} !important;
|
|
2778
2774
|
width: ${vt(r)} !important;
|
|
2779
2775
|
}
|
|
2780
|
-
cursor: not-allowed;
|
|
2781
2776
|
`}
|
|
2782
2777
|
`, ti = E.button`
|
|
2783
2778
|
${Kn}
|
|
@@ -5357,6 +5352,7 @@ const Ta = E.div`
|
|
|
5357
5352
|
position: relative;
|
|
5358
5353
|
width: ${({ width: e }) => e};
|
|
5359
5354
|
height: ${({ size: e }) => e === "Medium" ? "2rem" : "1.6rem"};
|
|
5355
|
+
cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
|
|
5360
5356
|
`, ct = E.input`
|
|
5361
5357
|
font-size: ${({ size: e }) => e === "Small" ? t.icons.iconSizeSm : t.icons.iconSizeMd};
|
|
5362
5358
|
accent-color: ${t.colors.brandColors.colorBrandSoft};
|
|
@@ -5372,7 +5368,7 @@ const Ta = E.div`
|
|
|
5372
5368
|
margin-left: ${({ size: e }) => e === "Small" ? "1.55rem" : "2.3rem"};
|
|
5373
5369
|
|
|
5374
5370
|
&:hover {
|
|
5375
|
-
cursor: ${({ disabled: e }) => e ? "
|
|
5371
|
+
cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
|
|
5376
5372
|
}
|
|
5377
5373
|
`, Aa = E.div`
|
|
5378
5374
|
width: fit-content;
|
|
@@ -5438,7 +5434,7 @@ const Ta = E.div`
|
|
|
5438
5434
|
...C
|
|
5439
5435
|
}, y) => {
|
|
5440
5436
|
const s = we(null);
|
|
5441
|
-
return /* @__PURE__ */ d.jsx(Ta, { width: l, size: r, children: /* @__PURE__ */ d.jsxs(
|
|
5437
|
+
return /* @__PURE__ */ d.jsx(Ta, { width: l, size: r, disabled: c, children: /* @__PURE__ */ d.jsxs(
|
|
5442
5438
|
Na,
|
|
5443
5439
|
{
|
|
5444
5440
|
htmlFor: `Checkbox-${o || e}`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("./Checkbox.view-
|
|
1
|
+
"use strict";const r=require("./Checkbox.view-CDJhnIP4.cjs"),s=require("sbwb-ds");require("react");const b=({width:i="100%",height:l="auto",type:e,title:n,message:c,margin:a})=>{var t,d,x,u;const o={info:{backgroundColor:"#D5EBFD",borderColor:s.sg.colors.feedbackColors.colorFeedbackInfo,iconName:"InfoFill1Md"},success:{backgroundColor:"#DAF9DB",borderColor:s.sg.colors.feedbackColors.colorFeedbackSuccess,iconName:"CheckCircleFill1Md"},warning:{backgroundColor:"#FEEECF",borderColor:s.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:s.sg.colors.feedbackColors.colorFeedbackError,iconName:"ErrorFill1Md"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:i,height:l,direction:"horizontal",verticalAlign:n?"top":"center",gap:s.sg.spacings.spacingInset.spacingInsetXs,padding:s.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(t=o==null?void 0:o[e])==null?void 0:t.backgroundColor,customStyles:{border:`1px solid ${(d=o==null?void 0:o[e])==null?void 0:d.borderColor}`,borderRadius:s.sg.borders.borderRadius.borderRadiusSm,margin:a},children:[e==="warning"?r.jsxRuntimeExports.jsx(r.ContainerWarning,{children:r.jsxRuntimeExports.jsx(r.WarningFill_default,{width:"20px",height:"20px"})}):r.jsxRuntimeExports.jsx(s.Icon,{iconName:(x=o==null?void 0:o[e])==null?void 0:x.iconName,color:(u=o==null?void 0:o[e])==null?void 0:u.borderColor}),r.jsxRuntimeExports.jsxs(r.Container,{width:"100%",flex:"1",children:[r.jsxRuntimeExports.jsx(r.Title$1,{children:n}),r.jsxRuntimeExports.jsx(r.Message,{children:c})]})]})},p=({label:i,labelRender:l,infoProps:e={},withInfo:n=!0,flex:c,width:a="100%",isRequired:o=!1})=>{const t={tooltipProps:{position:"top",...e==null?void 0:e.tooltipProps,size:"Small"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:a,direction:"horizontal",gap:"4px",flex:c,children:[l??r.jsxRuntimeExports.jsxs(r.Label$1,{children:[i," ",o?r.jsxRuntimeExports.jsx(r.Required,{children:"*"}):null]}),n&&r.jsxRuntimeExports.jsx(r.Info,{...t})]})},j=({width:i="100%",flex:l,label:e="Obrigatório",margin:n="0 0 16px 0"})=>r.jsxRuntimeExports.jsx(r.Container,{width:i,flex:l,customStyles:{margin:n},children:r.jsxRuntimeExports.jsx(r.Label$2,{children:`* ${e}`})});exports.AlertInline=b;exports.LabelField=p;exports.RequiredLabelView=j;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as o, C as c, v as C, W as p, w as g, x as h, y as m, z as k, I as F, D as j } from "./Checkbox.view-
|
|
1
|
+
import { l as o, C as c, v as C, W as p, w as g, x as h, y as m, z as k, I as F, D as j } from "./Checkbox.view-DEBTcr4E.js";
|
|
2
2
|
import { sg as s, Icon as I } from "sbwb-ds";
|
|
3
3
|
import "react";
|
|
4
4
|
const S = ({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { G as $e, l as n, C as J, j as be, c as xe, H as k, J as L, s as we, T as de, i as ce, S as ye, I as Ce, K as ke, E as ze } from "./Checkbox.view-
|
|
1
|
+
import { G as $e, l as n, C as J, j as be, c as xe, H as k, J as L, s as we, T as de, i as ce, S as ye, I as Ce, K as ke, E as ze } from "./Checkbox.view-DEBTcr4E.js";
|
|
2
2
|
import Be, { useCallback as fe, useMemo as Y, useState as O, useRef as Q, useEffect as K, forwardRef as ue, isValidElement as se, useLayoutEffect as We } from "react";
|
|
3
3
|
import { sg as o, Icon as V } from "sbwb-ds";
|
|
4
4
|
import { v as _, r as U, b as je } from "./index-_v6RoRxb.js";
|
|
@@ -7,13 +7,13 @@ function ne(e, t, i) {
|
|
|
7
7
|
var l, c, a, s, h;
|
|
8
8
|
t == null && (t = 100);
|
|
9
9
|
function u() {
|
|
10
|
-
var
|
|
11
|
-
|
|
10
|
+
var m = Date.now() - s;
|
|
11
|
+
m < t && m >= 0 ? l = setTimeout(u, t - m) : (l = null, i || (h = e.apply(a, c), a = c = null));
|
|
12
12
|
}
|
|
13
13
|
var g = function() {
|
|
14
14
|
a = this, c = arguments, s = Date.now();
|
|
15
|
-
var
|
|
16
|
-
return l || (l = setTimeout(u, t)),
|
|
15
|
+
var m = i && !l;
|
|
16
|
+
return l || (l = setTimeout(u, t)), m && (h = e.apply(a, c), a = c = null), h;
|
|
17
17
|
};
|
|
18
18
|
return g.clear = function() {
|
|
19
19
|
l && (clearTimeout(l), l = null);
|
|
@@ -50,7 +50,7 @@ function le({
|
|
|
50
50
|
[s, h]
|
|
51
51
|
);
|
|
52
52
|
}
|
|
53
|
-
const
|
|
53
|
+
const po = ({
|
|
54
54
|
form: e,
|
|
55
55
|
name: t,
|
|
56
56
|
label: i,
|
|
@@ -61,7 +61,7 @@ const mo = ({
|
|
|
61
61
|
width: h = "100%",
|
|
62
62
|
flex: u,
|
|
63
63
|
placeholder: g,
|
|
64
|
-
onSelect:
|
|
64
|
+
onSelect: m,
|
|
65
65
|
parser: f,
|
|
66
66
|
filter: w,
|
|
67
67
|
tooltipProps: H = {},
|
|
@@ -69,14 +69,14 @@ const mo = ({
|
|
|
69
69
|
maxHeigthMenu: j,
|
|
70
70
|
isRequired: C = !1,
|
|
71
71
|
onRemoveSelected: E,
|
|
72
|
-
triggerFormField:
|
|
72
|
+
triggerFormField: p = null,
|
|
73
73
|
displayText: I,
|
|
74
74
|
...v
|
|
75
75
|
}) => {
|
|
76
76
|
const { onChangeTrigger: x } = le({
|
|
77
77
|
form: e,
|
|
78
78
|
fieldName: t,
|
|
79
|
-
triggerType:
|
|
79
|
+
triggerType: p,
|
|
80
80
|
debounceTime: 0
|
|
81
81
|
}), G = {
|
|
82
82
|
position: "top",
|
|
@@ -90,7 +90,7 @@ const mo = ({
|
|
|
90
90
|
}
|
|
91
91
|
}, P = ($, M) => {
|
|
92
92
|
let R = $;
|
|
93
|
-
f && (R = f == null ? void 0 : f($)), M(R),
|
|
93
|
+
f && (R = f == null ? void 0 : f($)), M(R), m == null || m(R), x == null || x();
|
|
94
94
|
}, S = Y(() => _(s) ? s : Object.fromEntries(l.map(($) => [$.value, $])), [l, s]);
|
|
95
95
|
return /* @__PURE__ */ n.jsx(J, { width: h, flex: u, children: /* @__PURE__ */ n.jsx(
|
|
96
96
|
re,
|
|
@@ -142,7 +142,7 @@ const mo = ({
|
|
|
142
142
|
flex: h,
|
|
143
143
|
placeholder: u,
|
|
144
144
|
charactersCounter: g = !0,
|
|
145
|
-
maxlength:
|
|
145
|
+
maxlength: m = 1e3,
|
|
146
146
|
resize: f = !0,
|
|
147
147
|
triggerFormField: w = null,
|
|
148
148
|
minHeight: H,
|
|
@@ -153,8 +153,8 @@ const mo = ({
|
|
|
153
153
|
form: e,
|
|
154
154
|
fieldName: t,
|
|
155
155
|
triggerType: w
|
|
156
|
-
}), E = (
|
|
157
|
-
I(
|
|
156
|
+
}), E = (p, I) => {
|
|
157
|
+
I(p), C == null || C();
|
|
158
158
|
};
|
|
159
159
|
return /* @__PURE__ */ n.jsx(J, { width: a, flex: h, height: s, children: /* @__PURE__ */ n.jsx(
|
|
160
160
|
re,
|
|
@@ -162,7 +162,7 @@ const mo = ({
|
|
|
162
162
|
name: t,
|
|
163
163
|
control: e.control,
|
|
164
164
|
render: ({
|
|
165
|
-
field: { onChange:
|
|
165
|
+
field: { onChange: p, value: I },
|
|
166
166
|
fieldState: { error: v = null }
|
|
167
167
|
}) => /* @__PURE__ */ n.jsx(
|
|
168
168
|
be,
|
|
@@ -177,9 +177,9 @@ const mo = ({
|
|
|
177
177
|
maxHeight: N,
|
|
178
178
|
errorMessage: v == null ? void 0 : v.message,
|
|
179
179
|
placeholder: u,
|
|
180
|
-
onChange: (x) => E(x.target.value,
|
|
180
|
+
onChange: (x) => E(x.target.value, p),
|
|
181
181
|
charactersCounter: g,
|
|
182
|
-
maxlength:
|
|
182
|
+
maxlength: m,
|
|
183
183
|
size: "Small",
|
|
184
184
|
resize: f,
|
|
185
185
|
...j
|
|
@@ -200,7 +200,7 @@ const So = ({
|
|
|
200
200
|
width: h = "100%",
|
|
201
201
|
formatter: u,
|
|
202
202
|
parser: g,
|
|
203
|
-
flex:
|
|
203
|
+
flex: m,
|
|
204
204
|
size: f = "Medium",
|
|
205
205
|
triggerFormField: w = null,
|
|
206
206
|
...H
|
|
@@ -213,16 +213,16 @@ const So = ({
|
|
|
213
213
|
}), j = (C, E) => {
|
|
214
214
|
E(C), s == null || s(C), N == null || N();
|
|
215
215
|
};
|
|
216
|
-
return /* @__PURE__ */ n.jsx(J, { width: h, flex:
|
|
216
|
+
return /* @__PURE__ */ n.jsx(J, { width: h, flex: m, children: /* @__PURE__ */ n.jsx(
|
|
217
217
|
re,
|
|
218
218
|
{
|
|
219
219
|
name: t,
|
|
220
220
|
control: e.control,
|
|
221
221
|
render: ({
|
|
222
222
|
field: { onChange: C, value: E },
|
|
223
|
-
fieldState: { error:
|
|
223
|
+
fieldState: { error: p = null }
|
|
224
224
|
}) => {
|
|
225
|
-
const I =
|
|
225
|
+
const I = p == null ? void 0 : p.message;
|
|
226
226
|
return I && console.log("Error on checkbox!", I), /* @__PURE__ */ n.jsx(
|
|
227
227
|
xe,
|
|
228
228
|
{
|
|
@@ -367,18 +367,18 @@ const So = ({
|
|
|
367
367
|
display: flex;
|
|
368
368
|
align-self: center;
|
|
369
369
|
`, Te = (e, t, i = 0, l = 0, c = "left") => {
|
|
370
|
-
const [a, s] = O(0), [h, u] = O(), g = Q(null),
|
|
370
|
+
const [a, s] = O(0), [h, u] = O(), g = Q(null), m = fe(() => {
|
|
371
371
|
if (!e.current || !g.current) return;
|
|
372
372
|
const f = e.current.getBoundingClientRect(), w = g.current.getBoundingClientRect(), H = window.innerHeight, N = window.innerWidth, j = f.top, C = H - f.bottom, E = C < w.height + l && j > C;
|
|
373
|
-
let
|
|
374
|
-
E ? (
|
|
373
|
+
let p;
|
|
374
|
+
E ? (p = f.top - w.height - i, g.current.style.maxHeight = `${j - i}px`) : (p = f.bottom + l, g.current.style.maxHeight = `${C - l}px`);
|
|
375
375
|
let I = f.left;
|
|
376
376
|
const v = I + w.width - N;
|
|
377
377
|
v > 0 && (I -= v), I < 0 && (I = 0);
|
|
378
378
|
const x = N - f.right;
|
|
379
379
|
Object.assign(g.current.style, {
|
|
380
380
|
position: "fixed",
|
|
381
|
-
top: `${
|
|
381
|
+
top: `${p}px`,
|
|
382
382
|
...c === "left" ? { left: `${I}px` } : { right: `${x}px` },
|
|
383
383
|
width: `${Math.max(f.width, w.width)}px`,
|
|
384
384
|
overflowY: "auto"
|
|
@@ -386,12 +386,12 @@ const So = ({
|
|
|
386
386
|
}, [i, l, c]);
|
|
387
387
|
return K(() => {
|
|
388
388
|
var w;
|
|
389
|
-
s(0), u((w = e.current) == null ? void 0 : w.clientWidth),
|
|
390
|
-
const f = () =>
|
|
389
|
+
s(0), u((w = e.current) == null ? void 0 : w.clientWidth), m();
|
|
390
|
+
const f = () => m();
|
|
391
391
|
return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
|
|
392
392
|
window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
|
|
393
393
|
};
|
|
394
|
-
}, [e,
|
|
394
|
+
}, [e, m]), {
|
|
395
395
|
highlightedIndex: a,
|
|
396
396
|
setHighlightedIndex: s,
|
|
397
397
|
isOptionSelected: (f) => f.label === (t == null ? void 0 : t.label),
|
|
@@ -410,7 +410,7 @@ const So = ({
|
|
|
410
410
|
maxHeightMenu: h = "180px",
|
|
411
411
|
menuIsOpen: u,
|
|
412
412
|
onEnter: g,
|
|
413
|
-
marginTop:
|
|
413
|
+
marginTop: m = "4px",
|
|
414
414
|
iconName: f,
|
|
415
415
|
iconColor: w,
|
|
416
416
|
iconPosition: H,
|
|
@@ -418,7 +418,7 @@ const So = ({
|
|
|
418
418
|
bottomOffset: j = 0,
|
|
419
419
|
truncateText: C = !0,
|
|
420
420
|
menuJustifyContent: E = "flex-start",
|
|
421
|
-
tableActionButton:
|
|
421
|
+
tableActionButton: p,
|
|
422
422
|
menuLateralPadding: I = "8px",
|
|
423
423
|
menuOptionFlexDirection: v = "column",
|
|
424
424
|
confirmSelection: x,
|
|
@@ -487,7 +487,7 @@ const So = ({
|
|
|
487
487
|
return /* @__PURE__ */ n.jsx(
|
|
488
488
|
ve,
|
|
489
489
|
{
|
|
490
|
-
marginTop:
|
|
490
|
+
marginTop: m,
|
|
491
491
|
width: s ?? `${R}px`,
|
|
492
492
|
maxHeight: h,
|
|
493
493
|
height: "fit-content",
|
|
@@ -548,7 +548,7 @@ const So = ({
|
|
|
548
548
|
optionValue: r.value,
|
|
549
549
|
disabled: r.disabled,
|
|
550
550
|
truncateText: C,
|
|
551
|
-
tableActionButton:
|
|
551
|
+
tableActionButton: p,
|
|
552
552
|
children: [
|
|
553
553
|
/* @__PURE__ */ n.jsxs(
|
|
554
554
|
Le,
|
|
@@ -811,29 +811,29 @@ const Qe = k.p`
|
|
|
811
811
|
margin-top: ${o.spacings.spacingInline.spacingInlineNano};
|
|
812
812
|
width: 100%;
|
|
813
813
|
`, Ve = (e, { value: t, options: i }) => {
|
|
814
|
-
const [l, c] = O(!1), [a, s] = O(!1), [h, u] = O(""), [g,
|
|
814
|
+
const [l, c] = O(!1), [a, s] = O(!1), [h, u] = O(""), [g, m] = O(i), f = Q(null), w = Q(null), H = Q(null), N = Q(null);
|
|
815
815
|
K(() => {
|
|
816
|
-
const
|
|
816
|
+
const p = () => {
|
|
817
817
|
s(!1);
|
|
818
818
|
};
|
|
819
|
-
return window.addEventListener("scroll",
|
|
820
|
-
window.removeEventListener("scroll",
|
|
819
|
+
return window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 }), () => {
|
|
820
|
+
window.removeEventListener("scroll", p), window.removeEventListener("resize", p);
|
|
821
821
|
};
|
|
822
822
|
}, []);
|
|
823
|
-
function j(
|
|
824
|
-
u(""), s(!1), c(!0), H != null && H.current && H.current.focus(),
|
|
823
|
+
function j(p) {
|
|
824
|
+
u(""), s(!1), c(!0), H != null && H.current && H.current.focus(), p !== t && e(p);
|
|
825
825
|
}
|
|
826
|
-
const C = (
|
|
827
|
-
if (
|
|
828
|
-
const I = new RegExp(
|
|
826
|
+
const C = (p) => {
|
|
827
|
+
if (p) {
|
|
828
|
+
const I = new RegExp(p, "i"), v = i.filter(
|
|
829
829
|
(x) => I.exec(x.label)
|
|
830
830
|
);
|
|
831
|
-
|
|
831
|
+
m(v);
|
|
832
832
|
} else
|
|
833
|
-
|
|
833
|
+
m(i);
|
|
834
834
|
};
|
|
835
|
-
function E(
|
|
836
|
-
return !
|
|
835
|
+
function E(p) {
|
|
836
|
+
return !p;
|
|
837
837
|
}
|
|
838
838
|
return {
|
|
839
839
|
isOpen: l,
|
|
@@ -843,7 +843,7 @@ const Qe = k.p`
|
|
|
843
843
|
inputValue: h,
|
|
844
844
|
setInputValue: u,
|
|
845
845
|
optionsSelect: g,
|
|
846
|
-
setOptionSelect:
|
|
846
|
+
setOptionSelect: m,
|
|
847
847
|
selectContainerRef: f,
|
|
848
848
|
containerRef: w,
|
|
849
849
|
inputContainerRef: H,
|
|
@@ -864,7 +864,7 @@ const Qe = k.p`
|
|
|
864
864
|
width: h = "100%",
|
|
865
865
|
disabled: u,
|
|
866
866
|
helpText: g,
|
|
867
|
-
readonly:
|
|
867
|
+
readonly: m,
|
|
868
868
|
errorMessage: f,
|
|
869
869
|
tooltipProps: w = {},
|
|
870
870
|
onBlur: H,
|
|
@@ -872,7 +872,7 @@ const Qe = k.p`
|
|
|
872
872
|
variant: j = "default",
|
|
873
873
|
infoProps: C = {},
|
|
874
874
|
maxHeightMenu: E,
|
|
875
|
-
isRequired:
|
|
875
|
+
isRequired: p = !1,
|
|
876
876
|
onRemoveSelected: I,
|
|
877
877
|
displayText: v,
|
|
878
878
|
displayTextProps: x = {}
|
|
@@ -917,12 +917,12 @@ const Qe = k.p`
|
|
|
917
917
|
width: h,
|
|
918
918
|
size: s,
|
|
919
919
|
disabled: u,
|
|
920
|
-
readonly:
|
|
920
|
+
readonly: m,
|
|
921
921
|
children: [
|
|
922
922
|
a && /* @__PURE__ */ n.jsxs(qe, { children: [
|
|
923
923
|
/* @__PURE__ */ n.jsxs(Je, { "data-testid": "label", ref: G, children: [
|
|
924
924
|
a,
|
|
925
|
-
|
|
925
|
+
p && !u ? /* @__PURE__ */ n.jsx(Ye, { children: " *" }) : null
|
|
926
926
|
] }),
|
|
927
927
|
((T == null ? void 0 : T.message) || (T == null ? void 0 : T.render)) && /* @__PURE__ */ n.jsx(Ce, { ...T })
|
|
928
928
|
] }),
|
|
@@ -930,7 +930,7 @@ const Qe = k.p`
|
|
|
930
930
|
Xe,
|
|
931
931
|
{
|
|
932
932
|
hasError: W,
|
|
933
|
-
readonly:
|
|
933
|
+
readonly: m,
|
|
934
934
|
ref: r,
|
|
935
935
|
onBlur: () => {
|
|
936
936
|
setTimeout(() => {
|
|
@@ -938,7 +938,7 @@ const Qe = k.p`
|
|
|
938
938
|
}, 250);
|
|
939
939
|
},
|
|
940
940
|
onClick: () => {
|
|
941
|
-
!u && !
|
|
941
|
+
!u && !m && (A && !S ? ($(!0), b != null && b.current && b.current.focus()) : !A && !S ? (P(!0), $(!0), b != null && b.current && b.current.focus()) : (P(!1), $(!1), b != null && b.current && b.current.blur()), !M && B(i));
|
|
942
942
|
},
|
|
943
943
|
tabIndex: 0,
|
|
944
944
|
width: h,
|
|
@@ -962,7 +962,7 @@ const Qe = k.p`
|
|
|
962
962
|
onChange: (q) => {
|
|
963
963
|
R(q.target.value), q.target.value.length > 0 && (P(!0), $(!0)), D(q.target.value);
|
|
964
964
|
},
|
|
965
|
-
readOnly:
|
|
965
|
+
readOnly: m,
|
|
966
966
|
width: M.length,
|
|
967
967
|
size: s,
|
|
968
968
|
disabled: u,
|
|
@@ -1153,7 +1153,7 @@ const oo = k.div`
|
|
|
1153
1153
|
options: h,
|
|
1154
1154
|
label: u,
|
|
1155
1155
|
menuSelectProps: g = {},
|
|
1156
|
-
iconName:
|
|
1156
|
+
iconName: m,
|
|
1157
1157
|
optionsIconPosition: f
|
|
1158
1158
|
}) => {
|
|
1159
1159
|
const { isOpen: w, setIsOpen: H, selectContainerRef: N, optionsSelect: j } = to(h);
|
|
@@ -1220,7 +1220,7 @@ const oo = k.div`
|
|
|
1220
1220
|
size: l,
|
|
1221
1221
|
inputValue: null,
|
|
1222
1222
|
iconPosition: f,
|
|
1223
|
-
iconName:
|
|
1223
|
+
iconName: m,
|
|
1224
1224
|
...E
|
|
1225
1225
|
}
|
|
1226
1226
|
)
|
|
@@ -1233,9 +1233,10 @@ const oo = k.div`
|
|
|
1233
1233
|
endAdornment: i = null,
|
|
1234
1234
|
marginBottom: l = "16px",
|
|
1235
1235
|
customStyles: c = {},
|
|
1236
|
-
wrapperCustomStyles: a = {}
|
|
1236
|
+
wrapperCustomStyles: a = {},
|
|
1237
|
+
hideAdornmentOnCollapse: s = !1
|
|
1237
1238
|
}) => {
|
|
1238
|
-
const [
|
|
1239
|
+
const [h, u] = O(!1), g = s && h ? null : i;
|
|
1239
1240
|
return /* @__PURE__ */ n.jsxs(
|
|
1240
1241
|
J,
|
|
1241
1242
|
{
|
|
@@ -1251,18 +1252,18 @@ const oo = k.div`
|
|
|
1251
1252
|
divider: !0,
|
|
1252
1253
|
marginBottom: l,
|
|
1253
1254
|
collapse: {
|
|
1254
|
-
collapsed:
|
|
1255
|
-
setCollapsed:
|
|
1255
|
+
collapsed: h,
|
|
1256
|
+
setCollapsed: u
|
|
1256
1257
|
},
|
|
1257
|
-
endAdornment:
|
|
1258
|
+
endAdornment: g,
|
|
1258
1259
|
customStyles: c
|
|
1259
1260
|
}
|
|
1260
1261
|
),
|
|
1261
|
-
|
|
1262
|
+
h ? null : t
|
|
1262
1263
|
]
|
|
1263
1264
|
}
|
|
1264
1265
|
);
|
|
1265
|
-
},
|
|
1266
|
+
}, me = L`
|
|
1266
1267
|
svg:not([color]):not([data-testid='icon']) {
|
|
1267
1268
|
path {
|
|
1268
1269
|
fill: ${o.colors.neutralColors.colorNeutralDarkest};
|
|
@@ -1346,10 +1347,10 @@ const oo = k.div`
|
|
|
1346
1347
|
/* Target direct SVGs without color (sbwb-icons), but exclude sbwb-ds Icons ([data-testid='icon'])
|
|
1347
1348
|
* This is because sbwb-ds Icons have a color prop on the wrapper, not the SVG
|
|
1348
1349
|
*/
|
|
1349
|
-
${
|
|
1350
|
+
${me}
|
|
1350
1351
|
}
|
|
1351
1352
|
`}
|
|
1352
|
-
`,
|
|
1353
|
+
`, pe = ({ width: e }) => {
|
|
1353
1354
|
if (_(e))
|
|
1354
1355
|
return L`
|
|
1355
1356
|
width: ${e};
|
|
@@ -1360,7 +1361,7 @@ const oo = k.div`
|
|
|
1360
1361
|
min-width: ${({ minWidth: e }) => e || "auto"};
|
|
1361
1362
|
max-width: ${({ maxWidth: e }) => e};
|
|
1362
1363
|
|
|
1363
|
-
${
|
|
1364
|
+
${pe}
|
|
1364
1365
|
|
|
1365
1366
|
height: ${({ size: e }) => e === "Large" ? "4rem" : "3.2rem"};
|
|
1366
1367
|
background-color: ${o.colors.backgroundColors.colorBackgroundSky};
|
|
@@ -1404,7 +1405,7 @@ const oo = k.div`
|
|
|
1404
1405
|
|
|
1405
1406
|
min-width: ${({ minWidth: e }) => e || "auto"};
|
|
1406
1407
|
max-width: ${({ maxWidth: e }) => e};
|
|
1407
|
-
${
|
|
1408
|
+
${pe}
|
|
1408
1409
|
|
|
1409
1410
|
padding: ${({ rowPadding: e }) => e ?? `${o.spacings.spacingInline.spacingInlineXs}`};
|
|
1410
1411
|
|
|
@@ -1423,7 +1424,7 @@ const oo = k.div`
|
|
|
1423
1424
|
border-right: none;
|
|
1424
1425
|
}
|
|
1425
1426
|
|
|
1426
|
-
${
|
|
1427
|
+
${me}
|
|
1427
1428
|
|
|
1428
1429
|
&:hover {
|
|
1429
1430
|
cursor: ${(e) => e.isClickable ? "pointer" : "default"};
|
|
@@ -1450,14 +1451,14 @@ function xo({
|
|
|
1450
1451
|
borders: !0,
|
|
1451
1452
|
backgroundColor: o.colors.backgroundColors.colorBackgroundSnow
|
|
1452
1453
|
},
|
|
1453
|
-
selectedRow:
|
|
1454
|
+
selectedRow: m = !1,
|
|
1454
1455
|
hideHeader: f = !1,
|
|
1455
1456
|
withBorder: w = !0,
|
|
1456
1457
|
withBorderRadius: H = !0,
|
|
1457
1458
|
striped: N = !1,
|
|
1458
1459
|
borderRadius: j = o.borders.borderRadius.borderRadiusSm
|
|
1459
1460
|
}) {
|
|
1460
|
-
const C = Y(() => co(t), [t]), [E,
|
|
1461
|
+
const C = Y(() => co(t), [t]), [E, p] = O(null), I = Q(null), v = Q(null), [x, G] = O(s);
|
|
1461
1462
|
We(() => {
|
|
1462
1463
|
if (!v.current || s.length === 0) {
|
|
1463
1464
|
G(s);
|
|
@@ -1509,7 +1510,7 @@ function xo({
|
|
|
1509
1510
|
return $.observe(v.current), () => $.disconnect();
|
|
1510
1511
|
}, [s]), K(() => {
|
|
1511
1512
|
const S = ($) => {
|
|
1512
|
-
I.current && !I.current.contains($.target) &&
|
|
1513
|
+
I.current && !I.current.contains($.target) && p(null);
|
|
1513
1514
|
};
|
|
1514
1515
|
return document.addEventListener("mousedown", S), () => {
|
|
1515
1516
|
document.removeEventListener("mousedown", S);
|
|
@@ -1668,7 +1669,7 @@ function xo({
|
|
|
1668
1669
|
fit: c,
|
|
1669
1670
|
size: i,
|
|
1670
1671
|
withBorder: w,
|
|
1671
|
-
isSelected: R === E &&
|
|
1672
|
+
isSelected: R === E && m,
|
|
1672
1673
|
striped: N && $ % 2 !== 0,
|
|
1673
1674
|
borderRadius: j,
|
|
1674
1675
|
children: x.map((y) => {
|
|
@@ -1682,7 +1683,7 @@ function xo({
|
|
|
1682
1683
|
size: i,
|
|
1683
1684
|
isClickable: _(l),
|
|
1684
1685
|
onClick: () => {
|
|
1685
|
-
l && l(S, y, $),
|
|
1686
|
+
l && l(S, y, $), m && p(
|
|
1686
1687
|
E === R ? null : R
|
|
1687
1688
|
);
|
|
1688
1689
|
},
|
|
@@ -1725,7 +1726,7 @@ function xo({
|
|
|
1725
1726
|
export {
|
|
1726
1727
|
So as C,
|
|
1727
1728
|
ie as M,
|
|
1728
|
-
|
|
1729
|
+
po as S,
|
|
1729
1730
|
Me as T,
|
|
1730
1731
|
Oe as a,
|
|
1731
1732
|
he as b,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const o=require("./Checkbox.view-
|
|
1
|
+
"use strict";const o=require("./Checkbox.view-CDJhnIP4.cjs"),g=require("react"),e=require("sbwb-ds"),F=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form");function Y(t,n,i){var r,d,a,l,h;n==null&&(n=100);function f(){var x=Date.now()-l;x<n&&x>=0?r=setTimeout(f,n-x):(r=null,i||(h=t.apply(a,d),a=d=null))}var m=function(){a=this,d=arguments,l=Date.now();var x=i&&!r;return r||(r=setTimeout(f,n)),x&&(h=t.apply(a,d),a=d=null),h};return m.clear=function(){r&&(clearTimeout(r),r=null)},m.flush=function(){r&&(h=t.apply(a,d),a=d=null,clearTimeout(r),r=null)},m}Y.debounce=Y;var le=Y;const ae=o.getDefaultExportFromCjs(le);function Z({form:t,fieldName:n,triggerType:i=null,debounceTime:r=500}){const d=g.useCallback(()=>{t.trigger(n)},[t,n]),a=g.useMemo(()=>ae(()=>d(),r),[d,r]),l=g.useMemo(()=>["all","onChange"].includes(i)?a:null,[a,i]),h=g.useMemo(()=>["all","onBlur"].includes(i)?d:null,[i]);return g.useMemo(()=>({onChangeTrigger:l,onBlurTrigger:h}),[l,h])}const ce=({form:t,name:n,label:i,options:r,readonly:d=!1,disabled:a=!1,optionsMap:l,width:h="100%",flex:f,placeholder:m,onSelect:x,parser:u,filter:y,tooltipProps:v={},infoProps:B={},maxHeigthMenu:z,isRequired:C=!1,onRemoveSelected:H,triggerFormField:p=null,displayText:W,...N})=>{const{onChangeTrigger:w}=Z({form:t,fieldName:n,triggerType:p,debounceTime:0}),O={position:"top",...v},L={...B,tooltipProps:{position:"top",maxWidth:"300px",...B==null?void 0:B.tooltipProps}},T=(b,I)=>{let M=b;u&&(M=u==null?void 0:u(b)),I(M),x==null||x(M),w==null||w()},S=g.useMemo(()=>F.valuable(l)?l:Object.fromEntries(r.map(b=>[b.value,b])),[r,l]);return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:f,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:t.control,render:({field:{onChange:b,value:I},fieldState:{error:M=null}})=>{let j=S[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:a,readonly:d,filter:y,errorMessage:M==null?void 0:M.message,placeholder:m,value:j,handleOption:c=>{T(c.value,b)},tooltipProps:O,options:r,maxHeigthMenu:z,infoProps:L,maxHeightMenu:z,isRequired:C,onRemoveSelected:H,displayText:W,...N})}})})},te=({form:t,name:n,label:i,readonly:r=!1,disabled:d=!1,width:a="100%",height:l="100%",flex:h,placeholder:f,charactersCounter:m=!0,maxlength:x=1e3,resize:u=!0,triggerFormField:y=null,minHeight:v,maxHeight:B,...z})=>{const{onChangeTrigger:C}=Z({form:t,fieldName:n,triggerType:y}),H=(p,W)=>{W(p),C==null||C()};return o.jsxRuntimeExports.jsx(o.Container,{width:a,flex:h,height:l,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:t.control,render:({field:{onChange:p,value:W},fieldState:{error:N=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:d,readonly:r,height:l,minHeight:v,maxHeight:B,errorMessage:N==null?void 0:N.message,placeholder:f,onChange:w=>H(w.target.value,p),charactersCounter:m,maxlength:x,size:"Small",resize:u,...z})})})};te.displayName="TextareaField";const de=({form:t,name:n,id:i=n,label:r,readonly:d=!1,disabled:a=!1,afterCheck:l,width:h="100%",formatter:f,parser:m,flex:x,size:u="Medium",triggerFormField:y=null,...v})=>{const{onChangeTrigger:B}=Z({form:t,fieldName:n,triggerType:y,debounceTime:0}),z=(C,H)=>{H(C),l==null||l(C),B==null||B()};return o.jsxRuntimeExports.jsx(o.Container,{width:h,flex:x,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:t.control,render:({field:{onChange:C,value:H},fieldState:{error:p=null}})=>{const W=p==null?void 0:p.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(f==null?void 0:f(H))??H,name:n,label:r,disabled:a||d,onChange:N=>{z((m==null?void 0:m(N.target.checked,H))??N.target.checked,C)},size:u,...v})}})})},ge=o.qe.ul`
|
|
2
2
|
${F.resetStyles}
|
|
3
3
|
position: fixed;
|
|
4
4
|
margin-top: ${({marginTop:t})=>t};
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
&:hover {
|
|
381
381
|
cursor: not-allowed;
|
|
382
382
|
}
|
|
383
|
-
`,Me=t=>{const[n,i]=g.useState(!1),[r,d]=g.useState(t),a=g.useRef(null);return g.useEffect(()=>{d(t)},[t]),{setIsOpen:i,isOpen:n,setOptionsSelect:d,optionsSelect:r,selectContainerRef:a}},Ae=200,He=({name:t,variant:n="primary",width:i="100%",size:r="Medium",disabled:d=!1,isLoading:a=!1,onClick:l,options:h,label:f,menuSelectProps:m={},iconName:x,optionsIconPosition:u})=>{const{isOpen:y,setIsOpen:v,selectContainerRef:B,optionsSelect:z}=Me(h);let C=e.sg.colors.backgroundColors.colorBackgroundSnow;d?C=e.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(C=e.sg.colors.neutralColors.colorNeutralDark);const H={...m};return o.jsxRuntimeExports.jsxs(Ie,{ref:B,width:i,size:r,disabled:d,onBlur:()=>setTimeout(()=>v(!1),Ae),children:[f&&o.jsxRuntimeExports.jsx(Ne,{children:f}),o.jsxRuntimeExports.jsxs(We,{type:"button",size:r,disabled:d,variant:n,isLoading:a,onClick:()=>!a&&v(!y),id:`button-component-${t}`,children:[a&&o.jsxRuntimeExports.jsx(ve,{size:r,disabled:d,variant:n,children:o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ProgressActivity${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-loading"})}),!a&&o.jsxRuntimeExports.jsx("p",{title:t,children:t}),!a&&(y?o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ExpandLess${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ExpandMore${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-button-more"}))]}),y&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:B,value:null,optionsSelect:z,selectOption:l,size:r,inputValue:null,iconPosition:u,iconName:x,...H})]})},Fe=({title:t,children:n,endAdornment:i=null,marginBottom:r="16px",customStyles:d={},wrapperCustomStyles:a={}})=>{const[
|
|
383
|
+
`,Me=t=>{const[n,i]=g.useState(!1),[r,d]=g.useState(t),a=g.useRef(null);return g.useEffect(()=>{d(t)},[t]),{setIsOpen:i,isOpen:n,setOptionsSelect:d,optionsSelect:r,selectContainerRef:a}},Ae=200,He=({name:t,variant:n="primary",width:i="100%",size:r="Medium",disabled:d=!1,isLoading:a=!1,onClick:l,options:h,label:f,menuSelectProps:m={},iconName:x,optionsIconPosition:u})=>{const{isOpen:y,setIsOpen:v,selectContainerRef:B,optionsSelect:z}=Me(h);let C=e.sg.colors.backgroundColors.colorBackgroundSnow;d?C=e.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(C=e.sg.colors.neutralColors.colorNeutralDark);const H={...m};return o.jsxRuntimeExports.jsxs(Ie,{ref:B,width:i,size:r,disabled:d,onBlur:()=>setTimeout(()=>v(!1),Ae),children:[f&&o.jsxRuntimeExports.jsx(Ne,{children:f}),o.jsxRuntimeExports.jsxs(We,{type:"button",size:r,disabled:d,variant:n,isLoading:a,onClick:()=>!a&&v(!y),id:`button-component-${t}`,children:[a&&o.jsxRuntimeExports.jsx(ve,{size:r,disabled:d,variant:n,children:o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ProgressActivity${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-loading"})}),!a&&o.jsxRuntimeExports.jsx("p",{title:t,children:t}),!a&&(y?o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ExpandLess${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(e.Icon,{iconName:`ExpandMore${r==="Small"?"Ant":"Sm"}`,color:C,"data-testid":"icon-button-more"}))]}),y&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:B,value:null,optionsSelect:z,selectOption:l,size:r,inputValue:null,iconPosition:u,iconName:x,...H})]})},Fe=({title:t,children:n,endAdornment:i=null,marginBottom:r="16px",customStyles:d={},wrapperCustomStyles:a={},hideAdornmentOnCollapse:l=!1})=>{const[h,f]=g.useState(!1),m=l&&h?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:a,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:t,divider:!0,marginBottom:r,collapse:{collapsed:h,setCollapsed:f},endAdornment:m,customStyles:d}),h?null:n]})},se=o.Ae`
|
|
384
384
|
svg:not([color]):not([data-testid='icon']) {
|
|
385
385
|
path {
|
|
386
386
|
fill: ${e.sg.colors.neutralColors.colorNeutralDarkest};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("./Checkbox.view-
|
|
1
|
+
"use strict";const t=require("./Checkbox.view-CDJhnIP4.cjs"),h=require("sbwb-ds"),l=require("react"),j=require("./index-BcwQwoIM.cjs"),p=({message:e})=>t.jsxRuntimeExports.jsxs(t.ErrorMessage,{children:[t.jsxRuntimeExports.jsx(t.InfoFill_default,{color:h.sg.colors.feedbackColors.colorFeedbackError}),e]}),w=({id:e,label:i,size:o="Medium",disabled:r=!1,onChange:x,checked:s})=>{const[n,u]=l.useState(s??!1);return l.useEffect(()=>{u(c=>s??!c)},[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:c=>{const{target:{checked:a}}=c;j.valuable(a)&&u(a),x==null||x(c)}}),t.jsxRuntimeExports.jsx(t.SwitchButton,{disabled:r,size:o})]}),t.jsxRuntimeExports.jsx(t.SwitchLabel,{size:o,disabled:r,children:i})]})},E=({text:e,color:i})=>t.jsxRuntimeExports.jsx(t.Title,{color:i,children:e});exports.ErrorMessage=p;exports.Switch=w;exports.Title=E;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as t, m as p, n as f, o as m, p as u, q as x, r as d, t as w, u as S } from "./Checkbox.view-
|
|
1
|
+
import { l as t, m as p, n as f, o as m, p as u, q as x, r as d, t as w, u as S } from "./Checkbox.view-DEBTcr4E.js";
|
|
2
2
|
import { sg as j } from "sbwb-ds";
|
|
3
3
|
import { useState as E, useEffect as g } from "react";
|
|
4
4
|
import { v as k } from "./index-_v6RoRxb.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Checkbox.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Checkbox.view-CDJhnIP4.cjs"),o=require("../../Title.view-CX_Y7KM1.cjs");exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Container=e.Container;exports.Label=e.Label;exports.LoadingBar=e.LoadingBar;exports.Radio=e.Radio;exports.Spacer=e.Spacer;exports.Tooltip=e.Tooltip;exports.ErrorMessage=o.ErrorMessage;exports.Switch=o.Switch;exports.Title=o.Title;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as o, a as e, c as r, C as t, L as i, b as c, R as n, S as p, T as B } from "../../Checkbox.view-
|
|
2
|
-
import { E as T, S as b, T as d } from "../../Title.view-
|
|
1
|
+
import { B as o, a as e, c as r, C as t, L as i, b as c, R as n, S as p, T as B } from "../../Checkbox.view-DEBTcr4E.js";
|
|
2
|
+
import { E as T, S as b, T as d } from "../../Title.view-DK7iD7P1.js";
|
|
3
3
|
export {
|
|
4
4
|
o as Badge,
|
|
5
5
|
e as Button,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.view-CDJhnIP4.cjs"),t=require("../Title.view-CX_Y7KM1.cjs"),i=require("../RequiredLabel.view-CV4twgie.cjs"),o=require("../Table.view-LmJArBb-.cjs");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.ErrorMessage=t.ErrorMessage;exports.Switch=t.Switch;exports.Title=t.Title;exports.AlertInline=i.AlertInline;exports.LabelField=i.LabelField;exports.RequiredLabelView=i.RequiredLabelView;exports.CheckboxField=o.CheckboxField;exports.CollapseSection=o.CollapseSection;exports.MenuSelect=o.MenuSelect;exports.Section=o.Section;exports.Select=o.Select;exports.SelectButton=o.SelectButton;exports.SelectField=o.SelectField;exports.Table=o.Table;exports.TextareaField=o.TextareaField;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { A as s, B as o, a as t, c as i, e as r, d as l, e as n, C as c, E as d, F as S, F as m, I as f, f as C, L as p, g as T, b, M as x, R as F, i as u, S as B, j as L, T as M, s as h, h as g } from "../Checkbox.view-
|
|
2
|
-
import { E as A, S as E, T as I } from "../Title.view-
|
|
3
|
-
import { A as k, L as V, R as j } from "../RequiredLabel.view-
|
|
4
|
-
import { C as y, d as v, M as z, a as D, b as G, c as H, S as J, e as K, T as N } from "../Table.view-
|
|
1
|
+
import { A as s, B as o, a as t, c as i, e as r, d as l, e as n, C as c, E as d, F as S, F as m, I as f, f as C, L as p, g as T, b, M as x, R as F, i as u, S as B, j as L, T as M, s as h, h as g } from "../Checkbox.view-DEBTcr4E.js";
|
|
2
|
+
import { E as A, S as E, T as I } from "../Title.view-DK7iD7P1.js";
|
|
3
|
+
import { A as k, L as V, R as j } from "../RequiredLabel.view-DeP7ncq9.js";
|
|
4
|
+
import { C as y, d as v, M as z, a as D, b as G, c as H, S as J, e as K, T as N } from "../Table.view-DvQLVQpE.js";
|
|
5
5
|
export {
|
|
6
6
|
s as ActionButton,
|
|
7
7
|
k as AlertInline,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Checkbox.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Checkbox.view-CDJhnIP4.cjs"),o=require("../../RequiredLabel.view-CV4twgie.cjs");exports.ActionButton=e.ActionButton;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Loading=e.Loading;exports.Modal=e.Modal;exports.SectionTitle=e.SectionTitle;exports.Textarea=e.Textarea;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.AlertInline=o.AlertInline;exports.LabelField=o.LabelField;exports.RequiredLabelView=o.RequiredLabelView;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as e, e as o, d as i, e as n, E as r, F as t, F as l, I as m, f, g as d, M as F, i as p, j as u, s as w, h as A } from "../../Checkbox.view-
|
|
2
|
-
import { A as I, L, R as M } from "../../RequiredLabel.view-
|
|
1
|
+
import { A as e, e as o, d as i, e as n, E as r, F as t, F as l, I as m, f, g as d, M as F, i as p, j as u, s as w, h as A } from "../../Checkbox.view-DEBTcr4E.js";
|
|
2
|
+
import { A as I, L, R as M } from "../../RequiredLabel.view-DeP7ncq9.js";
|
|
3
3
|
export {
|
|
4
4
|
e as ActionButton,
|
|
5
5
|
I as AlertInline,
|
|
@@ -6,6 +6,7 @@ type CollapseSectionProps = {
|
|
|
6
6
|
customStyles?: CSSProperties;
|
|
7
7
|
wrapperCustomStyles?: CSSProperties;
|
|
8
8
|
marginBottom?: string;
|
|
9
|
+
hideAdornmentOnCollapse?: boolean;
|
|
9
10
|
};
|
|
10
|
-
export declare const CollapseSection: ({ title, children, endAdornment, marginBottom, customStyles, wrapperCustomStyles, }: CollapseSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const CollapseSection: ({ title, children, endAdornment, marginBottom, customStyles, wrapperCustomStyles, hideAdornmentOnCollapse, }: CollapseSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-LmJArBb-.cjs");exports.CheckboxField=e.CheckboxField;exports.CollapseSection=e.CollapseSection;exports.MenuSelect=e.MenuSelect;exports.Section=e.Section;exports.Select=e.Select;exports.SelectButton=e.SelectButton;exports.SelectField=e.SelectField;exports.Table=e.Table;exports.TextareaField=e.TextareaField;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as l, d as s, M as t, a as c, b as o, c as S, S as i, e as d, T as n } from "../../Table.view-
|
|
1
|
+
import { C as l, d as s, M as t, a as c, b as o, c as S, S as i, e as d, T as n } from "../../Table.view-DvQLVQpE.js";
|
|
2
2
|
export {
|
|
3
3
|
l as CheckboxField,
|
|
4
4
|
s as CollapseSection,
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.view-CDJhnIP4.cjs"),o=require("./Title.view-CX_Y7KM1.cjs"),l=require("./RequiredLabel.view-CV4twgie.cjs"),t=require("./Table.view-LmJArBb-.cjs"),i=require("./index-BcwQwoIM.cjs"),r=require("./helpers/index.cjs.js");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.styleGuide=e.index;exports.ErrorMessage=o.ErrorMessage;exports.Switch=o.Switch;exports.Title=o.Title;exports.AlertInline=l.AlertInline;exports.LabelField=l.LabelField;exports.RequiredLabelView=l.RequiredLabelView;exports.CheckboxField=t.CheckboxField;exports.CollapseSection=t.CollapseSection;exports.MenuSelect=t.MenuSelect;exports.Section=t.Section;exports.Select=t.Select;exports.SelectButton=t.SelectButton;exports.SelectField=t.SelectField;exports.Table=t.Table;exports.TextareaField=t.TextareaField;exports.capitalizeAllFirstLetters=i.capitalizeAllFirstLetters;exports.capitalizeFirstLetter=i.capitalizeFirstLetter;exports.convertHexToRGB=i.convertHexToRGB;exports.dom=i.dom;exports.resetStyles=i.resetStyles;exports.valuable=i.valuable;exports.stableStringify=r.stableStringify;
|
package/dist/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { A as s, B as t, a as o, c as r, e as i, d as l, e as n, C as c, E as d, F as m, F as S, I as f, f as p, L as b, g as x, b as C, M as F, R as T, i as u, S as L, j as B, T as M, s as g, h, k as w } from "./Checkbox.view-
|
|
2
|
-
import { E as R, S as y, T as E } from "./Title.view-
|
|
3
|
-
import { A as k, L as v, R as z } from "./RequiredLabel.view-
|
|
4
|
-
import { C as V, d as j, M as q, a as H, b as D, c as J, S as K, e as N, T as O } from "./Table.view-
|
|
1
|
+
import { A as s, B as t, a as o, c as r, e as i, d as l, e as n, C as c, E as d, F as m, F as S, I as f, f as p, L as b, g as x, b as C, M as F, R as T, i as u, S as L, j as B, T as M, s as g, h, k as w } from "./Checkbox.view-DEBTcr4E.js";
|
|
2
|
+
import { E as R, S as y, T as E } from "./Title.view-DK7iD7P1.js";
|
|
3
|
+
import { A as k, L as v, R as z } from "./RequiredLabel.view-DeP7ncq9.js";
|
|
4
|
+
import { C as V, d as j, M as q, a as H, b as D, c as J, S as K, e as N, T as O } from "./Table.view-DvQLVQpE.js";
|
|
5
5
|
import { a as Q, c as U, b as W, d as X, r as Y, v as Z } from "./index-_v6RoRxb.js";
|
|
6
6
|
import { stableStringify as $ } from "./helpers/index.es.js";
|
|
7
7
|
export {
|
package/package.json
CHANGED
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@ufal-lccv/gpsub-ds",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
|
|
6
|
-
"repository": {
|
|
7
|
-
"type": "git",
|
|
8
|
-
"url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
|
|
9
|
-
},
|
|
10
|
-
"main": "dist/index.cjs.js",
|
|
11
|
-
"types": "dist/index.d.ts",
|
|
12
|
-
"module": "dist/index.es.js",
|
|
13
|
-
"exports": {
|
|
14
|
-
".": {
|
|
15
|
-
"import": "./dist/index.es.js",
|
|
16
|
-
"require": "./dist/index.cjs.js",
|
|
17
|
-
"types": "./dist/index.d.ts"
|
|
18
|
-
},
|
|
19
|
-
"./components": {
|
|
20
|
-
"import": "./dist/components/index.es.js",
|
|
21
|
-
"require": "./dist/components/index.cjs.js",
|
|
22
|
-
"types": "./dist/components/index.d.ts"
|
|
23
|
-
},
|
|
24
|
-
"./components/atoms": {
|
|
25
|
-
"import": "./dist/components/atoms/index.es.js",
|
|
26
|
-
"require": "./dist/components/atoms/index.cjs.js",
|
|
27
|
-
"types": "./dist/components/atoms/index.d.ts"
|
|
28
|
-
},
|
|
29
|
-
"./components/molecules": {
|
|
30
|
-
"import": "./dist/components/molecules/index.es.js",
|
|
31
|
-
"require": "./dist/components/molecules/index.cjs.js",
|
|
32
|
-
"types": "./dist/components/molecules/index.d.ts"
|
|
33
|
-
},
|
|
34
|
-
"./components/organisms": {
|
|
35
|
-
"import": "./dist/components/organisms/index.es.js",
|
|
36
|
-
"require": "./dist/components/organisms/index.cjs.js",
|
|
37
|
-
"types": "./dist/components/organisms/index.d.ts"
|
|
38
|
-
},
|
|
39
|
-
"./helpers": {
|
|
40
|
-
"import": "./dist/helpers/index.es.js",
|
|
41
|
-
"require": "./dist/helpers/index.cjs.js",
|
|
42
|
-
"types": "./dist/helpers/index.d.ts"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
"files": [
|
|
46
|
-
"dist/",
|
|
47
|
-
"dist/components",
|
|
48
|
-
"dist/components/atoms",
|
|
49
|
-
"dist/components/molecules",
|
|
50
|
-
"dist/components/organisms",
|
|
51
|
-
"dist/helpers"
|
|
52
|
-
],
|
|
53
|
-
"scripts": {
|
|
54
|
-
"publish:public": "npm publish --access public",
|
|
55
|
-
"publish:private": "npm publish --access restricted",
|
|
56
|
-
"clean": "rimraf -rf dist",
|
|
57
|
-
"build": "npm run clean && vite build",
|
|
58
|
-
"build:watch": "vite build --watch",
|
|
59
|
-
"build:publish": "npm run build && npm run publish",
|
|
60
|
-
"lint": "eslint . --ext .ts,.tsx && tsc",
|
|
61
|
-
"lint:fix": "eslint . --ext .ts,.tsx --fix",
|
|
62
|
-
"prettier:fix": "prettier --write .",
|
|
63
|
-
"prettier:check": "prettier --check ."
|
|
64
|
-
},
|
|
65
|
-
"keywords": [],
|
|
66
|
-
"author": "Eric Macedo Cabral",
|
|
67
|
-
"license": "ISC",
|
|
68
|
-
"peerDependencies": {
|
|
69
|
-
"react": "^18.2.0",
|
|
70
|
-
"react-dom": "^18.2.0",
|
|
71
|
-
"react-hook-form": "7.55.0",
|
|
72
|
-
"sbwb-ds": "1.2.2"
|
|
73
|
-
},
|
|
74
|
-
"dependencies": {
|
|
75
|
-
"debounce": "^1.2.1",
|
|
76
|
-
"postmate": "^1.5.2",
|
|
77
|
-
"react-datepicker": "^4.18.0",
|
|
78
|
-
"react-router-dom": "^6.9.0",
|
|
79
|
-
"react-text-mask": "^5.5.0",
|
|
80
|
-
"sbwb-icons": "1.2.0",
|
|
81
|
-
"styled-components": "^5.3.9"
|
|
82
|
-
},
|
|
83
|
-
"resolutions": {
|
|
84
|
-
"@types/react": "^18.2.0",
|
|
85
|
-
"@types/react-dom": "^18.2.0",
|
|
86
|
-
"react": "^18.2.0",
|
|
87
|
-
"react-dom": "^18.2.0",
|
|
88
|
-
"sbwb-ds": "1.2.2"
|
|
89
|
-
},
|
|
90
|
-
"devDependencies": {
|
|
91
|
-
"@babel/core": "^7.21.3",
|
|
92
|
-
"@changesets/cli": "^2.29.4",
|
|
93
|
-
"@swc/core": "^1.3.40",
|
|
94
|
-
"@trivago/prettier-plugin-sort-imports": "^5.2.2",
|
|
95
|
-
"@types/node": "^24.0.3",
|
|
96
|
-
"@types/react": "^18.2.0",
|
|
97
|
-
"@types/react-dom": "^18.2.0",
|
|
98
|
-
"@typescript-eslint/eslint-plugin": "^6.4.0",
|
|
99
|
-
"@typescript-eslint/parser": "^6.4.0",
|
|
100
|
-
"@vitejs/plugin-react": "^4.7.0",
|
|
101
|
-
"babel-loader": "^8.3.0",
|
|
102
|
-
"eslint": "^8.57.1",
|
|
103
|
-
"eslint-config-airbnb-typescript": "^17.1.0",
|
|
104
|
-
"eslint-config-prettier": "^8.7.0",
|
|
105
|
-
"eslint-config-standard-with-typescript": "^43.0.1",
|
|
106
|
-
"eslint-plugin-import": "^2.27.5",
|
|
107
|
-
"eslint-plugin-n": "^15.6.1",
|
|
108
|
-
"eslint-plugin-promise": "^6.1.1",
|
|
109
|
-
"eslint-plugin-react": "^7.32.2",
|
|
110
|
-
"prettier": "^3.5.3",
|
|
111
|
-
"pretty-quick": "^4.1.1",
|
|
112
|
-
"rimraf": "^5.0.10",
|
|
113
|
-
"sbwb-ds": "1.2.2",
|
|
114
|
-
"typescript": "^5.6.3",
|
|
115
|
-
"vite": "^5.4.10",
|
|
116
|
-
"vite-plugin-dts": "^4.5.4",
|
|
117
|
-
"vite-plugin-svgr": "^4.3.0"
|
|
118
|
-
}
|
|
119
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@ufal-lccv/gpsub-ds",
|
|
3
|
+
"version": "0.0.6-alpha-0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
|
|
9
|
+
},
|
|
10
|
+
"main": "dist/index.cjs.js",
|
|
11
|
+
"types": "dist/index.d.ts",
|
|
12
|
+
"module": "dist/index.es.js",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "./dist/index.es.js",
|
|
16
|
+
"require": "./dist/index.cjs.js",
|
|
17
|
+
"types": "./dist/index.d.ts"
|
|
18
|
+
},
|
|
19
|
+
"./components": {
|
|
20
|
+
"import": "./dist/components/index.es.js",
|
|
21
|
+
"require": "./dist/components/index.cjs.js",
|
|
22
|
+
"types": "./dist/components/index.d.ts"
|
|
23
|
+
},
|
|
24
|
+
"./components/atoms": {
|
|
25
|
+
"import": "./dist/components/atoms/index.es.js",
|
|
26
|
+
"require": "./dist/components/atoms/index.cjs.js",
|
|
27
|
+
"types": "./dist/components/atoms/index.d.ts"
|
|
28
|
+
},
|
|
29
|
+
"./components/molecules": {
|
|
30
|
+
"import": "./dist/components/molecules/index.es.js",
|
|
31
|
+
"require": "./dist/components/molecules/index.cjs.js",
|
|
32
|
+
"types": "./dist/components/molecules/index.d.ts"
|
|
33
|
+
},
|
|
34
|
+
"./components/organisms": {
|
|
35
|
+
"import": "./dist/components/organisms/index.es.js",
|
|
36
|
+
"require": "./dist/components/organisms/index.cjs.js",
|
|
37
|
+
"types": "./dist/components/organisms/index.d.ts"
|
|
38
|
+
},
|
|
39
|
+
"./helpers": {
|
|
40
|
+
"import": "./dist/helpers/index.es.js",
|
|
41
|
+
"require": "./dist/helpers/index.cjs.js",
|
|
42
|
+
"types": "./dist/helpers/index.d.ts"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"files": [
|
|
46
|
+
"dist/",
|
|
47
|
+
"dist/components",
|
|
48
|
+
"dist/components/atoms",
|
|
49
|
+
"dist/components/molecules",
|
|
50
|
+
"dist/components/organisms",
|
|
51
|
+
"dist/helpers"
|
|
52
|
+
],
|
|
53
|
+
"scripts": {
|
|
54
|
+
"publish:public": "npm publish --access public",
|
|
55
|
+
"publish:private": "npm publish --access restricted",
|
|
56
|
+
"clean": "rimraf -rf dist",
|
|
57
|
+
"build": "npm run clean && vite build",
|
|
58
|
+
"build:watch": "vite build --watch",
|
|
59
|
+
"build:publish": "npm run build && npm run publish",
|
|
60
|
+
"lint": "eslint . --ext .ts,.tsx && tsc",
|
|
61
|
+
"lint:fix": "eslint . --ext .ts,.tsx --fix",
|
|
62
|
+
"prettier:fix": "prettier --write .",
|
|
63
|
+
"prettier:check": "prettier --check ."
|
|
64
|
+
},
|
|
65
|
+
"keywords": [],
|
|
66
|
+
"author": "Eric Macedo Cabral",
|
|
67
|
+
"license": "ISC",
|
|
68
|
+
"peerDependencies": {
|
|
69
|
+
"react": "^18.2.0",
|
|
70
|
+
"react-dom": "^18.2.0",
|
|
71
|
+
"react-hook-form": "7.55.0",
|
|
72
|
+
"sbwb-ds": "1.2.2"
|
|
73
|
+
},
|
|
74
|
+
"dependencies": {
|
|
75
|
+
"debounce": "^1.2.1",
|
|
76
|
+
"postmate": "^1.5.2",
|
|
77
|
+
"react-datepicker": "^4.18.0",
|
|
78
|
+
"react-router-dom": "^6.9.0",
|
|
79
|
+
"react-text-mask": "^5.5.0",
|
|
80
|
+
"sbwb-icons": "1.2.0",
|
|
81
|
+
"styled-components": "^5.3.9"
|
|
82
|
+
},
|
|
83
|
+
"resolutions": {
|
|
84
|
+
"@types/react": "^18.2.0",
|
|
85
|
+
"@types/react-dom": "^18.2.0",
|
|
86
|
+
"react": "^18.2.0",
|
|
87
|
+
"react-dom": "^18.2.0",
|
|
88
|
+
"sbwb-ds": "1.2.2"
|
|
89
|
+
},
|
|
90
|
+
"devDependencies": {
|
|
91
|
+
"@babel/core": "^7.21.3",
|
|
92
|
+
"@changesets/cli": "^2.29.4",
|
|
93
|
+
"@swc/core": "^1.3.40",
|
|
94
|
+
"@trivago/prettier-plugin-sort-imports": "^5.2.2",
|
|
95
|
+
"@types/node": "^24.0.3",
|
|
96
|
+
"@types/react": "^18.2.0",
|
|
97
|
+
"@types/react-dom": "^18.2.0",
|
|
98
|
+
"@typescript-eslint/eslint-plugin": "^6.4.0",
|
|
99
|
+
"@typescript-eslint/parser": "^6.4.0",
|
|
100
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
101
|
+
"babel-loader": "^8.3.0",
|
|
102
|
+
"eslint": "^8.57.1",
|
|
103
|
+
"eslint-config-airbnb-typescript": "^17.1.0",
|
|
104
|
+
"eslint-config-prettier": "^8.7.0",
|
|
105
|
+
"eslint-config-standard-with-typescript": "^43.0.1",
|
|
106
|
+
"eslint-plugin-import": "^2.27.5",
|
|
107
|
+
"eslint-plugin-n": "^15.6.1",
|
|
108
|
+
"eslint-plugin-promise": "^6.1.1",
|
|
109
|
+
"eslint-plugin-react": "^7.32.2",
|
|
110
|
+
"prettier": "^3.5.3",
|
|
111
|
+
"pretty-quick": "^4.1.1",
|
|
112
|
+
"rimraf": "^5.0.10",
|
|
113
|
+
"sbwb-ds": "1.2.2",
|
|
114
|
+
"typescript": "^5.6.3",
|
|
115
|
+
"vite": "^5.4.10",
|
|
116
|
+
"vite-plugin-dts": "^4.5.4",
|
|
117
|
+
"vite-plugin-svgr": "^4.3.0"
|
|
118
|
+
}
|
|
119
|
+
}
|