quicksnack 3.33.0 → 3.34.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/dist/bundle.min.js +58 -55
- package/dist/index.d.ts +4 -3
- package/package.json +1 -1
package/dist/bundle.min.js
CHANGED
|
@@ -398,14 +398,17 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
398
398
|
border-top: 1px solid #DDDDDD;
|
|
399
399
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
|
400
400
|
box-sizing: border-box;
|
|
401
|
-
`,Be=({children:e})=>t.createElement(He,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},e),Ge=r(
|
|
401
|
+
`,Be=({children:e})=>t.createElement(He,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},e),Ge=r(A)`
|
|
402
|
+
overflow-x: auto;
|
|
403
|
+
overflow-y: hidden;
|
|
404
|
+
`,Ie=r(he)`
|
|
402
405
|
margin-right: ${e=>e.theme.spacing(3)};
|
|
403
406
|
${D("laptop","display: none;")}
|
|
404
|
-
`,
|
|
407
|
+
`,Ve=r.ul`
|
|
405
408
|
padding: 0;
|
|
406
409
|
margin: 0;
|
|
407
410
|
list-style: none;
|
|
408
|
-
`,
|
|
411
|
+
`,We=r.li.withConfig({shouldForwardProp:n})`
|
|
409
412
|
padding: ${e=>e.theme.spacing(.5,5)};
|
|
410
413
|
|
|
411
414
|
${e=>e.isOpen&&r.css`
|
|
@@ -430,9 +433,9 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
430
433
|
color: ${e.theme.palette.common.white};
|
|
431
434
|
}
|
|
432
435
|
`}
|
|
433
|
-
`,
|
|
436
|
+
`,qe=r(he)`
|
|
434
437
|
${D("laptop","display: none;")}
|
|
435
|
-
`,
|
|
438
|
+
`,Ue=r(A)`
|
|
436
439
|
display: none;
|
|
437
440
|
${D("laptop","display: flex;")}
|
|
438
441
|
|
|
@@ -449,7 +452,7 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
449
452
|
${Te}:hover & {
|
|
450
453
|
display:none;
|
|
451
454
|
}
|
|
452
|
-
`,
|
|
455
|
+
`,Ye=r(A)`
|
|
453
456
|
box-sizing: border-box;
|
|
454
457
|
color: ${e=>e.theme.palette.button.text.idle.text};
|
|
455
458
|
font-weight: bold;
|
|
@@ -467,9 +470,9 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
467
470
|
${D("laptop",r.css`
|
|
468
471
|
min-height: ${e=>e.theme.spacing(12)};
|
|
469
472
|
`)}
|
|
470
|
-
`,
|
|
473
|
+
`,_e=()=>{const[e,r]=t.useState(window.innerWidth);t.useEffect((()=>{const e=()=>r(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return t.useMemo((()=>({isMobile:e>=S.mobile,isTablet:e>=S.tablet,isLaptop:e>=S.laptop,isDesktop:e>=S.desktop})),[e])},Xe=r.div`
|
|
471
474
|
display: flex;
|
|
472
|
-
`,
|
|
475
|
+
`,Je=r.button.withConfig({shouldForwardProp:n})`
|
|
473
476
|
user-select:none;
|
|
474
477
|
cursor: pointer;
|
|
475
478
|
|
|
@@ -488,31 +491,28 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
488
491
|
}
|
|
489
492
|
|
|
490
493
|
${e=>!e.disabled&&"\n &:hover { \n background-color: #E9E9E9; \n }\n "}
|
|
491
|
-
`,
|
|
494
|
+
`,Ze=r.div.withConfig({shouldForwardProp:n})`
|
|
492
495
|
display: flex;
|
|
493
496
|
border-radius: ${e=>e.theme.spacing(1)};
|
|
494
497
|
padding: ${e=>e.theme.spacing(4)};
|
|
495
498
|
background-color: ${e=>e.theme.palette.colors[e.backgroundColor]};
|
|
496
499
|
box-sizing: border-box;
|
|
497
500
|
height: 100%;
|
|
498
|
-
`,
|
|
501
|
+
`,Ke=r.div`
|
|
499
502
|
text-transform: uppercase;
|
|
500
503
|
color: ${e=>e.theme.palette.common.white};
|
|
501
504
|
font-size: ${e=>e.theme.spacing(3)};
|
|
502
|
-
`,
|
|
505
|
+
`,Qe=r.div.withConfig({shouldForwardProp:n})`
|
|
503
506
|
color: ${e=>e.theme.palette.common.white};
|
|
504
507
|
font-weight: bold;
|
|
505
508
|
font-size: ${e=>e.theme.spacing(e.smallerValue?5.5:7.5)};
|
|
506
|
-
`,
|
|
509
|
+
`,et=r.div`
|
|
507
510
|
margin: ${e=>e.theme.spacing(1)} 0 auto 0;
|
|
508
511
|
& svg {
|
|
509
512
|
height: 100%;
|
|
510
513
|
width: ${e=>e.theme.spacing(10)};
|
|
511
514
|
color: white;
|
|
512
515
|
}
|
|
513
|
-
`,et=r(A)`
|
|
514
|
-
display: flex;
|
|
515
|
-
border-bottom: 1px solid rgba(34,36,38,.15);
|
|
516
516
|
`,tt=r(A)`
|
|
517
517
|
|
|
518
518
|
padding: ${e=>e.theme.spacing(2.5,5)};
|
|
@@ -543,15 +543,18 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
543
543
|
background-color: ${e=>e.theme.palette.common.white};
|
|
544
544
|
border: 1px solid rgba(34,36,38,.15);
|
|
545
545
|
border-top: 0px;
|
|
546
|
-
`,ot=r(
|
|
546
|
+
`,ot=r(A)`
|
|
547
|
+
display: flex;
|
|
548
|
+
border-bottom: 1px solid rgba(34,36,38,.15);
|
|
549
|
+
`,nt=r(Z)`
|
|
547
550
|
box-shadow: none;
|
|
548
|
-
`,
|
|
551
|
+
`,at=r(A)`
|
|
549
552
|
display: flex;
|
|
550
553
|
|
|
551
554
|
&:last-of-type .line:before {
|
|
552
555
|
background: none;
|
|
553
556
|
}
|
|
554
|
-
`,
|
|
557
|
+
`,it=r(A)`
|
|
555
558
|
position: relative;
|
|
556
559
|
margin-right: ${e=>e.theme.spacing(4)};
|
|
557
560
|
top: 4px;
|
|
@@ -566,7 +569,7 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
566
569
|
width: ${e=>e.theme.spacing(1)};
|
|
567
570
|
}
|
|
568
571
|
|
|
569
|
-
`,
|
|
572
|
+
`,lt=r.div.withConfig({shouldForwardProp:n})`
|
|
570
573
|
position: relative;
|
|
571
574
|
background-color: ${e=>e.color};
|
|
572
575
|
color: #fff;
|
|
@@ -583,14 +586,14 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
583
586
|
left: 50%;
|
|
584
587
|
transform: translate(-50%, -50%);
|
|
585
588
|
}
|
|
586
|
-
`,
|
|
589
|
+
`,st=r(A)`
|
|
587
590
|
background-color: #FFFFFF;
|
|
588
591
|
border-bottom: 1px solid #DDDDDD;
|
|
589
592
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
|
590
593
|
box-sizing: border-box;
|
|
591
|
-
`,
|
|
594
|
+
`,ct=({left:e,right:r})=>t.createElement(st,null,t.createElement(A,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},t.createElement(A,{flexGrow:1,display:"flex",pl:2},e),t.createElement(A,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),dt=r.label`
|
|
592
595
|
position: relative;
|
|
593
|
-
`,
|
|
596
|
+
`,pt=r.input.withConfig({shouldForwardProp:n})`
|
|
594
597
|
position: absolute;
|
|
595
598
|
top: 0;
|
|
596
599
|
left: 0;
|
|
@@ -656,9 +659,9 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
656
659
|
border-color: #e0b4b4;
|
|
657
660
|
color: #9f3a38;
|
|
658
661
|
}
|
|
659
|
-
`,
|
|
662
|
+
`,mt=r.span.withConfig({shouldForwardProp:n})`
|
|
660
663
|
${e=>e.dimmed?r.css`color: #999c9e;`:""}
|
|
661
|
-
`,
|
|
664
|
+
`,ut=t.forwardRef(((e,r)=>{var{options:o,spacing:n=1,name:a,dimmed:i}=e,l=c(e,["options","spacing","name","dimmed"]);return t.createElement(t.Fragment,null,Object.entries(o).map((([e,o])=>t.createElement(A,{key:e,mt:n,mb:n},t.createElement(dt,{key:e},t.createElement(pt,Object.assign({type:"checkbox",value:e,name:a,ref:r},l)),t.createElement(mt,{dimmed:i},o))))))})),ht=r.css`
|
|
662
665
|
padding: .67857143em 1em;
|
|
663
666
|
line-height: 1.21428571em;
|
|
664
667
|
border-radius: 4px;
|
|
@@ -706,15 +709,15 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
706
709
|
&.error:focus::placeholder {
|
|
707
710
|
color: #da9796;
|
|
708
711
|
}
|
|
709
|
-
`,
|
|
710
|
-
${
|
|
711
|
-
`,
|
|
712
|
-
${
|
|
712
|
+
`,gt=r.input.withConfig({shouldForwardProp:n})`
|
|
713
|
+
${ht}
|
|
714
|
+
`,ft=r.textarea.withConfig({shouldForwardProp:n})`
|
|
715
|
+
${ht}
|
|
713
716
|
height: 100%;
|
|
714
|
-
`,
|
|
717
|
+
`,bt=t.forwardRef(((e,r)=>{var{multiline:o=!1}=e,n=c(e,["multiline"]);return o?t.createElement(ft,Object.assign({ref:r},n)):t.createElement(gt,Object.assign({ref:r,type:"text"},n))})),xt=r.div`
|
|
715
718
|
position: relative;
|
|
716
719
|
display: flex;
|
|
717
|
-
`,
|
|
720
|
+
`,vt=r.input.withConfig({shouldForwardProp:n})`
|
|
718
721
|
position: absolute;
|
|
719
722
|
left: 0;
|
|
720
723
|
right: 0;
|
|
@@ -722,7 +725,7 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
722
725
|
bottom: 0;
|
|
723
726
|
width: 100%;
|
|
724
727
|
opacity:0;
|
|
725
|
-
`,
|
|
728
|
+
`,wt=r(he)`
|
|
726
729
|
height: 40px;
|
|
727
730
|
|
|
728
731
|
.has-error & {
|
|
@@ -730,10 +733,10 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
730
733
|
border-color: #e0b4b4;
|
|
731
734
|
color: #9f3a38;
|
|
732
735
|
}
|
|
733
|
-
`,
|
|
736
|
+
`,kt=r(bt)`
|
|
734
737
|
flex: 1;
|
|
735
738
|
padding-right: ${e=>e.theme.spacing(8)}
|
|
736
|
-
|
|
739
|
+
`,$t=r.button`
|
|
737
740
|
background-color: transparent;
|
|
738
741
|
border: 0;
|
|
739
742
|
outline: 0;
|
|
@@ -761,9 +764,9 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
761
764
|
line-height: 38px;
|
|
762
765
|
padding: 0 8px;
|
|
763
766
|
}
|
|
764
|
-
|
|
767
|
+
`,Et=t.forwardRef(((e,r)=>{var{className:o,placeholder:n,chooseFileLabel:a="Choose file",changeFileLabel:i="Change file",onClear:l}=e,s=c(e,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[d,p]=t.useState(),[m,u]=t.useState(""),h=t.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;u((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),g=t.useCallback((()=>{d&&(d.value="",d.files=null,d.dispatchEvent(new Event("change",{bubbles:!0})),l&&l())}),[d,l]),f=t.useMemo((()=>e=>{null==e||e.addEventListener("change",h),p(e),"function"==typeof r&&(null==r||r(e))}),[r,h]);return t.createElement(xt,null,t.createElement(vt,Object.assign({type:"file",ref:f},s)),t.createElement(wt,{variant:"basic"},m?i:a),t.createElement(kt,{placeholder:n,className:o,disabled:!0,value:m}),!!m&&l&&t.createElement($t,{"data-testid":"file-clear",onClick:g}))})),yt=r.div`
|
|
765
768
|
position: relative;
|
|
766
|
-
`,
|
|
769
|
+
`,Ct=r.select.withConfig({shouldForwardProp:n})`
|
|
767
770
|
width: 100%;
|
|
768
771
|
|
|
769
772
|
padding: .67857143em 1em;
|
|
@@ -788,7 +791,7 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
788
791
|
&.error~div {
|
|
789
792
|
color: #9f3a38;
|
|
790
793
|
}
|
|
791
|
-
`,
|
|
794
|
+
`,Ft=r.div`
|
|
792
795
|
pointer-events: none;
|
|
793
796
|
padding: 0 1em;
|
|
794
797
|
position:absolute;
|
|
@@ -797,18 +800,18 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
797
800
|
right: 0;
|
|
798
801
|
font-size: 17px;
|
|
799
802
|
line-height: 40px;
|
|
800
|
-
`,
|
|
803
|
+
`,Ot=t.forwardRef(((e,r)=>{var{options:o}=e,n=c(e,["options"]);const a=Array.isArray(o)?o:Object.entries(o);return t.createElement(yt,null,t.createElement(Ct,Object.assign({ref:r},n),a.map((([e,r])=>t.createElement("option",{key:e,value:e},r)))),t.createElement(Ft,null,"▾"))})),Pt=e=>e.length>=8,jt=e=>/\d/.test(e),St=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),Dt=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Mt=[Pt,jt,St,Dt],zt=Mt.length+1,At=e=>Mt.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),Lt=r.div`
|
|
801
804
|
margin-top: ${e=>e.theme.spacing(1)};
|
|
802
805
|
height: 3px;
|
|
803
806
|
background-color: #f5f5f5;
|
|
804
807
|
border-radius: 4px;
|
|
805
808
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
806
|
-
`,
|
|
807
|
-
width: ${e=>e.score?e.score/
|
|
809
|
+
`,Rt=r.div.withConfig({shouldForwardProp:n})`
|
|
810
|
+
width: ${e=>e.score?e.score/zt*100:0}%;
|
|
808
811
|
height: 100%;
|
|
809
812
|
background-color: ${e=>e.score<=2?"#e90f10":e.score<=3?"#ffad00":"#02b502"} ;
|
|
810
813
|
transition: width .6s ease, background-color .6s ease;
|
|
811
|
-
`,
|
|
814
|
+
`,Tt=t.forwardRef(((e,r)=>{const[o,n]=t.useState(0),a=t.useCallback((e=>{const t=e.target;n(t.value?At(t.value):0)}),[]),i=t.useMemo((()=>e=>{null==e||e.addEventListener("keyup",a),"function"==typeof r&&(null==r||r(e))}),[r,a]);return t.createElement(t.Fragment,null,t.createElement(bt,Object.assign({},e,{type:"password",ref:i})),t.createElement(Lt,null,t.createElement(Rt,{score:o})))})),Nt=r.div.withConfig({shouldForwardProp:n})`
|
|
812
815
|
margin: 0px 8px;
|
|
813
816
|
|
|
814
817
|
${e=>void 0!==e.rowOffset&&r.css`
|
|
@@ -832,28 +835,28 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
832
835
|
grid-column-end: span ${e.columnSpan};
|
|
833
836
|
-ms-grid-column-span: ${e.columnSpan};
|
|
834
837
|
`)),o})(t,null!==(o=e.rowOffset)&&void 0!==o?o:0)}})}
|
|
835
|
-
`;
|
|
838
|
+
`;Nt.displayName="FormGridCell";const Ht=r.label.withConfig({shouldForwardProp:n})`
|
|
836
839
|
display: block;
|
|
837
840
|
color: ${e=>e.error?e.theme.palette.form.error:e.theme.palette.common.black} ;
|
|
838
841
|
font-weight: bold;
|
|
839
842
|
margin: ${e=>e.theme.spacing(0,0,1,0)};
|
|
840
843
|
line-height: 1.4em;
|
|
841
844
|
font-size: .92857143em;
|
|
842
|
-
`,
|
|
845
|
+
`,Bt=r.div.withConfig({shouldForwardProp:n})`
|
|
843
846
|
color: ${e=>e.error?"#da9796;":e.theme.palette.form.hint};
|
|
844
847
|
margin: ${e=>e.theme.spacing(-1,0,1,0)};
|
|
845
848
|
line-height: 1.4em;
|
|
846
849
|
font-size: .92857143em;
|
|
847
|
-
`,
|
|
850
|
+
`,Gt=r.span.withConfig({shouldForwardProp:n})`
|
|
848
851
|
color: ${e=>e.theme.palette.form.hint};
|
|
849
|
-
`,
|
|
852
|
+
`,It=r.div.withConfig({shouldForwardProp:n})`
|
|
850
853
|
color: ${e=>e.theme.palette.form.error};
|
|
851
854
|
margin: ${e=>e.theme.spacing(1,0,0,0)};
|
|
852
855
|
font-weight: bold;
|
|
853
856
|
font-style: italic;
|
|
854
857
|
line-height: 1.4em;
|
|
855
858
|
font-size: .92857143em;
|
|
856
|
-
`,
|
|
859
|
+
`,Vt=({position:e,align:t,label:r,hint:o,error:n,isRequired:a})=>({position:e,align:t,label:r,hint:o,error:n,isRequired:a}),Wt=({position:e,align:r,label:o,hint:n,error:i,isRequired:l,children:s})=>t.createElement(t.Fragment,null,t.createElement(Nt,{position:e,align:r,className:"form-grid-cell__label-hint"},o&&t.createElement(Ht,{error:i},o,l&&t.createElement(Gt,null," *")),n&&t.createElement(Bt,{error:i},n)),t.createElement(Nt,{position:e,align:r,rowOffset:1,className:a({"form-grid-cell__field-error":!0,"has-error":!!i})},s,i&&t.createElement(It,null,i))),qt=r.div.withConfig({shouldForwardProp:n})`
|
|
857
860
|
margin: 0 -8px -16px -8px;
|
|
858
861
|
|
|
859
862
|
display: -ms-grid;
|
|
@@ -865,23 +868,23 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
865
868
|
-ms-grid-columns: ${e};
|
|
866
869
|
grid-template-columns: ${e};
|
|
867
870
|
`})}
|
|
868
|
-
`;
|
|
871
|
+
`;qt.displayName="FormGrid";const Ut=r(A)`
|
|
869
872
|
background-color: #F3F3F4;
|
|
870
|
-
`,Ut=r(A)`
|
|
871
|
-
position: relative;
|
|
872
873
|
`,Yt=r(A)`
|
|
874
|
+
position: relative;
|
|
875
|
+
`,_t=r(A)`
|
|
873
876
|
position: absolute;
|
|
874
877
|
height: 100%;
|
|
875
878
|
z-index: 50;
|
|
876
879
|
pointer-events: none;
|
|
877
|
-
`,_t=r(A)`
|
|
878
|
-
height: 100%;
|
|
879
880
|
`,Xt=r(A)`
|
|
881
|
+
height: 100%;
|
|
882
|
+
`,Jt=r(A)`
|
|
880
883
|
background-color: ${e=>e.baseColor||"white"};
|
|
881
884
|
position: absolute;
|
|
882
885
|
min-width: 100%;
|
|
883
886
|
min-height: 100%;
|
|
884
|
-
`,
|
|
887
|
+
`,Zt=r.div.withConfig({shouldForwardProp:n})`
|
|
885
888
|
position: absolute;
|
|
886
889
|
top: 0;
|
|
887
890
|
left: 0;
|
|
@@ -891,16 +894,16 @@ var version=function(e,t,r,o,n,a,i,l,s){"use strict";
|
|
|
891
894
|
opacity: ${e=>{var t;return null!==(t=e.opacity)&&void 0!==t?t:1}} ;
|
|
892
895
|
background: url("${e=>e.imageUrl}");
|
|
893
896
|
background-size: cover;
|
|
894
|
-
`,
|
|
897
|
+
`,Kt=r(y)`
|
|
895
898
|
z-index: 10;
|
|
896
899
|
margin: auto auto;
|
|
897
|
-
`,
|
|
900
|
+
`,Qt=r(Z)`
|
|
898
901
|
box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
|
|
899
902
|
min-width: 280px;
|
|
900
|
-
`,
|
|
903
|
+
`,er=r.img`
|
|
901
904
|
display:none;
|
|
902
905
|
position: absolute;
|
|
903
906
|
left: 0;
|
|
904
907
|
top: ${e=>e.theme.spacing(8)};
|
|
905
908
|
${D("tablet","display: block;")}
|
|
906
|
-
`;class er{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new er(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const tr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class rr{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new er(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${s(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=i(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),M(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new rr(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:tr(t,!1),l(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:tr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const or=t.createContext({factory:void 0}),nr=t.forwardRef(((e,r)=>{var{name:o,field:n}=e,i=c(e,["name","field"]);const{factory:l}=t.useContext(or),s=It(n.props),d=(null==l?void 0:l(n))||(e=>{switch(e.type){case"Button":return he;case"Checkbox":return mt;case"Select":return Ft;case"FileField":return $t;case"PasswordStrengthField":return Rt;default:return ft}})(n);return"TextField"===n.type&&"hidden"===n.props.type?t.createElement(d,Object.assign({ref:r,name:o},i,n.props)):t.createElement(Vt,Object.assign({},s),t.createElement(d,Object.assign({ref:r,name:o,placeholder:n.props.placeholder||s.label,className:a(!!s.error&&"error",n.props.className)},i,n.props)))})),ar=t.forwardRef(((e,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=e,l=c(e,["children","columns","fields","prefixFieldNames"]);return t.createElement(Wt,{columns:n},Object.entries(a).map((([e,o])=>t.createElement(nr,Object.assign({name:`${null!=i?i:""}${e}`,key:e,field:o,ref:r},l)))),o)}));return e.Alert=({children:e,title:r,variant:o="basic"})=>t.createElement(L,{variant:o},t.createElement(A,{p:3},r&&t.createElement(A,{pb:e?1:0},t.createElement(O,{level:4},r)),e&&t.createElement(P,null,e))),e.AnimatedCheckmark=W,e.BasicLayout=({sideBarProps:e,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>t.createElement(qt,{flexGrow:1,display:"flex",flexDirection:"column"},t.createElement(Ut,{flexGrow:1,flexShrink:0},e&&t.createElement(Yt,null,t.createElement(Ne,Object.assign({},e))),t.createElement(_t,{display:"flex",flexDirection:"column"},t.createElement(st,Object.assign({},r)),t.createElement(A,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),t.createElement(Be,Object.assign({},o))))),e.Box=A,e.BreadCrumbs=q,e.BreakPointValues=S,e.Button=he,e.Checkbox=mt,e.CollapsiblePanel=ne,e.ConfirmButton=e=>{var r,{modalProps:o}=e,n=c(e,["modalProps"]);const[a,i]=(({onConfirm:e})=>{const[r,o]=t.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{e(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:fe});return t.createElement(t.Fragment,null,t.createElement(he,Object.assign({},n,{onClick:i})),t.createElement(ge,Object.assign({title:"Are you sure?"},o,a)))},e.ConfirmModal=ge,e.Crumb=U,e.Details=({details:e,firstColumnWidth:r})=>t.createElement(ke,null,t.createElement("tbody",null,Object.entries(e).map((([e,o],n)=>t.createElement(ke.Row,{key:e,disableHover:!0},t.createElement($e,{width:r,firstRow:0===n},e),t.createElement($e,{firstRow:0===n},o)))))),e.Dropdown=({buttonProps:e,align:r,children:o,stayOpenOnClick:n})=>{const a=t.useRef(null),[i,l]=t.useState(!1),s=t.useCallback((()=>l(!0)),[l]),c=t.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return t.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),t.createElement(Ee,null,t.createElement(he,Object.assign({},e,{onClick:s})),i&&t.createElement(y,{speed:".1s"},t.createElement(ye,{ref:a,align:r||"left"},o)))},e.DropdownMenu=Ce,e.DropdownMenuItem=Fe,e.Dropzone=e=>{var{onChange:r,icon:o,label:n}=e,a=c(e,["onChange","icon","label"]);const i=t.useRef(null),l=t.useRef(null),[s,d]=t.useState(!1),p=t.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=t.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=t.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=t.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=t.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=t.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return t.createElement(Pe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:s},a),t.createElement(Oe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),t.createElement(A,null,t.createElement(he,{variant:"text",color:"secondary",type:"button",icon:o},n)))},e.Feedback=({onConfirm:e,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>t.createElement(de,{handleClickOverlay:e,buttons:t.createElement(he,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:e},r)},t.createElement(je,{pt:3,pb:3},t.createElement(A,{pb:5,textAlign:"center"},t.createElement(O,null,n),a&&t.createElement(A,{pt:5},t.createElement(O,{level:5},a))),t.createElement(A,{pt:5,pb:5,pl:7,pr:7},t.createElement(W,null)))),e.FileField=$t,e.Floater=e=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=e,a=c(e,["items","forceEqualWidth","stretch"]);return t.createElement(A,Object.assign({mb:Le,mt:Le,ml:Ae,mr:Ae,display:Re},a),r.filter(Boolean).map(((e,a)=>(e=>!!e.element)(e)?t.createElement(ze,{key:a,laptopWidth:e.forceEqualWidth?100/r.length+"%":void 0,stretch:e.stretch||!1},e.element):t.createElement(ze,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},e))))},e.FloatingPanelLayout=({panelProps:e,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>t.createElement(Xt,{display:"flex",alignItems:"center",baseColor:a},t.createElement(Jt,{imageUrl:r,opacity:i}),n&&t.createElement(Qt,{src:n,alt:"Logo"}),t.createElement(Zt,null,o&&t.createElement(A,{pb:7},o),t.createElement(Kt,Object.assign({},e)))),e.Footer=Be,e.FormGrid=Wt,e.FormGridWrapper=Vt,e.FormPositioner=rr,e.HamburgerButton=Ge,e.Header=O,e.Menu=Ie,e.MenuCloseButton=We,e.MenuItem=({item:e,isOpen:r,isActive:o,children:n})=>{const[a,i]=t.useState(!!r);return t.createElement(Ve,{isOpen:a,isActive:!!o},e,n&&t.createElement(te,{onChange:i,isOpen:!!r,duration:.25},n))},e.MenuSlideOpenIndicator=({children:e})=>t.createElement(qe,null,e),e.Modal=de,e.Overlay=ie,e.Paginator=e=>{const{isTablet:r}=Ye(),{pageCount:o,onChange:n}=e,a=Math.min(Math.max(e.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return t.createElement(_e,null,t.createElement(Xe,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&t.createElement(Xe,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&t.createElement(Xe,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((e=>t.createElement(Xe,{"data-testid":`paginate-page-${e}`,key:e,active:a===e,onClick:()=>n(e)},e))),s<o-1&&t.createElement(Xe,{disabled:!0},"..."),s<o&&t.createElement(Xe,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),t.createElement(Xe,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},e.Panel=Z,e.Paragraph=P,e.PasswordStrengthField=Rt,e.ScaffoldForm=ar,e.ScaffoldFormContext=or,e.ScaffoldFormProvider=({factory:e,children:r})=>t.createElement(or.Provider,{value:{factory:e}},r),e.Section=e=>t.createElement(A,Object.assign({pb:{laptop:7,mobile:4}},e)),e.Select=Ft,e.SideBarHeader=({children:e,right:r})=>t.createElement(Ue,{mb:7},t.createElement(A,{flexGrow:1,display:"flex"},t.createElement(A,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},e)),r&&t.createElement(A,null,r)),e.SimpleTimeline=({color:e,icon:r,title:o,titleMeta:n})=>t.createElement(nt,null,t.createElement(at,{className:"line"},t.createElement(it,{color:e},r)),t.createElement(A,{pb:4,flexGrow:1},t.createElement(ot,{titleMeta:n,title:o}))),e.SlideInFromTop=y,e.Statistic=({icon:e,value:r,label:o,backgroundColor:n,smallerValue:a})=>t.createElement(Je,{backgroundColor:n},t.createElement(Qe,null,e),t.createElement(A,{flexGrow:1,textAlign:"right"},t.createElement(Ze,null,o),t.createElement(Ke,{smallerValue:a},r))),e.StyledTable=be,e.Tab=e=>{var{id:r,isActive:o,onClick:n}=e,a=c(e,["id","isActive","onClick"]);const i=t.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return t.createElement(tt,Object.assign({},a,{onClick:i,isActive:o}))},e.TabContent=e=>t.createElement(rt,Object.assign({p:3},e)),e.Table=ke,e.Tabs=et,e.TextField=ft,e.Timeline=({title:e,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>t.createElement(nt,null,t.createElement(at,null,t.createElement(it,{color:o},r)),t.createElement(A,{pb:4,flexGrow:1},t.createElement(ne,{isInitiallyOpen:n,titleMeta:a,title:e,titleAction:i},l))),e.TopBar=st,e.UiProvider=b,e.UiWrapper=({theme:e,children:r})=>t.createElement(b,{theme:e},t.createElement(k,null,t.createElement($,null,r))),e.VerticalRhythmLaptop=7,e.VerticalRhythmMobile=4,e.calculatePasswordScore=zt,e.getFormGridWrapperProps=It,e.isResponsiveObject=M,e.mq=D,e.passwordHasLowerAndUppercase=jt,e.passwordHasNumbers=Pt,e.passwordHasSpecialChars=St,e.passwordMinLength=Ot,e.responsiveProps=z,e.theme=g,e.useCloseSidebarOnNavigate=e=>{const{closeSideMenu:r}=w();t.useEffect((()=>{r()}),[e,r])},e.useResponsiveBreakpoints=Ye,e.useToggleMobileMenu=({currentRoute:e})=>{const[r,o]=t.useState(!1),n=t.useCallback((()=>{o((e=>!e))}),[]),a=t.useCallback((()=>{o(!0)}),[]),i=t.useCallback((()=>{o(!1)}),[]);return t.useEffect((()=>{i()}),[e,i]),{isOpen:r,open:a,close:i,toggle:n}},e}({},React,styled,polished,isPropValid,clsx,produce,_chunk,_difference);
|
|
909
|
+
`;class tr{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new tr(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const rr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class or{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new tr(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${s(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=i(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),M(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new or(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:rr(t,!1),l(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:rr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const nr=t.createContext({factory:void 0}),ar=t.forwardRef(((e,r)=>{var{name:o,field:n}=e,i=c(e,["name","field"]);const{factory:l}=t.useContext(nr),s=Vt(n.props),d=(null==l?void 0:l(n))||(e=>{switch(e.type){case"Button":return he;case"Checkbox":return ut;case"Select":return Ot;case"FileField":return Et;case"PasswordStrengthField":return Tt;default:return bt}})(n);return"TextField"===n.type&&"hidden"===n.props.type?t.createElement(d,Object.assign({ref:r,name:o},i,n.props)):t.createElement(Wt,Object.assign({},s),t.createElement(d,Object.assign({ref:r,name:o,placeholder:n.props.placeholder||s.label,className:a(!!s.error&&"error",n.props.className)},i,n.props)))})),ir=t.forwardRef(((e,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=e,l=c(e,["children","columns","fields","prefixFieldNames"]);return t.createElement(qt,{columns:n},Object.entries(a).map((([e,o])=>t.createElement(ar,Object.assign({name:`${null!=i?i:""}${e}`,key:e,field:o,ref:r},l)))),o)}));return e.Alert=({children:e,title:r,variant:o="basic"})=>t.createElement(L,{variant:o},t.createElement(A,{p:3},r&&t.createElement(A,{pb:e?1:0},t.createElement(O,{level:4},r)),e&&t.createElement(P,null,e))),e.AnimatedCheckmark=W,e.BasicLayout=({sideBarProps:e,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>t.createElement(Ut,{flexGrow:1,display:"flex",flexDirection:"column"},t.createElement(Yt,{flexGrow:1,flexShrink:0},e&&t.createElement(_t,null,t.createElement(Ne,Object.assign({},e))),t.createElement(Xt,{display:"flex",flexDirection:"column"},t.createElement(ct,Object.assign({},r)),t.createElement(A,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),t.createElement(Be,Object.assign({},o))))),e.Box=A,e.BreadCrumbs=q,e.BreakPointValues=S,e.Button=he,e.Checkbox=ut,e.CollapsiblePanel=ne,e.ConfirmButton=e=>{var r,{modalProps:o}=e,n=c(e,["modalProps"]);const[a,i]=(({onConfirm:e})=>{const[r,o]=t.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{e(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:fe});return t.createElement(t.Fragment,null,t.createElement(he,Object.assign({},n,{onClick:i})),t.createElement(ge,Object.assign({title:"Are you sure?"},o,a)))},e.ConfirmModal=ge,e.Crumb=U,e.Details=({details:e,firstColumnWidth:r})=>t.createElement(ke,null,t.createElement("tbody",null,Object.entries(e).map((([e,o],n)=>t.createElement(ke.Row,{key:e,disableHover:!0},t.createElement($e,{width:r,firstRow:0===n},e),t.createElement($e,{firstRow:0===n},o)))))),e.Dropdown=({buttonProps:e,align:r,children:o,stayOpenOnClick:n})=>{const a=t.useRef(null),[i,l]=t.useState(!1),s=t.useCallback((()=>l(!0)),[l]),c=t.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return t.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),t.createElement(Ee,null,t.createElement(he,Object.assign({},e,{onClick:s})),i&&t.createElement(y,{speed:".1s"},t.createElement(ye,{ref:a,align:r||"left"},o)))},e.DropdownMenu=Ce,e.DropdownMenuItem=Fe,e.Dropzone=e=>{var{onChange:r,icon:o,label:n}=e,a=c(e,["onChange","icon","label"]);const i=t.useRef(null),l=t.useRef(null),[s,d]=t.useState(!1),p=t.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=t.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=t.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=t.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=t.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=t.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return t.createElement(Pe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:s},a),t.createElement(Oe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),t.createElement(A,null,t.createElement(he,{variant:"text",color:"secondary",type:"button",icon:o},n)))},e.Feedback=({onConfirm:e,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>t.createElement(de,{handleClickOverlay:e,buttons:t.createElement(he,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:e},r)},t.createElement(je,{pt:3,pb:3},t.createElement(A,{pb:5,textAlign:"center"},t.createElement(O,null,n),a&&t.createElement(A,{pt:5},t.createElement(O,{level:5},a))),t.createElement(A,{pt:5,pb:5,pl:7,pr:7},t.createElement(W,null)))),e.FileField=Et,e.Floater=e=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=e,a=c(e,["items","forceEqualWidth","stretch"]);return t.createElement(A,Object.assign({mb:Le,mt:Le,ml:Ae,mr:Ae,display:Re},a),r.filter(Boolean).map(((e,a)=>(e=>!!e.element)(e)?t.createElement(ze,{key:a,laptopWidth:e.forceEqualWidth?100/r.length+"%":void 0,stretch:e.stretch||!1},e.element):t.createElement(ze,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},e))))},e.FloatingPanelLayout=({panelProps:e,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>t.createElement(Jt,{display:"flex",alignItems:"center",baseColor:a},t.createElement(Zt,{imageUrl:r,opacity:i}),n&&t.createElement(er,{src:n,alt:"Logo"}),t.createElement(Kt,null,o&&t.createElement(A,{pb:7},o),t.createElement(Qt,Object.assign({},e)))),e.Footer=Be,e.FormGrid=qt,e.FormGridWrapper=Wt,e.FormPositioner=or,e.HamburgerButton=Ie,e.Header=O,e.HorizontalScroller=({children:e})=>t.createElement(Ge,null,e),e.Menu=Ve,e.MenuCloseButton=qe,e.MenuItem=({item:e,isOpen:r,isActive:o,children:n})=>{const[a,i]=t.useState(!!r);return t.createElement(We,{isOpen:a,isActive:!!o},e,n&&t.createElement(te,{onChange:i,isOpen:!!r,duration:.25},n))},e.MenuSlideOpenIndicator=({children:e})=>t.createElement(Ue,null,e),e.Modal=de,e.Overlay=ie,e.Paginator=e=>{const{isTablet:r}=_e(),{pageCount:o,onChange:n}=e,a=Math.min(Math.max(e.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return t.createElement(Xe,null,t.createElement(Je,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&t.createElement(Je,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&t.createElement(Je,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((e=>t.createElement(Je,{"data-testid":`paginate-page-${e}`,key:e,active:a===e,onClick:()=>n(e)},e))),s<o-1&&t.createElement(Je,{disabled:!0},"..."),s<o&&t.createElement(Je,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),t.createElement(Je,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},e.Panel=Z,e.Paragraph=P,e.PasswordStrengthField=Tt,e.ScaffoldForm=ir,e.ScaffoldFormContext=nr,e.ScaffoldFormProvider=({factory:e,children:r})=>t.createElement(nr.Provider,{value:{factory:e}},r),e.Section=e=>t.createElement(A,Object.assign({pb:{laptop:7,mobile:4}},e)),e.Select=Ot,e.SideBarHeader=({children:e,right:r})=>t.createElement(Ye,{mb:7},t.createElement(A,{flexGrow:1,display:"flex"},t.createElement(A,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},e)),r&&t.createElement(A,null,r)),e.SimpleTimeline=({color:e,icon:r,title:o,titleMeta:n})=>t.createElement(at,null,t.createElement(it,{className:"line"},t.createElement(lt,{color:e},r)),t.createElement(A,{pb:4,flexGrow:1},t.createElement(nt,{titleMeta:n,title:o}))),e.SlideInFromTop=y,e.Statistic=({icon:e,value:r,label:o,backgroundColor:n,smallerValue:a})=>t.createElement(Ze,{backgroundColor:n},t.createElement(et,null,e),t.createElement(A,{flexGrow:1,textAlign:"right"},t.createElement(Ke,null,o),t.createElement(Qe,{smallerValue:a},r))),e.StyledTable=be,e.Tab=e=>{var{id:r,isActive:o,onClick:n}=e,a=c(e,["id","isActive","onClick"]);const i=t.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return t.createElement(tt,Object.assign({},a,{onClick:i,isActive:o}))},e.TabContent=e=>t.createElement(rt,Object.assign({p:3},e)),e.Table=ke,e.Tabs=ot,e.TextField=bt,e.Timeline=({title:e,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>t.createElement(at,null,t.createElement(it,null,t.createElement(lt,{color:o},r)),t.createElement(A,{pb:4,flexGrow:1},t.createElement(ne,{isInitiallyOpen:n,titleMeta:a,title:e,titleAction:i},l))),e.TopBar=ct,e.UiProvider=b,e.UiWrapper=({theme:e,children:r})=>t.createElement(b,{theme:e},t.createElement(k,null,t.createElement($,null,r))),e.VerticalRhythmLaptop=7,e.VerticalRhythmMobile=4,e.calculatePasswordScore=At,e.getFormGridWrapperProps=Vt,e.isResponsiveObject=M,e.mq=D,e.passwordHasLowerAndUppercase=St,e.passwordHasNumbers=jt,e.passwordHasSpecialChars=Dt,e.passwordMinLength=Pt,e.responsiveProps=z,e.theme=g,e.useCloseSidebarOnNavigate=e=>{const{closeSideMenu:r}=w();t.useEffect((()=>{r()}),[e,r])},e.useResponsiveBreakpoints=_e,e.useToggleMobileMenu=({currentRoute:e})=>{const[r,o]=t.useState(!1),n=t.useCallback((()=>{o((e=>!e))}),[]),a=t.useCallback((()=>{o(!0)}),[]),i=t.useCallback((()=>{o(!1)}),[]);return t.useEffect((()=>{i()}),[e,i]),{isOpen:r,open:a,close:i,toggle:n}},e}({},React,styled,polished,isPropValid,clsx,produce,_chunk,_difference);
|
package/dist/index.d.ts
CHANGED
|
@@ -14,13 +14,14 @@ export * from './components/Dropzone/Dropzone';
|
|
|
14
14
|
export * from './components/Feedback/Feedback';
|
|
15
15
|
export * from './components/Floater/Floater';
|
|
16
16
|
export * from './components/Footer/Footer';
|
|
17
|
+
export * from './components/HorizontalScroller/HorizontalScroller';
|
|
17
18
|
export * from './components/Menu/HamburgerButton';
|
|
18
19
|
export * from './components/Menu/Menu';
|
|
19
20
|
export * from './components/Menu/MenuCloseButton';
|
|
20
21
|
export * from './components/Menu/MenuSlideOpenIndicator';
|
|
21
|
-
export * from './components/Menu/useToggleMobileMenu';
|
|
22
|
-
export * from './components/Menu/useCloseSidebarOnNavigate';
|
|
23
22
|
export * from './components/Menu/SideBarHeader';
|
|
23
|
+
export * from './components/Menu/useCloseSidebarOnNavigate';
|
|
24
|
+
export * from './components/Menu/useToggleMobileMenu';
|
|
24
25
|
export * from './components/Modal/Modal';
|
|
25
26
|
export * from './components/Overlay/Overlay';
|
|
26
27
|
export * from './components/Paginator/Paginator';
|
|
@@ -28,9 +29,9 @@ export * from './components/Panel/Panel';
|
|
|
28
29
|
export * from './components/Section/Section';
|
|
29
30
|
export * from './components/Statistic/Statistic';
|
|
30
31
|
export * from './components/Table/Table';
|
|
31
|
-
export * from './components/Tabs/Tabs';
|
|
32
32
|
export * from './components/Tabs/Tab';
|
|
33
33
|
export * from './components/Tabs/TabContent';
|
|
34
|
+
export * from './components/Tabs/Tabs';
|
|
34
35
|
export * from './components/Timeline/Timeline';
|
|
35
36
|
export * from './components/TopBar/TopBar';
|
|
36
37
|
export * from './form/Button/Button';
|