@fluidattacks/design 3.13.1 → 3.13.2
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/assets/index.css +1 -1
- package/dist/components/@core/index.js +1 -1
- package/dist/components/@core/utils.d.ts +1 -1
- package/dist/components/accordion/accordion-content/index.js +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/card/card-header/index.js +1 -1
- package/dist/components/card/card-with-image/index.js +1 -1
- package/dist/components/card/card-with-input/index.js +1 -1
- package/dist/components/card/card-with-options/index.js +1 -1
- package/dist/components/card/card-with-selector/index.js +1 -1
- package/dist/components/card/card-with-switch/index.js +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/cloud-image/index.js +1 -1
- package/dist/components/code-snippet/index.js +1 -1
- package/dist/components/code-snippet/location-code/index.js +1 -1
- package/dist/components/colors/index.js +1 -1
- package/dist/components/confirm-dialog/index.js +1 -1
- package/dist/components/container/index.js +1 -1
- package/dist/components/content-card/category-tag/index.js +1 -1
- package/dist/components/content-card/event-date/index.js +1 -1
- package/dist/components/content-card/index.js +1 -1
- package/dist/components/content-card-carousel/index.js +1 -1
- package/dist/components/content-card-carousel/scroll-buttons/index.js +1 -1
- package/dist/components/divider/index.js +1 -1
- package/dist/components/empty-state/empty-button/index.js +1 -1
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/file-preview/index.js +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/form/inner-form/index.js +1 -1
- package/dist/components/grid-container/index.js +1 -1
- package/dist/components/group-selector/index.js +1 -1
- package/dist/components/group-selector/option-container/index.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/indicator-card/index.js +1 -1
- package/dist/components/info-sidebar/index.js +1 -1
- package/dist/components/inputs/fields/combobox/field/index.js +1 -1
- package/dist/components/inputs/fields/combobox/index.js +1 -1
- package/dist/components/inputs/fields/combobox/option/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/cell/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/grid/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/header/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date/index.js +1 -1
- package/dist/components/inputs/fields/date-range/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date-range/index.js +1 -1
- package/dist/components/inputs/fields/date-time/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date-time/index.js +1 -1
- package/dist/components/inputs/fields/editable/index.js +1 -1
- package/dist/components/inputs/fields/input/index.js +1 -1
- package/dist/components/inputs/fields/input-file/index.js +1 -1
- package/dist/components/inputs/fields/input-tags/field/index.js +1 -1
- package/dist/components/inputs/fields/input-tags/index.js +1 -1
- package/dist/components/inputs/fields/number/index.js +1 -1
- package/dist/components/inputs/fields/number-range/index.js +1 -1
- package/dist/components/inputs/fields/phone/index.js +1 -1
- package/dist/components/inputs/fields/text-area/index.js +1 -1
- package/dist/components/inputs/index.js +1 -1
- package/dist/components/inputs/label/index.js +1 -1
- package/dist/components/inputs/outline-container/index.js +1 -1
- package/dist/components/inputs/utils/action-button/index.js +1 -1
- package/dist/components/inputs/utils/calendar-button/index.js +1 -1
- package/dist/components/inputs/utils/date-selector/index.js +1 -1
- package/dist/components/inputs/utils/date-time-field/index.js +1 -1
- package/dist/components/inputs/utils/dialog/index.js +1 -1
- package/dist/components/inputs/utils/number-field/index.js +1 -1
- package/dist/components/inputs/utils/popover/index.js +1 -1
- package/dist/components/interactive-card/icon/index.js +1 -1
- package/dist/components/interactive-card/index.js +1 -1
- package/dist/components/language-selector/index.js +1 -1
- package/dist/components/language-selector/item-list/index.js +1 -1
- package/dist/components/layout/categories/buttons/index.js +1 -1
- package/dist/components/layout/categories/column/index.js +1 -1
- package/dist/components/layout/categories/gap/index.js +1 -1
- package/dist/components/layout/categories/row/index.js +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/components/link/index.js +1 -1
- package/dist/components/list-item/index.js +1 -1
- package/dist/components/little-flag/index.js +1 -1
- package/dist/components/loading/index.js +1 -1
- package/dist/components/logo/index.js +1 -1
- package/dist/components/logo-carousel/index.js +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/message-banner/index.js +1 -1
- package/dist/components/modal/columns-modal/index.js +1 -1
- package/dist/components/modal/columns-modal/preview-panel/index.js +1 -1
- package/dist/components/modal/columns-modal/search-panel/index.js +1 -1
- package/dist/components/modal/filters-modal/applied-filter/index.js +1 -1
- package/dist/components/modal/filters-modal/applied-filters/index.js +1 -1
- package/dist/components/modal/filters-modal/filter-control/index.js +1 -1
- package/dist/components/modal/filters-modal/filter-form/form-content/index.js +1 -1
- package/dist/components/modal/filters-modal/filter-form/hooks/index.js +1 -1
- package/dist/components/modal/filters-modal/filter-form/index.js +1 -1
- package/dist/components/modal/filters-modal/filters-list/index.js +1 -1
- package/dist/components/modal/filters-modal/index.js +1 -1
- package/dist/components/modal/filters-modal/single-column-filters/index.js +1 -1
- package/dist/components/modal/filters-modal/two-columns-filters/index.js +1 -1
- package/dist/components/modal/footer/index.js +1 -1
- package/dist/components/modal/header/index.js +1 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/modal/modal-confirm/index.js +1 -1
- package/dist/components/notification/index.js +1 -1
- package/dist/components/notification-sign/index.js +1 -1
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/oauth-selector/index.js +1 -1
- package/dist/components/oauth-selector/option-container/index.js +1 -1
- package/dist/components/plan-card/index.js +1 -1
- package/dist/components/plan-card/recommended-tag/index.d.ts +1 -1
- package/dist/components/plan-card/recommended-tag/index.js +1 -1
- package/dist/components/pop-up/description/index.js +1 -1
- package/dist/components/pop-up/index.js +1 -1
- package/dist/components/premium-feature/index.js +1 -1
- package/dist/components/priority-score/index.js +1 -1
- package/dist/components/progress/index.js +1 -1
- package/dist/components/progress-bar/index.js +1 -1
- package/dist/components/radio-button/index.js +1 -1
- package/dist/components/scroll-button/index.js +1 -1
- package/dist/components/search/index.js +1 -1
- package/dist/components/search-bar/index.js +1 -1
- package/dist/components/search-bar/item-searching/index.js +1 -1
- package/dist/components/severity-badge/index.js +1 -1
- package/dist/components/severity-overview/badge/index.js +1 -1
- package/dist/components/severity-overview/index.js +1 -1
- package/dist/components/show-on-hover/index.js +1 -1
- package/dist/components/slide-out-menu/index.js +1 -1
- package/dist/components/slide-out-menu/menu-item/index.js +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/thumb/index.js +1 -1
- package/dist/components/step-lapse/index.js +1 -1
- package/dist/components/table-button/index.js +1 -1
- package/dist/components/tabs/fixed-tabs/index.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/tab/index.js +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/timeline/card/index.js +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/toggle-buttons/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tour/index.js +1 -1
- package/dist/components/typography/heading/index.js +1 -1
- package/dist/components/typography/index.js +1 -1
- package/dist/components/typography/span/index.js +1 -1
- package/dist/components/typography/text/index.js +1 -1
- package/dist/components/web-form/index.js +1 -1
- package/dist/{components-BwO2V6IH.mjs → components-BwV4SiHI.mjs} +55 -39
- package/dist/{components-BY8G2pEu.js → components-CRGorLNm.js} +12 -12
- package/dist/hooks/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
${a}
|
|
60
60
|
${r}
|
|
61
61
|
}
|
|
62
|
-
`},fe=
|
|
62
|
+
`},fe={shouldForwardProp:e=>!ft.includes(e)},Q=s.dt.div.withConfig(fe)`
|
|
63
63
|
${le}
|
|
64
64
|
${ce}
|
|
65
65
|
${de}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
${ue}
|
|
68
68
|
${pe}
|
|
69
69
|
${xe}
|
|
70
|
-
`,Ge=s.dt.button.withConfig(fe
|
|
70
|
+
`,Ge=s.dt.button.withConfig(fe)`
|
|
71
71
|
${le}
|
|
72
72
|
${ce}
|
|
73
73
|
${de}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
${ue}
|
|
76
76
|
${pe}
|
|
77
77
|
${xe}
|
|
78
|
-
`,Ue=s.dt.p.withConfig(fe
|
|
78
|
+
`,Ue=s.dt.p.withConfig(fe)`
|
|
79
79
|
${le}
|
|
80
80
|
${ce}
|
|
81
81
|
${de}
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
${ue}
|
|
84
84
|
${pe}
|
|
85
85
|
${xe}
|
|
86
|
-
`,Ye=s.dt.span.withConfig(fe
|
|
86
|
+
`,Ye=s.dt.span.withConfig(fe)`
|
|
87
87
|
${le}
|
|
88
88
|
${ce}
|
|
89
89
|
${de}
|
|
@@ -1299,7 +1299,7 @@
|
|
|
1299
1299
|
fill: ${e.palette.white};
|
|
1300
1300
|
}
|
|
1301
1301
|
`}
|
|
1302
|
-
`,Ne=u.forwardRef(function({checked:i,disabled:n=!1,label:a,name:r,onChange:o,onClick:l,onFocus:c,onKeyDown:d,value:p,...g},x){return t.jsxs(qn,{"aria-disabled":n,children:[t.jsx("input",{"aria-checked":i,"aria-disabled":n,"aria-hidden":!1,"aria-label":r,checked:i,disabled:n,id:r,name:r,onChange:o,onClick:l,onFocus:c,onKeyDown:d,ref:x,type:"checkbox",value:p,...g}),t.jsx(C,{disabled:n,icon:"check",iconSize:"sm"}),a??p]})}),Lt=({options:e,title:i,checkboxesName:n,defaultCollapsed:a,onChange:r})=>{const o=s.nt(),[l,c]=u.useState(a??!1),d=u.useCallback(()=>{c(p=>!p)},[]);return t.jsxs($,{"aria-label":i,bgColor:l?o.palette.gray[50]:o.palette.white,border:"1px solid"+o.palette.gray[300],borderRadius:"8px",display:"inline-flex",flexDirection:"column",gap:.625,px:.75,py:.625,role:"region",width:"100%",children:[t.jsxs($,{alignItems:"center",cursor:"pointer",display:"flex",onClick:d,children:[t.jsx(k,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",children:i}),t.jsx(C,{icon:l?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs"})]}),l?t.jsx($,{display:"flex",gap:.75,wrap:"wrap",children:e.map(p=>t.jsx($,{border:"1px solid",borderColor:o.palette.gray[300],borderRadius:"4px",px:.5,py:.5,children:t.jsx(Ne,{checked:p.visible,disabled:p.locked,label:p.name,name:`${n}-${p.name}`,onChange:r,value:p.name})},p.name))}):void 0]})},Pt=(e,i)=>{const[a,r]=u.useState(0),[o,l]=u.useState(0);return u.useEffect(()=>{o===100&&(()=>{r(d=>d===i-1?0:d+1)})()},[o,i]),u.useEffect(()=>{const c=setInterval(()=>{l(d=>d===100?0:d+1)},e);return()=>{clearInterval(c)}},[e]),{cycle:a,progress:o,setCycle:r,setProgress:l}},Wt=({publicId:e,format:i="webp"})=>{const n=u.useMemo(()=>new s.Cloudinary({cloud:{cloudName:"fluid-attacks"}}),[]);return u.useMemo(()=>n.image(e).format(i),[n,e,i])},Ee=e=>{const[i,n]=u.useState(!1),a=u.useCallback(()=>{n(!0)},[]),r=u.useCallback(()=>{n(!1)},[]),o=u.useCallback(()=>{n(l=>!l)},[]);return{close:r,isOpen:i,name:e,open:a,setIsOpen:n,toggle:o}},Xn=({name:e,items:i,columnOrder:n,setColumnOrder:a})=>{const r=u.useMemo(()=>[...i.filter(({locked:g})=>g).map(({locked:g,...x})=>({...x,visible:!0,locked:g})),...i.filter(({locked:g})=>!g)],[i]),[o,l]=u.useState(r),c=u.useCallback(g=>{const x=g.filter(({locked:b})=>!b),h=[...g.filter(({locked:b})=>b),...x],y=h.map(({name:b})=>b);l(b=>[...h,...b.filter(({name:m})=>!y.includes(m))]),a&&a(h.map(({id:b})=>b))},[a]),d=u.useCallback(()=>{const g=o.map(x=>{var h;const f=(n==null?void 0:n.includes(x.id))??!1;return(h=x.toggleVisibility)==null||h.call(x,f),{...x,visible:f}}).toSorted((x,f)=>{const h=(n==null?void 0:n.indexOf(x.id))??0,y=(n==null?void 0:n.indexOf(f.id))??0;return Number(f.visible)!==Number(x.visible)?Number(f.visible)-Number(x.visible):h-y});l(g),a==null||a(n)},[o,n,a]),p=u.useMemo(()=>s.some(o,g=>((n==null?void 0:n.includes(g.id))??!1)!==g.visible),[o,n]);return{setColumns:c,resetToDefault:d,columns:o,...Ee(e),hasChanged:p}},At=(e,i)=>u.useMemo(()=>s._.debounce(e,i),[e,i]),Zn=e=>{const[i,n]=u.useState(),a=At(r=>{n(r)},(e==null?void 0:e.debounceWait)??300);return[i,a]},Jn=({alt:e="img",height:i="",width:n="",plugins:a=[s.lazyload(),s.placeholder()],publicId:r})=>{const o=Wt({publicId:r});return t.jsx(s.AdvancedImage,{alt:e,cldImg:o,height:i,plugins:a,width:n})},V=u.memo(Jn),Qn=s.dt.label`
|
|
1302
|
+
`,Ne=u.forwardRef(function({checked:i,disabled:n=!1,label:a,name:r,onChange:o,onClick:l,onFocus:c,onKeyDown:d,value:p,...g},x){return t.jsxs(qn,{"aria-disabled":n,children:[t.jsx("input",{"aria-checked":i,"aria-disabled":n,"aria-hidden":!1,"aria-label":a??r,checked:i,disabled:n,id:r,name:r,onChange:o,onClick:l,onFocus:c,onKeyDown:d,ref:x,type:"checkbox",value:p,...g}),t.jsx(C,{disabled:n,icon:"check",iconSize:"sm"}),a??p]})}),Lt=({options:e,title:i,checkboxesName:n,defaultCollapsed:a,onChange:r})=>{const o=s.nt(),[l,c]=u.useState(a??!1),d=u.useCallback(()=>{c(p=>!p)},[]);return t.jsxs($,{"aria-label":i,bgColor:l?o.palette.gray[50]:o.palette.white,border:"1px solid"+o.palette.gray[300],borderRadius:"8px",display:"inline-flex",flexDirection:"column",gap:.625,px:.75,py:.625,role:"region",width:"100%",children:[t.jsxs($,{alignItems:"center",cursor:"pointer",display:"flex",onClick:d,children:[t.jsx(k,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",children:i}),t.jsx(C,{icon:l?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs"})]}),l?t.jsx($,{display:"flex",gap:.75,wrap:"wrap",children:e.map(p=>t.jsx($,{border:"1px solid",borderColor:o.palette.gray[300],borderRadius:"4px",px:.5,py:.5,children:t.jsx(Ne,{checked:p.visible,disabled:p.locked,label:p.name,name:`${n}-${p.name}`,onChange:r,value:p.name})},p.name))}):void 0]})},Pt=(e,i)=>{const[a,r]=u.useState(0),[o,l]=u.useState(0);return u.useEffect(()=>{o===100&&(()=>{r(d=>d===i-1?0:d+1)})()},[o,i]),u.useEffect(()=>{const c=setInterval(()=>{l(d=>d===100?0:d+1)},e);return()=>{clearInterval(c)}},[e]),{cycle:a,progress:o,setCycle:r,setProgress:l}},Wt=({publicId:e,format:i="webp"})=>{const n=u.useMemo(()=>new s.Cloudinary({cloud:{cloudName:"fluid-attacks"}}),[]);return u.useMemo(()=>n.image(e).format(i),[n,e,i])},Ee=e=>{const[i,n]=u.useState(!1),a=u.useCallback(()=>{n(!0)},[]),r=u.useCallback(()=>{n(!1)},[]),o=u.useCallback(()=>{n(l=>!l)},[]);return{close:r,isOpen:i,name:e,open:a,setIsOpen:n,toggle:o}},Xn=({name:e,items:i,columnOrder:n,setColumnOrder:a})=>{const r=u.useMemo(()=>[...i.filter(({locked:g})=>g).map(({locked:g,...x})=>({...x,visible:!0,locked:g})),...i.filter(({locked:g})=>!g)],[i]),[o,l]=u.useState(r),c=u.useCallback(g=>{const x=g.filter(({locked:b})=>!b),h=[...g.filter(({locked:b})=>b),...x],y=h.map(({name:b})=>b);l(b=>[...h,...b.filter(({name:m})=>!y.includes(m))]),a&&a(h.map(({id:b})=>b))},[a]),d=u.useCallback(()=>{const g=o.map(x=>{var h;const f=(n==null?void 0:n.includes(x.id))??!1;return(h=x.toggleVisibility)==null||h.call(x,f),{...x,visible:f}}).toSorted((x,f)=>{const h=(n==null?void 0:n.indexOf(x.id))??0,y=(n==null?void 0:n.indexOf(f.id))??0;return Number(f.visible)!==Number(x.visible)?Number(f.visible)-Number(x.visible):h-y});l(g),a==null||a(n)},[o,n,a]),p=u.useMemo(()=>s.some(o,g=>((n==null?void 0:n.includes(g.id))??!1)!==g.visible),[o,n]);return{setColumns:c,resetToDefault:d,columns:o,...Ee(e),hasChanged:p}},At=(e,i)=>u.useMemo(()=>s._.debounce(e,i),[e,i]),Zn=e=>{const[i,n]=u.useState(),a=At(r=>{n(r)},(e==null?void 0:e.debounceWait)??300);return[i,a]},Jn=({alt:e="img",height:i="",width:n="",plugins:a=[s.lazyload(),s.placeholder()],publicId:r})=>{const o=Wt({publicId:r});return t.jsx(s.AdvancedImage,{alt:e,cldImg:o,height:i,plugins:a,width:n})},V=u.memo(Jn),Qn=s.dt.label`
|
|
1303
1303
|
${({theme:e})=>`
|
|
1304
1304
|
align-items: center;
|
|
1305
1305
|
display: flex;
|
|
@@ -1906,7 +1906,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
1906
1906
|
min-width: unset;
|
|
1907
1907
|
`,dt=s.dt(ye)`
|
|
1908
1908
|
padding: 7px 8px;
|
|
1909
|
-
word-
|
|
1909
|
+
word-wrap: break-word;
|
|
1910
1910
|
|
|
1911
1911
|
svg.fa-check {
|
|
1912
1912
|
border-radius: 2px;
|
|
@@ -1914,7 +1914,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
1914
1914
|
`,Zt=s.dt(B)`
|
|
1915
1915
|
background-color: ${({theme:e})=>e.palette.white};
|
|
1916
1916
|
color: ${({theme:e})=>e.palette.gray[400]};
|
|
1917
|
-
`,Jt=({control:e,option:i,register:n,setValue:a})=>{var r,o,l,c,d;switch(i.type){case"checkboxes":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(r=i.options)==null?void 0:r.map(g=>t.jsx(dt,{value:g.value,width:"content",children:t.jsx(Ne,{...n("checkbox"),label:g.label,value:g.value})},`li-checkbox-${g.value}`))});case"radioButton":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(o=i.options)==null?void 0:o.map(g=>t.jsx(dt,{value:g.value,width:"content",children:t.jsx(Ze,{...n("radio"),label:g.label,value:g.value})},`li-radio-${g.value}`))});case"select":return t.jsx(jt,{control:e,items:((l=i.options)==null?void 0:l.map(g=>({name:g.label??"",value:g.value})))??[],label:i.label,name:`text.${String(i.key)}-${i.filterFn??"caseInsensitive"}`,value:i.value});case"text":const p=`text.${String(i.key)}-${i.filterFn??"caseInsensitive"}`;return t.jsx(Xe,{label:i.label,name:p,register:n,value:i.value});case"numberRange":return t.jsx(Dt,{label:i.label,name:String(i.key),propsMax:{placeholder:"Max",register:n,name:"maxValue",value:i.maxValue,setValue:a},propsMin:{placeholder:"Min",register:n,name:"minValue",value:i.minValue,setValue:a}});case"dateRange":return t.jsx(Nt,{label:i.label,name:String(i.key),propsMax:{name:"maxValue",value:(c=i.maxValue)==null?void 0:c.toString()},propsMin:{name:"minValue",value:(d=i.minValue)==null?void 0:d.toString()},register:n,setValue:a});default:return t.jsx("div",{})}},Qt=({control:e,items:i,register:n,setValue:a})=>t.jsx(t.Fragment,{children:i.map((r,o)=>{const l=`${r.type}-${r.value}-${r.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(Jt,{control:e,option:r,register:n,setValue:a}),o<i.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},l)})}),ei=e=>{var c,d,p,g,x;const[i,n]=u.useState([...e]),{control:a,register:r,handleSubmit:o,setValue:l}=s.useForm({defaultValues:{checkbox:e.filter(f=>f.type==="checkboxes").flatMap(f=>{var h;return((h=f.options)==null?void 0:h.filter(y=>y.checked).map(y=>y.value))??[]}),radio:((p=(d=(c=e.find(f=>f.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:f})=>f))==null?void 0:p.value)??"",text:e.filter(f=>["text","select"].includes(f.type)).reduce((f,h)=>({...f,[`${String(h.key)}-${h.filterFn??"caseInsensitive"}`]:h.value??""}),{}),minValue:(g=e.find(f=>["numberRange","dateRange"].includes(f.type)))==null?void 0:g.minValue,maxValue:(x=e.find(f=>["numberRange","dateRange"].includes(f.type)))==null?void 0:x.maxValue}});return{control:a,items:i,setItems:n,register:r,handleSubmit:o,setValue:l}},Ra=(e,i)=>{var n,a,r,o,l;i("checkbox",e.filter(c=>c.type==="checkboxes").flatMap(c=>{var d;return((d=c.options)==null?void 0:d.filter(p=>p.checked).map(p=>p.value))??[]})),i("radio",((r=(a=(n=e.find(c=>c.type==="radioButton"))==null?void 0:n.options)==null?void 0:a.find(({checked:c})=>c))==null?void 0:r.value)??""),i("text",e.filter(c=>["text","select"].includes(c.type)).reduce((c,d)=>({...c,[`${String(d.key)}-${d.filterFn??"caseInsensitive"}`]:d.value??""}),{})),i("minValue",(o=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:o.minValue),i("maxValue",(l=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:l.maxValue)},Da=(e,i)=>e.map(n=>{var a;return n.type==="checkboxes"?{...n,options:(a=n.options)==null?void 0:a.filter(r=>{var o;return((o=r.label)==null?void 0:o.toLowerCase().includes(i.toLowerCase()))??r.value.toLowerCase().includes(i.toLowerCase())})}:n}),_e=({options:e,onSubmit:i,id:n,open:a})=>{const{control:r,items:o,setItems:l,register:c,handleSubmit:d,setValue:p}=ei(e),g=e.some(y=>y.type==="checkboxes"),x=u.useCallback(y=>{const{value:b}=y.target,m=Da(e,b);l(m)},[e,l]),f=u.useCallback(y=>{i&&i(y)},[i]);u.useEffect(()=>{l(e),Ra(e,p)},[e,l,p]);const h=t.jsx(be,{$bgColor:"transparent",children:t.jsxs($e,{$size:"fixed",flexDirection:"column",gap:1.25,style:{overflow:"hidden"},children:[g&&t.jsx(se,{onChange:x}),t.jsxs("form",{id:n,onSubmit:d(f),children:[t.jsx(Qt,{control:r,items:o,register:c,setValue:p}),t.jsx(R,{mt:1,type:"submit",children:"Apply"})]})]})});return a?G.createPortal(h,document.getElementById("portals")??document.body):t.jsx("div",{})},Se=({options:e,variant:i,onApplyFilters:n})=>{const a=s.nt(),[r,o]=u.useState(e),[l,c]=u.useState([]),[d,p]=u.useState({}),[g,x]=u.useState(""),f=u.useCallback(b=>()=>{const m=r.find(w=>w.label===b);x(b),c((m==null?void 0:m.filterOptions)??[])},[r]),h=u.useCallback(b=>{const m=[...b.checkbox,...Object.values(b.text??{}),...b.radio?[b.radio]:[],...b.minValue?[String(b.minValue)]:[],...b.maxValue?[String(b.maxValue)]:[]];p(v=>m.length>0?{...v,[g]:m}:v);const w=v=>{var N,F;return{...v,options:(N=v.options)==null?void 0:N.map(P=>({...P,checked:b.checkbox.includes(P.value)||b.radio===P.value})),value:["text","select"].includes(v.type)?((F=b.text)==null?void 0:F[`${String(v.key)}-${v.filterFn??"caseInsensitive"}`])??v.value:v.value,minValue:["numberRange","dateRange"].includes(v.type)?b.minValue:v.minValue,maxValue:["numberRange","dateRange"].includes(v.type)?b.maxValue:v.maxValue}},j=v=>v.label===g?{...v,filterOptions:v.filterOptions.map(w)}:v,I=r.map(j);o(v=>v.map(j));const z=I.flatMap(({filterOptions:v})=>v);n(z),c([])},[r,n,g]),y=u.useCallback((b,m)=>{const w=`li-filter-option-${b}`;return t.jsxs(Ea,{icon:m,onClick:f(b),style:{minWidth:"180px"},value:w,width:"100%",children:[b,d[b]===void 0?void 0:t.jsx(K,{tagLabel:d[b].length.toString()})]},w)},[d,f]);return u.useEffect(()=>{const b=e.reduce((m,{label:w,filterOptions:j})=>{const I=j.flatMap(({value:N,minValue:F,maxValue:P})=>[F,P,N]).filter(Boolean),z=j.flatMap(({options:N})=>N??[]).filter(({checked:N=!1})=>N).map(({value:N})=>N),v=[...I,...z];return v.length===0?m:{...m,[w]:v}},{});p(b)},[e]),i==="grouped"?t.jsxs($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:"360px",position:"relative",style:{columnGap:"10px"},wrap:"wrap",children:[Object.entries(qt(e)).map(([b,m])=>t.jsxs($,{children:[t.jsx(k,{color:a.palette.gray[400],mb:.25,size:"sm",children:b}),m.map(({label:w,icon:j="filter-list"})=>y(w,j))]},b)),t.jsx(_e,{id:"filters-options",onSubmit:h,open:l.length>0,options:l})]}):t.jsxs($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:"200px",style:{columnGap:"10px"},wrap:"wrap",children:[e.map(({label:b,icon:m="filter-list"})=>y(b,m)),t.jsx(_e,{id:"filters-options",onSubmit:h,open:l.length>0,options:l})]})},ti=({_containerId:e="portals",options:i,onApplyFilters:n,modalRef:a,variant:r})=>a.isOpen?G.createPortal(t.jsx(be,{$bgColor:"transparent","aria-label":a.name,"aria-modal":"true",children:t.jsxs($e,{$size:"fixed",alignItems:"start",display:"flex",flexDirection:"row",gap:.5,position:"relative",px:1.25,py:1.25,style:{width:"auto"},children:[t.jsx(Se,{onApplyFilters:n,options:i,variant:r}),t.jsx(Zt,{icon:"close",iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:a.close,variant:"ghost"})]})}),document.getElementById(e)??document.body):t.jsx("div",{}),La=({_containerId:e="portals",rightColumnOptions:i,leftColumnOptions:n,variant:a,onApplyFilters:r,modalRef:o})=>o.isOpen?G.createPortal(t.jsx(be,{$bgColor:"transparent","aria-label":o.name,"aria-modal":"true",children:t.jsxs($e,{$size:"lg",alignItems:"start",flexDirection:"row",gap:1,position:"relative",px:1.25,py:1.25,children:[t.jsxs($,{display:"flex",flexGrow:1,gap:1,justify:"space-between",children:[t.jsx(Se,{onApplyFilters:r,options:n,variant:a}),t.jsx(Se,{onApplyFilters:r,options:i,variant:a})]}),t.jsx(Zt,{icon:"close",iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:o.close,variant:"ghost"})]})}),document.getElementById(e)??document.body):t.jsx("div",{});function Pa(e){if(e)return e}function Wa(e){if(!e||e.length===0)return;const i=e.filter(a=>a.checked).map(a=>a.value);return i.length===0?void 0:i.join(", ")}function Aa(e,i){const n=s._.isEmpty(e)&&typeof e!="number"?void 0:Number(e),a=s._.isEmpty(i)&&typeof i!="number"?void 0:Number(String(i));if(!s._.isUndefined(n)&&!s._.isUndefined(a))return`${n} - ${a}`;if(!s._.isUndefined(n))return`Min ${n}`;if(!s._.isUndefined(a))return`Max ${a}`}function Ba(e,i){if(s.dayjs_minExports.extend(s.localizedFormat),!(s._.isUndefined(e)||s._.isUndefined(i))){if(e!==""&&i!=="")return`${s.dayjs(e).format("LL")} - ${s.dayjs(i).format("LL")}`;if(e!=="")return`From ${s.dayjs(e).format("LL")}`;if(i!=="")return`To ${s.dayjs(i).format("LL")}`}}function _a(e,i,n){return e==="select"?i:`${i} ${n==="includesInsensitive"?"contains":"is"}`}const ne=({filter:e,icon:i="filter-list",label:n,onClose:a,filterValue:r})=>s._.isNil(r)||s._.isEmpty(String(r))?null:t.jsx($,{pr:.25,children:t.jsx(K,{filterValues:r,icon:i,id:"remove-filter",onClose:a(e),tagLabel:`${n} `})},n),ii=({options:e,onClose:i})=>{const n=e.flatMap(a=>a.filterOptions.map(r=>{const{filterFn:o,label:l,type:c,value:d,options:p,minValue:g,maxValue:x}=r;switch(c){case"numberRange":{const f=Aa(g,x);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case"dateRange":{const f=Ba(g==null?void 0:g.toString(),x==null?void 0:x.toString());return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case"radioButton":case"checkboxes":{const f=Wa(p);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case void 0:case"select":case"text":default:{const f=Pa(d),h=_a(c,a.label,o);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:h,onClose:i},l)}}})).filter(a=>{if(a===null)return!1;const{filterValue:r}=a.props;return!s._.isNil(r)&&!s._.isEmpty(String(r))});return t.jsx($,{display:"flex",children:n})},Oa=(e,i)=>{function n(l,c){if(c.value===""||c.value===void 0||s._.defaultTo(c.isBackFilter,!1))return!0;switch(c.filterFn){case"includesInsensitive":return String(l[c.key]).toLowerCase().includes(c.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[c.key]).toLowerCase()===c.value.toLowerCase()}}function a(l,c){if(!c.options||c.options.length===0)return!0;const d=c.options.filter(p=>p.checked).map(p=>p.value);return d.length===0?!0:d.includes(String(l[c.key]))}function r(l,c,d){const p=d(String(l[c.key])),{minValue:g,maxValue:x}=c,f=s._.isEmpty(g)&&typeof g!="number"?void 0:d(String(g)),h=s._.isEmpty(x)&&typeof x!="number"?void 0:d(String(x));return s._.isUndefined(f)&&s._.isUndefined(h)?!0:(f??-1/0)<=p&&p<=(h??1/0)}function o(l){return i.every(c=>{if(typeof c.key=="function")return c.key(l,c.value);switch(c.type){case"radioButton":case"checkboxes":return a(l,c);case"numberRange":return r(l,c,Number);case"dateRange":return r(l,c,d=>new Date(d));case"select":case"text":default:return n(l,c)}})}return e.filter(o)},pt=e=>[...e.flatMap(({options:n})=>n).filter(n=>n==null?void 0:n.checked),...e.flatMap(n=>[n.value,n.maxValue,n.minValue]).filter(Boolean)].length,Ha=e=>{var n;const i=((n=e.options)==null?void 0:n.map(a=>({...a,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:i}},Ma=({dataset:e,key:i,options:n,setFilteredDataset:a,variant:r="ungrouped"})=>{const o=Ee("filters-modal"),[l,c]=u.useState([]),[d,p]=u.useState(pt(l)),g=n.map(h=>({...h,filterOptions:h.filterOptions.map(y=>l.find(m=>m.key===y.key&&m.type===y.type&&m.filterFn===y.filterFn)??{...y})})),x=u.useCallback(h=>{c([...h]),localStorage.setItem(i,JSON.stringify(h))},[c,i]),f=u.useCallback(h=>()=>{const y=l.map(b=>b.key===h.key&&b.type===h.type&&b.filterFn===h.filterFn?Ha(b):b);c(y),localStorage.setItem(i,JSON.stringify(y))},[l,i]);return u.useEffect(()=>{const h=localStorage.getItem(i),y=h?JSON.parse(h):n.flatMap(b=>b.filterOptions);c(y)},[i,n]),u.useEffect(()=>{a(Oa(e,l)),p(pt(l))},[e,l,a]),t.jsxs(u.Fragment,{children:[t.jsx($,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",wrap:"wrap",children:t.jsxs($,{pr:.25,children:[t.jsx(R,{icon:"filter",id:"filterBtn",onClick:o.toggle,tag:d.toString(),variant:"ghost"}),t.jsx(ii,{onClose:f,options:g})]})}),t.jsx(ti,{modalRef:o,onApplyFilters:x,options:g,variant:r})]})},ni=({_portal:e=!0,alert:i,cancelButton:n=void 0,children:a=void 0,confirmButton:r=void 0,content:o=void 0,description:l=void 0,modalRef:c,otherActions:d=void 0,onClose:p=void 0,tabItems:g=void 0,title:x=void 0,size:f,id:h="modal-container"})=>{const y=s.nt(),b=()=>t.jsx(be,{"aria-label":c.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs($e,{$size:f,"data-testid":h,flexDirection:"column",id:h,children:[!s._.isEmpty(x)&&t.jsx(Mt,{description:l,modalRef:c,onClose:p,otherActions:d,title:x}),g&&t.jsx($,{borderTop:`1px solid ${y.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(Je,{items:g})}),(s._.isObject(o)||a)&&t.jsxs(xa,{children:[a,s._.isObject(o)&&s._.isString(o.imageSrc)&&t.jsx($a,{$framed:o.imageFramed,children:t.jsx(V,{alt:"modal-img",publicId:o.imageSrc})}),s._.isObject(o)&&s._.isString(o.imageText)&&t.jsx(k,{size:"sm",children:o.imageText})]}),t.jsx(Ht,{alert:i,cancelButton:n,confirmButton:r,modalRef:c})]})});return e&&c.isOpen?G.createPortal(b(),document.getElementById("portals")??document.body):c.isOpen?b():null},Va=()=>{const[e,i]=u.useState(!1),[n,a]=u.useState(),r=u.useRef(null),o=Ee("confirm-dialog-modal"),l=u.useCallback(async g=>(a(g),i(!0),new Promise(x=>{r.current=x})),[]),c=u.useCallback(()=>{var g;i(!1),a(void 0),(g=r.current)==null||g.call(r,!0)},[]),d=u.useCallback(()=>{var g;i(!1),a(void 0),(g=r.current)==null||g.call(r,!1)},[]);return u.useEffect(()=>{o.setIsOpen(e)},[e,o]),{ConfirmDialog:({id:g="confirm-dialog-modal",children:x})=>t.jsx(ni,{description:n==null?void 0:n.message,id:g,modalRef:{...o,close:d},size:"sm",title:n==null?void 0:n.title,children:t.jsxs($,{display:"flex",flexDirection:"column",children:[x,t.jsx(Vt,{id:n==null?void 0:n.id,onCancel:d,onConfirm:c})]})}),confirm:l}},Ga=s.dt.button`
|
|
1917
|
+
`,Jt=({control:e,option:i,register:n,setValue:a})=>{var r,o,l,c,d;switch(i.type){case"checkboxes":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(r=i.options)==null?void 0:r.map(g=>t.jsx(dt,{value:g.value,width:"content",children:t.jsx(Ne,{...n("checkbox"),label:g.label,value:g.value})},`li-checkbox-${g.value}`))});case"radioButton":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(o=i.options)==null?void 0:o.map(g=>t.jsx(dt,{value:g.value,width:"content",children:t.jsx(Ze,{...n("radio"),label:g.label,value:g.value})},`li-radio-${g.value}`))});case"select":return t.jsx(jt,{control:e,items:((l=i.options)==null?void 0:l.map(g=>({name:g.label??"",value:g.value})))??[],label:i.label,name:`text.${String(i.key)}-${i.filterFn??"caseInsensitive"}`,value:i.value});case"text":const p=`text.${String(i.key)}-${i.filterFn??"caseInsensitive"}`;return t.jsx(Xe,{label:i.label,name:p,register:n,value:i.value});case"numberRange":return t.jsx(Dt,{label:i.label,name:String(i.key),propsMax:{placeholder:"Max",register:n,name:"maxValue",value:i.maxValue,setValue:a},propsMin:{placeholder:"Min",register:n,name:"minValue",value:i.minValue,setValue:a}});case"dateRange":return t.jsx(Nt,{label:i.label,name:String(i.key),propsMax:{name:"maxValue",value:(c=i.maxValue)==null?void 0:c.toString()},propsMin:{name:"minValue",value:(d=i.minValue)==null?void 0:d.toString()},register:n,setValue:a});default:return t.jsx("div",{})}},Qt=({control:e,items:i,register:n,setValue:a})=>t.jsx(t.Fragment,{children:i.map((r,o)=>{const l=`${r.type}-${r.value}-${r.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(Jt,{control:e,option:r,register:n,setValue:a}),o<i.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},l)})}),ei=e=>{var c,d,p,g,x;const[i,n]=u.useState([...e]),{control:a,register:r,handleSubmit:o,setValue:l}=s.useForm({defaultValues:{checkbox:e.filter(f=>f.type==="checkboxes").flatMap(f=>{var h;return((h=f.options)==null?void 0:h.filter(y=>y.checked).map(y=>y.value))??[]}),radio:((p=(d=(c=e.find(f=>f.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:f})=>f))==null?void 0:p.value)??"",text:e.filter(f=>["text","select"].includes(f.type)).reduce((f,h)=>({...f,[`${String(h.key)}-${h.filterFn??"caseInsensitive"}`]:h.value??""}),{}),minValue:(g=e.find(f=>["numberRange","dateRange"].includes(f.type)))==null?void 0:g.minValue,maxValue:(x=e.find(f=>["numberRange","dateRange"].includes(f.type)))==null?void 0:x.maxValue}});return{control:a,items:i,setItems:n,register:r,handleSubmit:o,setValue:l}},Ra=(e,i)=>{var n,a,r,o,l;i("checkbox",e.filter(c=>c.type==="checkboxes").flatMap(c=>{var d;return((d=c.options)==null?void 0:d.filter(p=>p.checked).map(p=>p.value))??[]})),i("radio",((r=(a=(n=e.find(c=>c.type==="radioButton"))==null?void 0:n.options)==null?void 0:a.find(({checked:c})=>c))==null?void 0:r.value)??""),i("text",e.filter(c=>["text","select"].includes(c.type)).reduce((c,d)=>({...c,[`${String(d.key)}-${d.filterFn??"caseInsensitive"}`]:d.value??""}),{})),i("minValue",(o=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:o.minValue),i("maxValue",(l=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:l.maxValue)},Da=(e,i)=>e.map(n=>{var a;return n.type==="checkboxes"?{...n,options:(a=n.options)==null?void 0:a.filter(r=>{var o;return((o=r.label)==null?void 0:o.toLowerCase().includes(i.toLowerCase()))??r.value.toLowerCase().includes(i.toLowerCase())})}:n}),_e=({options:e,onSubmit:i,id:n,open:a})=>{const{control:r,items:o,setItems:l,register:c,handleSubmit:d,setValue:p}=ei(e),g=e.some(y=>y.type==="checkboxes"),x=u.useCallback(y=>{const{value:b}=y.target,m=Da(e,b);l(m)},[e,l]),f=u.useCallback(y=>{i&&i(y)},[i]);u.useEffect(()=>{l(e),Ra(e,p)},[e,l,p]);const h=t.jsx(be,{$bgColor:"transparent",children:t.jsxs($e,{$size:"fixed",flexDirection:"column",gap:1.25,style:{overflow:"hidden"},children:[g&&t.jsx(se,{onChange:x}),t.jsxs("form",{id:n,onSubmit:d(f),children:[t.jsx(Qt,{control:r,items:o,register:c,setValue:p}),t.jsx(R,{mt:1,type:"submit",children:"Apply"})]})]})});return a?G.createPortal(h,document.getElementById("portals")??document.body):t.jsx("div",{})},Se=({options:e,variant:i,onApplyFilters:n})=>{const a=s.nt(),[r,o]=u.useState(e),[l,c]=u.useState([]),[d,p]=u.useState({}),[g,x]=u.useState(""),f=u.useCallback(b=>()=>{const m=r.find(w=>w.label===b);x(b),c((m==null?void 0:m.filterOptions)??[])},[r]),h=u.useCallback(b=>{const m=[...b.checkbox,...Object.values(b.text??{}),...b.radio?[b.radio]:[],...b.minValue?[String(b.minValue)]:[],...b.maxValue?[String(b.maxValue)]:[]];p(v=>m.length>0?{...v,[g]:m}:v);const w=v=>{var N,F;return{...v,options:(N=v.options)==null?void 0:N.map(P=>({...P,checked:b.checkbox.includes(P.value)||b.radio===P.value})),value:["text","select"].includes(v.type)?((F=b.text)==null?void 0:F[`${String(v.key)}-${v.filterFn??"caseInsensitive"}`])??v.value:v.value,minValue:["numberRange","dateRange"].includes(v.type)?b.minValue:v.minValue,maxValue:["numberRange","dateRange"].includes(v.type)?b.maxValue:v.maxValue}},j=v=>v.label===g?{...v,filterOptions:v.filterOptions.map(w)}:v,I=r.map(j);o(v=>v.map(j));const z=I.flatMap(({filterOptions:v})=>v);n(z),c([])},[r,n,g]),y=u.useCallback((b,m)=>{const w=`li-filter-option-${b}`;return t.jsxs(Ea,{icon:m,onClick:f(b),style:{minWidth:"180px"},value:w,width:"100%",children:[b,d[b]===void 0?void 0:t.jsx(K,{tagLabel:d[b].length.toString()})]},w)},[d,f]);return u.useEffect(()=>{const b=e.reduce((m,{label:w,filterOptions:j})=>{const I=j.flatMap(({value:N,minValue:F,maxValue:P})=>[F,P,N]).filter(Boolean),z=j.flatMap(({options:N})=>N??[]).filter(({checked:N=!1})=>N).map(({value:N})=>N),v=[...I,...z];return v.length===0?m:{...m,[w]:v}},{});p(b)},[e]),i==="grouped"?t.jsxs($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:"360px",position:"relative",style:{columnGap:"10px"},wrap:"wrap",children:[Object.entries(qt(e)).map(([b,m])=>t.jsxs($,{children:[t.jsx(k,{color:a.palette.gray[400],mb:.25,size:"sm",children:b}),m.map(({label:w,icon:j="filter-list"})=>y(w,j))]},b)),t.jsx(_e,{id:"filters-options",onSubmit:h,open:l.length>0,options:l})]}):t.jsxs($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:"200px",style:{columnGap:"10px"},wrap:"wrap",children:[e.map(({label:b,icon:m="filter-list"})=>y(b,m)),t.jsx(_e,{id:"filters-options",onSubmit:h,open:l.length>0,options:l})]})},ti=({_containerId:e="portals",options:i,onApplyFilters:n,modalRef:a,variant:r})=>a.isOpen?G.createPortal(t.jsx(be,{$bgColor:"transparent","aria-label":a.name,"aria-modal":"true",children:t.jsxs($e,{$size:"fixed",alignItems:"start",display:"flex",flexDirection:"row",gap:.5,position:"relative",px:1.25,py:1.25,style:{width:"auto"},children:[t.jsx(Se,{onApplyFilters:n,options:i,variant:r}),t.jsx(Zt,{icon:"close",iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:a.close,variant:"ghost"})]})}),document.getElementById(e)??document.body):t.jsx("div",{}),La=({_containerId:e="portals",rightColumnOptions:i,leftColumnOptions:n,variant:a,onApplyFilters:r,modalRef:o})=>o.isOpen?G.createPortal(t.jsx(be,{$bgColor:"transparent","aria-label":o.name,"aria-modal":"true",children:t.jsxs($e,{$size:"lg",alignItems:"start",flexDirection:"row",gap:1,position:"relative",px:1.25,py:1.25,children:[t.jsxs($,{display:"flex",flexGrow:1,gap:1,justify:"space-between",children:[t.jsx(Se,{onApplyFilters:r,options:n,variant:a}),t.jsx(Se,{onApplyFilters:r,options:i,variant:a})]}),t.jsx(Zt,{icon:"close",iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:o.close,variant:"ghost"})]})}),document.getElementById(e)??document.body):t.jsx("div",{});function Pa(e){if(e)return e}function Wa(e){if(!e||e.length===0)return;const i=e.filter(a=>a.checked).map(a=>a.value);return i.length===0?void 0:i.join(", ")}function Aa(e,i){const n=s._.isEmpty(e)&&typeof e!="number"?void 0:Number(e),a=s._.isEmpty(i)&&typeof i!="number"?void 0:Number(String(i));if(!s._.isUndefined(n)&&!s._.isUndefined(a))return`${n} - ${a}`;if(!s._.isUndefined(n))return`Min ${n}`;if(!s._.isUndefined(a))return`Max ${a}`}function Ba(e,i){if(s.dayjs_minExports.extend(s.localizedFormat),!(s._.isUndefined(e)||s._.isUndefined(i))){if(e!==""&&i!=="")return`${s.dayjs(e).format("LL")} - ${s.dayjs(i).format("LL")}`;if(e!=="")return`From ${s.dayjs(e).format("LL")}`;if(i!=="")return`To ${s.dayjs(i).format("LL")}`}}function _a(e,i,n){return e==="select"?i:`${i} ${n==="includesInsensitive"?"contains":"is"}`}const ne=({filter:e,icon:i="filter-list",label:n,onClose:a,filterValue:r})=>s._.isNil(r)||s._.isEmpty(String(r))?null:t.jsx($,{pr:.25,children:t.jsx(K,{filterValues:r,icon:i,id:"remove-filter",onClose:a(e),tagLabel:`${n} `})},n),ii=({options:e,onClose:i})=>{const n=e.flatMap(a=>a.filterOptions.map(r=>{const{filterFn:o,label:l,type:c,value:d,options:p,minValue:g,maxValue:x}=r;switch(c){case"numberRange":{const f=Aa(g,x);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case"dateRange":{const f=Ba(g==null?void 0:g.toString(),x==null?void 0:x.toString());return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case"radioButton":case"checkboxes":{const f=Wa(p);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:a.label,onClose:i},l)}case void 0:case"select":case"text":default:{const f=Pa(d),h=_a(c,a.label,o);return t.jsx(ne,{filter:r,filterValue:f,icon:a.icon,label:h,onClose:i},l)}}})).filter(a=>{if(a===null)return!1;const{filterValue:r}=a.props;return!s._.isNil(r)&&!s._.isEmpty(String(r))});return t.jsx($,{display:"flex",children:n})},Oa=(e,i)=>{function n(l,c){if(c.value===""||c.value===void 0||s._.defaultTo(c.isBackFilter,!1))return!0;switch(c.filterFn){case"includesInsensitive":return String(l[c.key]).toLowerCase().includes(c.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[c.key]).toLowerCase()===c.value.toLowerCase()}}function a(l,c){if(!c.options||c.options.length===0)return!0;const d=c.options.filter(p=>p.checked).map(p=>p.value);return d.length===0?!0:d.includes(String(l[c.key]))}function r(l,c,d){const p=d(String(l[c.key])),{minValue:g,maxValue:x}=c,f=s._.isEmpty(g)&&typeof g!="number"?void 0:d(String(g)),h=s._.isEmpty(x)&&typeof x!="number"?void 0:d(String(x));return s._.isUndefined(f)&&s._.isUndefined(h)?!0:(f??-1/0)<=p&&p<=(h??1/0)}function o(l){return i.every(c=>{if(typeof c.key=="function")return c.key(l,c.value);switch(c.type){case"radioButton":case"checkboxes":return a(l,c);case"numberRange":return r(l,c,Number);case"dateRange":return r(l,c,d=>new Date(d));case"select":case"text":default:return n(l,c)}})}return e.filter(o)},pt=e=>[...e.flatMap(({options:n})=>n).filter(n=>n==null?void 0:n.checked),...e.flatMap(n=>[n.value,n.maxValue,n.minValue]).filter(Boolean)].length,Ha=e=>{var n;const i=((n=e.options)==null?void 0:n.map(a=>({...a,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:i}},Ma=({dataset:e,key:i,options:n,setFilteredDataset:a,variant:r="ungrouped"})=>{const o=Ee("filters-modal"),[l,c]=u.useState([]),[d,p]=u.useState(pt(l)),g=n.map(h=>({...h,filterOptions:h.filterOptions.map(y=>l.find(m=>m.key===y.key&&m.type===y.type&&m.filterFn===y.filterFn)??{...y})})),x=u.useCallback(h=>{c([...h]),localStorage.setItem(i,JSON.stringify(h))},[c,i]),f=u.useCallback(h=>()=>{const y=l.map(b=>b.key===h.key&&b.type===h.type&&b.filterFn===h.filterFn?Ha(b):b);c(y),localStorage.setItem(i,JSON.stringify(y))},[l,i]);return u.useEffect(()=>{const h=localStorage.getItem(i),y=h?JSON.parse(h):n.flatMap(b=>b.filterOptions);c(y)},[i,n]),u.useEffect(()=>{a(Oa(e,l)),p(pt(l))},[e,l,a]),t.jsxs(u.Fragment,{children:[t.jsx($,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",wrap:"wrap",children:t.jsxs($,{pr:.25,children:[t.jsx(R,{icon:"filter",id:"filterBtn",onClick:o.toggle,tag:d.toString(),variant:"ghost"}),t.jsx(ii,{onClose:f,options:g})]})}),t.jsx(ti,{modalRef:o,onApplyFilters:x,options:g,variant:r})]})},ni=({_portal:e=!0,alert:i,cancelButton:n=void 0,children:a=void 0,confirmButton:r=void 0,content:o=void 0,description:l=void 0,modalRef:c,otherActions:d=void 0,onClose:p=void 0,tabItems:g=void 0,title:x=void 0,size:f,id:h="modal-container"})=>{const y=s.nt(),b=t.jsx(be,{"aria-label":c.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs($e,{$size:f,"data-testid":h,flexDirection:"column",id:h,children:[!s._.isEmpty(x)&&t.jsx(Mt,{description:l,modalRef:c,onClose:p,otherActions:d,title:x}),g&&t.jsx($,{borderTop:`1px solid ${y.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(Je,{items:g})}),(s._.isObject(o)||a)&&t.jsxs(xa,{children:[a,s._.isObject(o)&&s._.isString(o.imageSrc)&&t.jsx($a,{$framed:o.imageFramed,children:t.jsx(V,{alt:"modal-img",publicId:o.imageSrc})}),s._.isObject(o)&&s._.isString(o.imageText)&&t.jsx(k,{size:"sm",children:o.imageText})]}),t.jsx(Ht,{alert:i,cancelButton:n,confirmButton:r,modalRef:c})]})});return e&&c.isOpen?G.createPortal(b,document.getElementById("portals")??document.body):c.isOpen?b:null},Va=()=>{const[e,i]=u.useState(!1),[n,a]=u.useState(),r=u.useRef(null),o=Ee("confirm-dialog-modal"),l=u.useCallback(async g=>(a(g),i(!0),new Promise(x=>{r.current=x})),[]),c=u.useCallback(()=>{var g;i(!1),a(void 0),(g=r.current)==null||g.call(r,!0)},[]),d=u.useCallback(()=>{var g;i(!1),a(void 0),(g=r.current)==null||g.call(r,!1)},[]);return u.useEffect(()=>{o.setIsOpen(e)},[e,o]),{ConfirmDialog:({id:g="confirm-dialog-modal",children:x})=>t.jsx(ni,{description:n==null?void 0:n.message,id:g,modalRef:{...o,close:d},size:"sm",title:n==null?void 0:n.title,children:t.jsxs($,{display:"flex",flexDirection:"column",children:[x,t.jsx(Vt,{id:n==null?void 0:n.id,onCancel:d,onConfirm:c})]})}),confirm:l}},Ga=s.dt.button`
|
|
1918
1918
|
display: flex;
|
|
1919
1919
|
position: relative;
|
|
1920
1920
|
height: 32px;
|
|
@@ -2121,7 +2121,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
2121
2121
|
background-color: ${e.palette.gray[100]};
|
|
2122
2122
|
}
|
|
2123
2123
|
`}
|
|
2124
|
-
`,oi=({isSelected:e=!1,label:i,onSelect:n})=>{const a=s.nt(),r=u.useCallback(()=>{n&&n(i)},[n,i]);return t.jsxs(Qe,{$isSelected:e,onClick:r,children:[e?t.jsx(C,{icon:"check",iconColor:a.palette.gray[800],iconSize:"xs"}):null,t.jsx(k,{color:a.palette.gray[800],fontWeight:"bold",size:"sm",children:i})]})},rr=({isOpen:e=!0,items:i,handleNewOrganization:n,onSelect:a,onClose:r,selectedItem:o,title:l,variant:c})=>{const d=s.nt(),[p,g]=u.useState(i),[x,f]=u.useState(""),h=u.useCallback(m=>{g(w=>w.filter(j=>String(j.name).toLowerCase().includes(m.toLocaleLowerCase())))},[g]),y=u.useCallback(m=>{m.currentTarget&&(f(m.currentTarget.value),h(m.currentTarget.value))},[f,h]);u.useEffect(()=>{g(i),h(x)},[i,h,x]);const b=
|
|
2124
|
+
`,oi=({isSelected:e=!1,label:i,onSelect:n})=>{const a=s.nt(),r=u.useCallback(()=>{n&&n(i)},[n,i]);return t.jsxs(Qe,{$isSelected:e,onClick:r,children:[e?t.jsx(C,{icon:"check",iconColor:a.palette.gray[800],iconSize:"xs"}):null,t.jsx(k,{color:a.palette.gray[800],fontWeight:"bold",size:"sm",children:i})]})},rr=({isOpen:e=!0,items:i,handleNewOrganization:n,onSelect:a,onClose:r,selectedItem:o,title:l,variant:c})=>{const d=s.nt(),[p,g]=u.useState(i),[x,f]=u.useState(""),h=u.useCallback(m=>{g(w=>w.filter(j=>String(j.name).toLowerCase().includes(m.toLocaleLowerCase())))},[g]),y=u.useCallback(m=>{m.currentTarget&&(f(m.currentTarget.value),h(m.currentTarget.value))},[f,h]);u.useEffect(()=>{g(i),h(x)},[i,h,x]);const b=t.jsx($,{"aria-modal":"true",className:"comp-modal fixed inset-0 overflow-auto",zIndex:99999,children:t.jsx($,{alignItems:"center",bgColor:"rgb(52 64 84 / 70%)",display:"flex",height:"100vh",justify:"center",left:"0",top:"0",width:"100%",children:t.jsxs(ar,{$itemsLength:p.length,children:[t.jsxs($,{alignItems:"center",display:"flex",justify:"space-between",children:[t.jsx(k,{color:d.palette.gray[800],fontWeight:"bold",size:"lg",children:l}),t.jsx(B,{icon:"xmark",iconColor:d.palette.gray[400],iconSize:"xs",iconType:"fa-light",onClick:r,variant:"ghost"})]}),t.jsx($,{mt:1,children:t.jsx(se,{onInput:y,placeholder:"Search"})}),t.jsx(J,{mb:1,mt:1}),t.jsxs($,{display:"inline-flex",gap:1,maxHeight:"332px",scroll:"y",wrap:"wrap",children:[c==="organization-selector"?t.jsx(Qe,{onClick:n,children:t.jsxs($,{alignItems:"center",display:"flex",children:[t.jsx(C,{icon:"square-plus",iconColor:d.palette.gray[400],iconSize:"xs",iconType:"fa-light",mr:.5}),t.jsx(k,{color:d.palette.gray[400],size:"sm",children:"New organization"})]})}):void 0,p.map(m=>t.jsx(oi,{isSelected:o.toLowerCase()===m.name,label:m.name.charAt(0).toUpperCase()+m.name.slice(1),onSelect:a},m.name))]})]})})});return e?G.createPortal(b,document.body):t.jsx("div",{})},or=({description:e,height:i="auto",leftIconName:n,children:a,rightIconName:r,title:o,tooltipId:l,tooltipTip:c,tooltipPlace:d="bottom",variant:p="centered",width:g="318px"})=>{const x=s.nt(),f=p==="centered",h=l&&t.jsx(Y,{icon:r??n,iconColor:x.palette.gray[800],id:l,place:d,tip:c});return t.jsxs($,{alignItems:f?"center":"flex-start",bgColor:x.palette.gray[50],border:`1px solid ${x.palette.gray[200]}`,borderRadius:"4px",display:"inline-flex",flexDirection:f?"column":"column-reverse",gap:.5,height:i,justify:"center",padding:[1.25,1.25,1.25,1.25],width:g,children:[t.jsxs($,{alignItems:"center",display:"flex",gap:.5,children:[f||s.lodashExports.isUndefined(n)?void 0:h,t.jsx(k,{color:f?x.palette.gray[800]:x.palette.gray[400],size:"md",textAlign:f?"center":"start",children:e}),f||s.lodashExports.isUndefined(r)?void 0:h]}),t.jsxs($,{alignItems:"center",display:"flex",gap:.5,my:.5,children:[f&&!s.lodashExports.isUndefined(n)?h:void 0,t.jsxs("div",{style:{display:"flex",gap:"12px"},children:[s.lodashExports.isUndefined(o)?void 0:t.jsx(A,{fontWeight:"bold",size:"md",children:o}),a]}),f&&!s.lodashExports.isUndefined(r)?h:void 0]})]})},sr=({actions:e,children:i,header:n,title:a,tabs:r,footer:o})=>{const l=s.nt();return t.jsxs($,{alignItems:"flex-start",bgColor:l.palette.white,borderLeft:`1px solid ${l.palette.gray[300]}`,display:"flex",flexDirection:"column",maxHeight:"750px",width:"480px",children:[t.jsxs($,{alignItems:"flex-start",alignSelf:"stretch",borderBottom:`1px solid ${l.palette.gray[300]}`,display:"flex",gap:.25,justify:"space-between",px:1.25,py:1,children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,children:[t.jsx(k,{color:l.palette.gray[800],fontWeight:"bold",lineSpacing:1.75,size:"xl",children:a}),n]}),e&&t.jsx($,{display:"flex",gap:.25,children:e.map(({icon:c,onClick:d},p)=>t.jsx(B,{icon:c??"paper-plane",iconColor:l.palette.gray[400],iconSize:"xxs",iconType:"fa-light",onClick:d,variant:"ghost"},`${p}-${c}`))})]}),t.jsx($,{display:"flex",pt:.25,width:"100%",children:t.jsx(Je,{items:r})}),t.jsx($,{alignSelf:"stretch",display:"flex",flexDirection:"column",px:1.25,py:1,scroll:"y",children:i}),o&&t.jsx($,{alignSelf:"stretch",borderTop:`1px solid ${l.palette.gray[300]}`,display:"flex",gap:.5,justify:"end",px:1.25,py:1,children:o.map(({icon:c,text:d,onClick:p},g)=>t.jsx(R,{icon:c,onClick:p,variant:g===0?"primary":"tertiary",width:"100%",children:d},`${g}-${d}`))})]})},lr=s.dt.div`
|
|
2125
2125
|
${({theme:e})=>`
|
|
2126
2126
|
align-items: flex-start;
|
|
2127
2127
|
backdrop-filter: blur(3.15px);
|
|
@@ -2302,7 +2302,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
2302
2302
|
`,yr=s.dt.div.attrs({className:"flex flex-wrap items-center justify-end mb2"})`
|
|
2303
2303
|
gap: 8px;
|
|
2304
2304
|
`,we=e=>e===void 0?"grow: 1;":`width: calc(${e}00% / var(--cols));`,mr=s.dt.div.attrs({className:"comp-col"})`
|
|
2305
|
-
word-
|
|
2305
|
+
word-wrap: break-word;
|
|
2306
2306
|
|
|
2307
2307
|
${({$width:e=null})=>e===null?"":`width: ${e}`};
|
|
2308
2308
|
|
|
@@ -2423,7 +2423,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
2423
2423
|
`,ut=s.dt.div`
|
|
2424
2424
|
height: 79px;
|
|
2425
2425
|
width: 64px;
|
|
2426
|
-
shrink: 0;
|
|
2426
|
+
flex-shrink: 0;
|
|
2427
2427
|
position: absolute;
|
|
2428
2428
|
z-index: 11;
|
|
2429
2429
|
|
|
@@ -2559,7 +2559,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
2559
2559
|
&::-webkit-inner-spin-button {
|
|
2560
2560
|
opacity: 1;
|
|
2561
2561
|
}
|
|
2562
|
-
`,Zr=u.forwardRef(function({autoUpdate:i=!1,decimalPlaces:n=0,defaultValue:a=0,max:r,min:o,name:l,onEnter:c,tooltipMessage:d,...p},g){const x=n<0?0:n,[f,h]=u.useState(Number(a).toFixed(x)),y=u.useCallback(w=>{const j=s.lodashExports.toNumber(w.target.value);w.target.value.endsWith(".")?h(w.target.value):j>=Number(o)&&j<=Number(r)&&(h(String(j)),i&&c(s.lodashExports.toNumber(j.toFixed(x)))),w.stopPropagation()},[i,x,r,o,c]),b=u.useCallback(w=>{w.currentTarget.contains(w.relatedTarget)||h(Number(a).toFixed(x)),w.stopPropagation()},[x,a]),m=u.useCallback(w=>{w.stopPropagation(),w.key==="Enter"&&!s.lodashExports.isEmpty(w.currentTarget.value)&&c(s.lodashExports.toNumber(w.currentTarget.value))},[c]);return t.jsx(qr,{onBlur:b,tabIndex:-1,children:t.jsx(Y,{id:"numberInputTooltip",tip:d,children:t.jsx(Xr,{...p,"aria-label":l,"aria-valuemax":Number(r),"aria-valuemin":Number(o),"aria-valuenow":Number(f),max:r,min:o,name:l,onChange:y,onKeyUp:m,ref:g,step:10**-x,type:"number",value:f})})})}),Jr={Azure:"integrates/autoenrollment/azureIcon",Bitbucket:"integrates/autoenrollment/bitbucketLogo",GitHub:"integrates/autoenrollment/githubLogo",GitLab:"integrates/autoenrollment/gitlabIcon"},Ve=({icon:e,label:i,onClick:n,onlyLabel:a=!1,provider:r="GitLab"})=>{const o=s.nt();return t.jsxs($,{alignItems:"center",bgColorHover:o.palette.gray[100],borderRadius:"4px",cursor:"pointer",display:"flex",flexDirection:"column",gap:.25,height:"62px",justify:"center",minWidth:"64px",onClick:n,pb:.5,pl:.25,pr:.25,pt:.5,children:[a?!1:t.jsx($,{height:"24px",width:"24px",children:e===void 0?t.jsx(V,{alt:`${r} Logo`,height:"100%",publicId:Jr[r],width:"100%"}):t.jsx(C,{icon:e,iconColor:"#000",iconSize:"sm",iconType:"fa-light"})}),t.jsx($,{alignItems:"center",display:"flex",minWidth:"24px",children:t.jsx(k,{color:o.palette.gray[800],display:"inline",size:"xs",textAlign:"center",whiteSpace:a?"break-spaces":"nowrap",wordWrap:"unset",children:i??r})})]})},Qr=({align:e="end",buttonLabel:i="Add Credential",children:n,id:a,manualOption:r,providers:o})=>{const l=s.nt(),[c,d]=u.useState(!1),p=u.useRef(null);ee(p.current,()=>{d(!1)},!0);const g=u.useCallback(h=>{r==null||r.onClick(h),d(!1)},[r]),x=u.useCallback(()=>{d(h=>!h)},[d]),f=u.useCallback(h=>y=>{var b;(b=o[h])==null||b.onClick(y),d(!1)},[o]);return t.jsxs($,{alignItems:e,display:"flex",flexDirection:"column",position:"relative",ref:p,width:"max-content",zIndex:10,children:[t.jsx(R,{icon:"plus",onClick:x,variant:"primary",children:i}),t.jsxs($,{alignItems:"center",bgColor:"#fff",border:`1px solid ${l.palette.gray[200]}`,borderRadius:"4px",display:"flex",gap:.5,height:"78px",id:a,pb:.5,pl:.75,position:"absolute",pr:.75,pt:.5,shadow:"md",top:"40px",visibility:c?"visible":"hidden",zIndex:10,children:[Object.keys(o).map(h=>t.jsx(Ve,{onClick:f(h),provider:h},h)),r===void 0?void 0:t.jsx(Ve,{icon:"square-plus",label:r.label??"Add manually",onClick:g}),n]})]})},ci=
|
|
2562
|
+
`,Zr=u.forwardRef(function({autoUpdate:i=!1,decimalPlaces:n=0,defaultValue:a=0,max:r,min:o,name:l,onEnter:c,tooltipMessage:d,...p},g){const x=n<0?0:n,[f,h]=u.useState(Number(a).toFixed(x)),y=u.useCallback(w=>{const j=s.lodashExports.toNumber(w.target.value);w.target.value.endsWith(".")?h(w.target.value):j>=Number(o)&&j<=Number(r)&&(h(String(j)),i&&c(s.lodashExports.toNumber(j.toFixed(x)))),w.stopPropagation()},[i,x,r,o,c]),b=u.useCallback(w=>{w.currentTarget.contains(w.relatedTarget)||h(Number(a).toFixed(x)),w.stopPropagation()},[x,a]),m=u.useCallback(w=>{w.stopPropagation(),w.key==="Enter"&&!s.lodashExports.isEmpty(w.currentTarget.value)&&c(s.lodashExports.toNumber(w.currentTarget.value))},[c]);return t.jsx(qr,{onBlur:b,tabIndex:-1,children:t.jsx(Y,{id:"numberInputTooltip",tip:d,children:t.jsx(Xr,{...p,"aria-label":l,"aria-valuemax":Number(r),"aria-valuemin":Number(o),"aria-valuenow":Number(f),max:r,min:o,name:l,onChange:y,onKeyUp:m,ref:g,step:10**-x,type:"number",value:f})})})}),Jr={Azure:"integrates/autoenrollment/azureIcon",Bitbucket:"integrates/autoenrollment/bitbucketLogo",GitHub:"integrates/autoenrollment/githubLogo",GitLab:"integrates/autoenrollment/gitlabIcon"},Ve=({icon:e,label:i,onClick:n,onlyLabel:a=!1,provider:r="GitLab"})=>{const o=s.nt();return t.jsxs($,{alignItems:"center",bgColorHover:o.palette.gray[100],borderRadius:"4px",cursor:"pointer",display:"flex",flexDirection:"column",gap:.25,height:"62px",justify:"center",minWidth:"64px",onClick:n,pb:.5,pl:.25,pr:.25,pt:.5,children:[a?!1:t.jsx($,{height:"24px",width:"24px",children:e===void 0?t.jsx(V,{alt:`${r} Logo`,height:"100%",publicId:Jr[r],width:"100%"}):t.jsx(C,{icon:e,iconColor:"#000",iconSize:"sm",iconType:"fa-light"})}),t.jsx($,{alignItems:"center",display:"flex",minWidth:"24px",children:t.jsx(k,{color:o.palette.gray[800],display:"inline",size:"xs",textAlign:"center",whiteSpace:a?"break-spaces":"nowrap",wordWrap:"unset",children:i??r})})]})},Qr=({align:e="end",buttonLabel:i="Add Credential",children:n,id:a,manualOption:r,providers:o})=>{const l=s.nt(),[c,d]=u.useState(!1),p=u.useRef(null);ee(p.current,()=>{d(!1)},!0);const g=u.useCallback(h=>{r==null||r.onClick(h),d(!1)},[r]),x=u.useCallback(()=>{d(h=>!h)},[d]),f=u.useCallback(h=>y=>{var b;(b=o[h])==null||b.onClick(y),d(!1)},[o]);return t.jsxs($,{alignItems:e,display:"flex",flexDirection:"column",position:"relative",ref:p,width:"max-content",zIndex:10,children:[t.jsx(R,{icon:"plus",onClick:x,variant:"primary",children:i}),t.jsxs($,{alignItems:"center",bgColor:"#fff",border:`1px solid ${l.palette.gray[200]}`,borderRadius:"4px",display:"flex",gap:.5,height:"78px",id:a,pb:.5,pl:.75,position:"absolute",pr:.75,pt:.5,shadow:"md",top:"40px",visibility:c?"visible":"hidden",zIndex:10,children:[Object.keys(o).map(h=>t.jsx(Ve,{onClick:f(h),provider:h},h)),r===void 0?void 0:t.jsx(Ve,{icon:"square-plus",label:r.label??"Add manually",onClick:g}),n]})]})},ci=t.jsx($,{alignItems:"center",bgColor:S.palette.primary[25],borderRadius:"8px",gap:.5,justify:"center",padding:[.125,.25,.125,.25],width:"max-content",children:t.jsx(k,{bgGradient:S.palette.gradients["01"],fontWeight:"semibold",size:"xs",textFill:"transparent",children:"Recommended"})}),eo=s.dt.div`
|
|
2563
2563
|
${({className:e,theme:i})=>`
|
|
2564
2564
|
align-items: flex-start;
|
|
2565
2565
|
border-radius: ${i.spacing[1]};
|
|
@@ -2625,7 +2625,7 @@ ${h[8]}...`:(h.length<8&&d(!1),i)},[o,i,e]),x=u.useMemo(g,[g]),f=u.useCallback(a
|
|
|
2625
2625
|
}
|
|
2626
2626
|
`}
|
|
2627
2627
|
`;const to={advanced:{title:"Advanced plan",benefits:"Leverage vulnerability scanning + AI + expert intelligence",buttonText:"Contact sales",description:"For teams that want to discover risk exposure with speed and accuracy.",priceGroup:"$1,579"},essential:{title:"Essential plan",benefits:"Leverage vulnerability scanning",buttonText:"Start a 21-day free trial",description:`For teams that want to discover risk exposure quickly
|
|
2628
|
-
through our scanning tool.`,priceAuthor:"$499",priceGroup:"$1,579"}},io=({description:e,onClick:i,plan:n})=>{const{title:a,description:r,benefits:o,buttonText:l}=to[n],c=e??r;return t.jsxs(eo,{className:n,children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,pt:n==="essential"?1.75:0,children:[n==="advanced"&&
|
|
2628
|
+
through our scanning tool.`,priceAuthor:"$499",priceGroup:"$1,579"}},io=({description:e,onClick:i,plan:n})=>{const{title:a,description:r,benefits:o,buttonText:l}=to[n],c=e??r;return t.jsxs(eo,{className:n,children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,pt:n==="essential"?1.75:0,children:[n==="advanced"&&ci,t.jsx(A,{color:S.palette.gray[900],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:a}),t.jsx(k,{color:S.palette.gray[400],fontWeight:"semibold",pb:n==="essential"?1.25:0,size:"sm",sizeSm:"xs",children:o})]}),t.jsx(k,{lineSpacing:1.5,lineSpacingSm:1.25,pb:n==="advanced"?1.5:0,size:"md",sizeSm:"sm",children:c}),t.jsx(R,{onClick:i,variant:"primary",children:l})]})},di=({description:e="",highlightDescription:i=""})=>{const n=s.nt(),a=typeof i=="string",r=a?"":new RegExp(`(${i.join("|")})`,"u");return i.length>0?t.jsx(k,{display:"inline",lineSpacing:1.5,size:"lg",textAlign:"center",children:a?t.jsxs(u.Fragment,{children:[t.jsx(re,{color:n.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:i}),e]}):e.split(r).map((o,l)=>i.includes(o)?t.jsx(re,{color:n.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:o},`${l+1}-bold`):o)}):t.jsx(k,{lineSpacing:1.5,size:"lg",textAlign:"center",children:e})},no=({_portal:e=!1,cancelButton:i,darkBackground:n=!1,children:a,confirmButton:r,container:o,description:l,highlightDescription:c="",image:d,maxWidth:p,title:g,titleColor:x})=>{const f=s.nt(),{alt:h,src:y,width:b="77px",height:m="77px"}=d,w=u.useCallback(()=>{i==null||i.onClick()},[i]),j=u.useCallback(()=>{r==null||r.onClick()},[r]),I=t.jsx($,{alignItems:"center","aria-label":g,"aria-modal":"true",bgColor:n?"rgba(52, 64, 84, 70%)":"",display:"flex",height:"100vh",justify:"center",left:"0",position:e?"fixed":"absolute",top:"0px",width:"100%",zIndex:99999,children:t.jsxs($,{bgColor:f.palette.white,border:`1px solid ${f.palette.gray[200]}`,borderRadius:"8px",display:"inline-flex",flexDirection:"column",maxWidth:p,pb:2.5,pl:2.5,pr:2.5,pt:2.5,shadow:"lg",width:"100%",zIndex:11,children:[t.jsxs($,{alignItems:"center",display:"flex",flexDirection:"column",width:"100%",children:[t.jsx($,{children:t.jsx(V,{alt:h,height:m,publicId:y,width:b})}),t.jsxs($,{display:"flex",flexDirection:"column",gap:.5,mb:1.5,mt:1.5,children:[t.jsx(A,{color:x,fontWeight:"bold",lineSpacing:2.5,size:"lg",textAlign:"center",children:g}),t.jsx(di,{description:l,highlightDescription:c})]})]}),a&&t.jsx($,{mb:1,scroll:"y",children:t.jsx($,{height:"100%",children:a})}),t.jsxs($,{alignItems:"flex-start",display:"flex",gap:1,justify:"center",children:[s.lodashExports.isObject(r)?t.jsx(R,{onClick:j,variant:(r==null?void 0:r.variant)??"primary",children:r==null?void 0:r.text},r==null?void 0:r.key):void 0,s.lodashExports.isObject(i)?t.jsx(R,{onClick:w,variant:(i==null?void 0:i.variant)??"tertiary",children:i==null?void 0:i.text},i==null?void 0:i.key):void 0]})]})});return e?G.createPortal(I,o??document.body):I},ao=s.dt.div`
|
|
2629
2629
|
${({theme:e})=>`
|
|
2630
2630
|
height: ${e.spacing[1]};
|
|
2631
2631
|
width: ${e.spacing[1]};
|
package/dist/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-CRGorLNm.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-CRGorLNm.js"),t=require("./vendor-Fd8GJpo1.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Filters=e.Filters;exports.Form=e.Form;exports.FormItem=e.FormItem;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.InteractiveCard=e.InteractiveCard;exports.LanguageSelector=e.LanguageSelector;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.LogoCarousel=e.LogoCarousel;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.Progress=e.Progress;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SearchBar=e.SearchBar;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SingleColumFilters=e.SingleColumFilters;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.TwoColumnsFilters=e.TwoColumnsFilters;exports.WebForm=e.WebForm;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
|
package/package.json
CHANGED