@fluidattacks/design 3.31.1 → 3.31.2-pr.1
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/components/@core/index.js +1 -1
- package/dist/components/accordion/accordion-content/index.js +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/advisories-card/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.d.ts +1 -1
- package/dist/components/card/card-with-input/index.js +1 -1
- package/dist/components/card/card-with-input/styles.d.ts +1 -0
- 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/card/indicator-card/index.js +1 -1
- package/dist/components/card/types.d.ts +1 -0
- package/dist/components/card-container/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/conditions-dialog/index.js +1 -1
- package/dist/components/confirm-dialog/index.js +1 -1
- package/dist/components/container/index.js +1 -1
- package/dist/components/copy-button/index.js +1 -1
- package/dist/components/divider/index.js +1 -1
- package/dist/components/dropdown/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/fa-tag/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-db/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-array/field/index.js +1 -1
- package/dist/components/inputs/fields/input-array/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/fields/text-input/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/item-card-db/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/lottie/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/column-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/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/oauth-selector/index.js +1 -1
- package/dist/components/oauth-selector/option-container/index.js +1 -1
- package/dist/components/paginator-db/btn/index.js +1 -1
- package/dist/components/paginator-db/dropdown/index.js +1 -1
- package/dist/components/paginator-db/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-cards/card/index.js +1 -1
- package/dist/components/priority-cards/index.js +1 -1
- package/dist/components/priority-score/index.js +1 -1
- package/dist/components/progress-bar/index.js +1 -1
- package/dist/components/progress-indicator/in-progress-icon/index.js +1 -1
- package/dist/components/progress-indicator/index.js +1 -1
- package/dist/components/progress-indicator/step/index.js +1 -1
- package/dist/components/radio-button/index.js +1 -1
- package/dist/components/rank-position/icon/index.js +1 -1
- package/dist/components/rank-position/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-dropdown/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/context/index.js +1 -1
- package/dist/components/table/export-csv/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/pagination/pagination-control/index.js +1 -1
- package/dist/components/table/pagination/pagination-dropdown/index.js +1 -1
- package/dist/components/table/pagination/pagination-size/index.js +1 -1
- package/dist/components/table/sort-icon/index.js +1 -1
- package/dist/components/table/table-body/index.js +1 -1
- package/dist/components/table/table-column-toggle/index.js +1 -1
- package/dist/components/table/table-content/head/index.js +1 -1
- package/dist/components/table/table-content/index.js +1 -1
- package/dist/components/table/table-footer/footer-content/index.js +1 -1
- package/dist/components/table/table-footer/index.js +1 -1
- package/dist/components/table/table-options/caption-content/index.js +1 -1
- package/dist/components/table/table-options/controls-content/index.js +1 -1
- package/dist/components/table/table-options/highlighted-content/index.js +1 -1
- package/dist/components/table/table-options/index.js +1 -1
- package/dist/components/table/wrapper/index.js +1 -1
- package/dist/components/table-button/index.js +1 -1
- package/dist/components/table-content/index.js +1 -1
- package/dist/components/table-content/item-content/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/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/weaknesses-card/index.js +1 -1
- package/dist/{components-QYRtm2mZ.mjs → components-CourNdg-.mjs} +242 -255
- package/dist/{components-Dyy7In_r.js → components-DLAdWnA5.js} +22 -38
- package/dist/hooks/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -261,29 +261,13 @@
|
|
|
261
261
|
padding: ${e.spacing[1.5]};
|
|
262
262
|
overflow: hidden;
|
|
263
263
|
position: relative;
|
|
264
|
-
transition: border 0.1s ease-in-out;
|
|
265
264
|
width: 100%;
|
|
266
265
|
|
|
267
|
-
&::before {
|
|
268
|
-
content: "";
|
|
269
|
-
position: absolute;
|
|
270
|
-
inset: 0;
|
|
271
|
-
background: ${e.palette.gradient};
|
|
272
|
-
border: 1px solid transparent;
|
|
273
|
-
border-radius: inherit;
|
|
274
|
-
opacity: 0;
|
|
275
|
-
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
276
|
-
mask-composite: exclude;
|
|
277
|
-
pointer-events: none;
|
|
278
|
-
transition: opacity 0.3s ease-in-out;
|
|
279
|
-
}
|
|
280
|
-
|
|
281
266
|
&:hover {
|
|
267
|
+
background-clip: padding-box, border-box;
|
|
268
|
+
background-image: linear-gradient(white, white), ${e.palette.gradient};
|
|
269
|
+
background-origin: padding-box, border-box;
|
|
282
270
|
border-color: transparent;
|
|
283
|
-
|
|
284
|
-
&::before {
|
|
285
|
-
opacity: 1;
|
|
286
|
-
}
|
|
287
271
|
}
|
|
288
272
|
`}
|
|
289
273
|
`,fe=f.styled.div`
|
|
@@ -525,7 +509,7 @@
|
|
|
525
509
|
left: 50%;
|
|
526
510
|
transform: translateX(-50%) rotate(180deg);
|
|
527
511
|
`}}}
|
|
528
|
-
`,X=({children:e,disabled:n=!1,display:i="inline-block",height:r,icon:o,iconColor:a,iconSize:l,id:s,maxWidth:c,nodeTip:d,place:p="bottom",tip:g="",title:x="",hide:h=g===""&&x===""&&d===void 0,width:b})=>{const m=f.useTheme(),[w,j]=u.useState(!1),{refs:S,floatingStyles:k,context:v,placement:C}=y.useFloating({middleware:[y.flip({fallbackAxisSideDirection:"start"}),y.offset({mainAxis:10}),y.shift()],onOpenChange:j,open:w,placement:p,whileElementsMounted:y.autoUpdate}),T=y.useHover(v,{delay:{close:0,open:500},move:!1}),
|
|
512
|
+
`,X=({children:e,disabled:n=!1,display:i="inline-block",height:r,icon:o,iconColor:a,iconSize:l,id:s,maxWidth:c,nodeTip:d,place:p="bottom",tip:g="",title:x="",hide:h=g===""&&x===""&&d===void 0,width:b})=>{const m=f.useTheme(),[w,j]=u.useState(!1),{refs:S,floatingStyles:k,context:v,placement:C}=y.useFloating({middleware:[y.flip({fallbackAxisSideDirection:"start"}),y.offset({mainAxis:10}),y.shift()],onOpenChange:j,open:w,placement:p,whileElementsMounted:y.autoUpdate}),T=y.useHover(v,{delay:{close:0,open:500},move:!1}),R=y.useFocus(v),F=y.useRole(v,{role:o?"label":"tooltip"}),{getReferenceProps:D,getFloatingProps:z}=y.useInteractions([T,R,F]),N=u.useMemo(()=>C.startsWith("top")?"top":C.startsWith("bottom")?"bottom":C.startsWith("left")?"left":C.startsWith("right")?"right":"bottom",[C]);return n?t.jsx(u.StrictMode,{children:e}):t.jsxs(t.Fragment,{children:[t.jsx(or,{...D(),display:i,height:r,id:s,ref:S.setReference,width:b,children:o?t.jsx(E,{clickable:!0,disabled:n,icon:o,iconColor:a,iconSize:l??"sm",iconType:w?"fa-solid":"fa-light"}):e}),w&&!h&&ce.createPortal(t.jsxs(ar,{...z(),$maxWidth:c,id:`floating-${s}`,ref:S.setFloating,style:k,children:[y.lodashExports.isEmpty(x)?void 0:t.jsx(I,{color:m.palette.white,fontWeight:"bold",mb:.25,size:"sm",textAlign:"start",wordWrap:"break-word",children:x}),y.lodashExports.isEmpty(g)?void 0:t.jsx(I,{color:m.palette.gray[100],size:"sm",textAlign:"start",whiteSpace:"normal",wordWrap:"break-word",children:g}),y.lodashExports.isEmpty(d)?void 0:d,t.jsx(sr,{$placement:N,children:t.jsx("svg",{fill:"none",height:"8",viewBox:"0 0 16 8",width:"16",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M16 0L0 0L6.58579 6.58579C7.36684 7.36684 8.63317 7.36684 9.41421 6.58579L16 0Z",fill:m.palette.gray[700]})})})]}),document.getElementById("root")??document.body)]})},_=u.forwardRef(function({borderRadius:n,disabled:i,icon:r,iconColor:o,iconSize:a="sm",iconTransform:l,iconType:s,id:c,justify:d="center",onClick:p,px:g,py:x,type:h="button",tooltip:b,tooltipPlace:m,value:w,variant:j="primary",...S},k){const v=t.jsx(rr,{$variant:j,"aria-disabled":i,"aria-label":c,borderRadius:n,disabled:i,id:c,justify:d,onClick:p,px:g,py:x,ref:k,type:h,value:w,...S,children:t.jsx(E,{clickable:!1,icon:r,iconColor:o,iconSize:a,iconTransform:l,iconType:s})}),T=(h+(j??"")+(c??r)).replace(/ /u,"_");return b===void 0?v:t.jsx(X,{id:`${T}-tooltip`,place:m,tip:b,children:v})}),lr=u.forwardRef(function({autoHide:n=!1,children:i,closable:r=!1,icon:o,iconEnabled:a=!0,iconPosition:l="center",onClose:s=void 0,onTimeOut:c,show:d=!0,time:p=8,title:g,variant:x="error",id:h,...b},m){const[w,j]=u.useState(d),S=u.useCallback(()=>{s==null||s(),j(!1)},[s]);return u.useEffect(()=>{const k=setTimeout(()=>{c==null||c(!0),n&&S()},p*1e3);return()=>{clearTimeout(k)}},[n,S,p,c]),u.useEffect(()=>{j(d)},[d,j]),t.jsx($,{display:w?"block":"none",ref:m,role:"alert",...b,children:t.jsxs(er,{$iconPosition:l,$variant:x,id:h,children:[a?t.jsx(E,{clickable:!1,icon:o??Ji(x),iconSize:"lg",iconType:"fa-light",mt:l==="top"?.25:0}):void 0,t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,style:{flex:1},children:[g?t.jsx(tr,{children:g}):void 0,t.jsx(nr,{$hasTitle:!!g,children:i})]}),r?t.jsx(_,{height:"fit-content",icon:"close",iconSize:"lg",iconType:"fa-light",onClick:S,px:.125,py:.125,style:{alignSelf:"flex-start"},variant:"ghost"}):void 0]})})}),Ct=f.styled.div`
|
|
529
513
|
${({theme:e})=>`
|
|
530
514
|
align-items: center;
|
|
531
515
|
background-color: ${e.palette.gray[200]};
|
|
@@ -769,7 +753,7 @@
|
|
|
769
753
|
${Jt}
|
|
770
754
|
`,fr=f.styled(Xe.Link)`
|
|
771
755
|
${Jt}
|
|
772
|
-
`,ie=({children:e,color:n,download:i,href:r,iconPosition:o="right",onClick:a,target:l,variant:s="lowRelevance",wrap:c=!1})=>{const d=r.startsWith("https://"),p=t.jsx(E,{icon:i===void 0?"arrow-up-right-from-square":"arrow-down-to-bracket",iconSize:"sm",iconType:"fa-light",ml:.25,mr:.25});return d?t.jsxs(hr,{$color:n,$variant:s,$wrap:c,download:i,href:r,onClick:a,rel:"nofollow noopener noreferrer",target:l??"_blank",children:[o==="left"?p:void 0,e,o==="right"?p:void 0]}):t.jsxs(fr,{$variant:s,$wrap:c,download:i,onClick:a,rel:"nofollow noopener noreferrer",target:l,to:r,children:[l!==void 0&&o==="left"?p:void 0,e,l!==void 0&&o==="right"?p:void 0]})},q=({disabled:e,icon:n,iconColor:i="inherit",iconType:r="fa-light",id:o="close-tag",filterValues:a="",fontSize:l,href:s,linkLabel:c,onClose:d,priority:p="default",tagTitle:g="",tagLabel:x,variant:h="default"})=>{const b=x.length>25&&y.lodashExports.isEmpty(g+a),m=`${x.slice(0,25)}...`;return t.jsxs(ye,{className:"gap-0.5",display:s===void 0?"initial":"flex",size:"md",children:[t.jsxs(ur,{$fontSize:l,$variant:h,className:p,children:[n&&t.jsx(E,{icon:n,iconColor:i,iconSize:"sm",iconType:r}),t.jsxs("span",{className:"w-full",children:[t.jsx("strong",{children:g}),t.jsx("span",{children:b?m:x}),t.jsx("strong",{className:"w-full",children:a})]}),d?t.jsx(_,{disabled:e,icon:"xmark",iconSize:"sm",iconType:"fa-light",id:o,onClick:d,px:.125,py:.125,variant:"ghost"}):void 0]}),s===void 0?void 0:t.jsx(ie,{href:s,children:c})]})},Qt=(e,n=!0)=>{const i=window.open(e,n?void 0:"_self","noopener,noreferrer,");y.lodashExports.isObject(i)&&(i.opener=null)},O=u.forwardRef(function({children:n,disabled:i=!1,external:r=!1,href:o,id:a,icon:l,iconColor:s,iconSize:c="lg",iconType:d,name:p,dotNotification:g,notification:x,onClick:h,rightIcon:b,tag:m,type:w="button",tooltip:j,tooltipPlace:S="bottom",underline:k=!1,value:v,variant:C="primary",width:T,...
|
|
756
|
+
`,ie=({children:e,color:n,download:i,href:r,iconPosition:o="right",onClick:a,target:l,variant:s="lowRelevance",wrap:c=!1})=>{const d=r.startsWith("https://"),p=t.jsx(E,{icon:i===void 0?"arrow-up-right-from-square":"arrow-down-to-bracket",iconSize:"sm",iconType:"fa-light",ml:.25,mr:.25});return d?t.jsxs(hr,{$color:n,$variant:s,$wrap:c,download:i,href:r,onClick:a,rel:"nofollow noopener noreferrer",target:l??"_blank",children:[o==="left"?p:void 0,e,o==="right"?p:void 0]}):t.jsxs(fr,{$variant:s,$wrap:c,download:i,onClick:a,rel:"nofollow noopener noreferrer",target:l,to:r,children:[l!==void 0&&o==="left"?p:void 0,e,l!==void 0&&o==="right"?p:void 0]})},q=({disabled:e,icon:n,iconColor:i="inherit",iconType:r="fa-light",id:o="close-tag",filterValues:a="",fontSize:l,href:s,linkLabel:c,onClose:d,priority:p="default",tagTitle:g="",tagLabel:x,variant:h="default"})=>{const b=x.length>25&&y.lodashExports.isEmpty(g+a),m=`${x.slice(0,25)}...`;return t.jsxs(ye,{className:"gap-0.5",display:s===void 0?"initial":"flex",size:"md",children:[t.jsxs(ur,{$fontSize:l,$variant:h,className:p,children:[n&&t.jsx(E,{icon:n,iconColor:i,iconSize:"sm",iconType:r}),t.jsxs("span",{className:"w-full",children:[t.jsx("strong",{children:g}),t.jsx("span",{children:b?m:x}),t.jsx("strong",{className:"w-full",children:a})]}),d?t.jsx(_,{disabled:e,icon:"xmark",iconSize:"sm",iconType:"fa-light",id:o,onClick:d,px:.125,py:.125,variant:"ghost"}):void 0]}),s===void 0?void 0:t.jsx(ie,{href:s,children:c})]})},Qt=(e,n=!0)=>{const i=window.open(e,n?void 0:"_self","noopener,noreferrer,");y.lodashExports.isObject(i)&&(i.opener=null)},O=u.forwardRef(function({children:n,disabled:i=!1,external:r=!1,href:o,id:a,icon:l,iconColor:s,iconSize:c="lg",iconType:d,name:p,dotNotification:g,notification:x,onClick:h,rightIcon:b,tag:m,type:w="button",tooltip:j,tooltipPlace:S="bottom",underline:k=!1,value:v,variant:C="primary",width:T,...R},F){const D=j!==void 0,z=`${a}-tooltip`,N=u.useCallback(()=>{o&&Qt(o,r)},[r,o]),M=t.jsxs(qt,{$variant:C,"aria-disabled":i,className:k?"underline":void 0,disabled:i,id:a,name:p,onClick:C==="link"?N:h,ref:F,type:w,value:v,width:T,...D?{"data-tooltip-id":z}:{},...R,children:[g&&C==="ghost"&&!i?t.jsx(Le,{left:l!==void 0?"13%":"1%",show:!0,top:"20%",variant:"error"}):void 0,l!==void 0&&t.jsx(E,{icon:l,iconColor:s??void 0,iconSize:c,iconType:d??"fa-light"}),n,b||C==="link"?t.jsx(E,{icon:b??"arrow-right",iconSize:c,iconType:"fa-light"}):void 0,m===void 0||i?null:t.jsx(q,{tagLabel:m,variant:"default"}),x!==void 0&&C==="ghost"&&!i?t.jsx(Le,{numberIndicator:x,show:!0,variant:"error"}):void 0]});return D?t.jsx(X,{disabled:!D,id:z,place:S,tip:j,width:T,children:M}):M}),yr=u.forwardRef(function({children:n,onClick:i,userName:r,showIcon:o=!1,showUsername:a=!1},l){const s=!!i,c=f.useTheme();return t.jsx($,{id:"navbar-user-profile",ref:l,zIndex:9999,children:t.jsxs($,{alignItems:"end",display:"flex",flexDirection:"column",position:"relative",zIndex:30,children:[s?t.jsxs(O,{onClick:i,px:.5,py:.5,variant:"ghost",children:[t.jsx(Ct,{children:r[0].toUpperCase()}),a?t.jsx(I,{color:c.palette.gray[800],display:"inline",ml:.5,size:"md",children:r.split(" ")[0]}):void 0,o?t.jsx(E,{clickable:!1,icon:"ellipsis-v",iconSize:"xs",ml:.5}):void 0]}):t.jsxs($,{alignItems:"center",display:"flex",px:.5,py:.5,children:[t.jsx(Ct,{children:r[0].toUpperCase()}),a?t.jsxs(I,{color:c.palette.gray[800],display:"inline",ml:.5,size:"md",children:["Hi ",r.split(" ")[0],"!"]}):void 0,o?t.jsx(E,{clickable:!1,icon:"ellipsis-v",iconSize:"xs",ml:.5}):void 0]}),t.jsx(cr,{children:n})]})})}),Oe=({authorEmail:e,date:n,description:i,descriptionColor:r,id:o,title:a,titleColor:l,textAlign:s,textSpacing:c=0,tooltip:d})=>{const p=f.useTheme();return t.jsxs($,{width:"100%",children:[typeof a=="string"||d?t.jsxs($,{alignItems:"center",display:"inline-flex",gap:.5,width:"100%",children:[typeof a=="string"?t.jsx(I,{color:l??p.palette.gray[800],fontWeight:"bold",mb:c,size:"md",textAlign:s,wordBreak:"break-word",children:a}):a,d&&t.jsx(X,{icon:"circle-info",id:o,place:"top",tip:d})]}):void 0,t.jsxs($,{alignItems:"start",display:"flex",flexDirection:"column",gap:.25,children:[i&&t.jsx(I,{color:r??p.palette.gray[800],fontWeight:i===void 0?"bold":"regular",size:"md",textAlign:s,wordBreak:"break-word",children:i}),n&&t.jsx(I,{color:p.palette.gray[800],fontWeight:"bold",size:"md",textAlign:s,wordBreak:"break-word",children:`Date: ${n.split(" ")[0]}`}),e&&t.jsx(I,{color:p.palette.gray[800],fontWeight:"bold",size:"md",textAlign:s,wordBreak:"break-word",children:`Author: ${e}`})]})]})},St=f.styled($).attrs(({...e})=>({display:"inline-block",position:"relative",...e}))`
|
|
773
757
|
& img {
|
|
774
758
|
display: block;
|
|
775
759
|
}
|
|
@@ -785,16 +769,16 @@
|
|
|
785
769
|
${({$opacity:e=0})=>`background-color: rgba(0, 0, 0, ${e});`}
|
|
786
770
|
}
|
|
787
771
|
`,br=e=>{if(y._.isNil(e))return"";const n=e.split(".");return(n.length>1?y._.last(n):"").toLowerCase()},$r=(e,n)=>y._.isUndefined(n)?!1:y._.includes(e,br(n)),en=({alt:e,fileType:n,width:i="100%",opacity:r=0,src:o,height:a="auto"})=>n==="video"||$r(["webm"],o)?t.jsx(St,{$opacity:r,children:t.jsx(ie,{href:o,iconPosition:"hidden",children:t.jsxs("video",{controls:!0,muted:!0,style:{height:a,width:i},children:[t.jsx("source",{src:o,type:"video/webm"}),o]})})}):t.jsx(St,{$opacity:r,children:t.jsx("img",{alt:e,src:o,style:{height:a,width:i}})}),mr=({alt:e,authorEmail:n,date:i,description:r,src:o,children:a,isEditing:l,onClick:s,title:c,hideDescription:d=!1,headerType:p="image",showMaximize:g=!0})=>{const x=f.useTheme(),[h,b]=u.useState(!1),m=u.useCallback(()=>{b(!0)},[]),w=u.useCallback(()=>{b(!1)},[]);return t.jsxs($,{bgColor:"transparent",border:"1px solid transparent",borderColorHover:"black",borderRadius:x.spacing[.25],display:"flex",flexDirection:"column",gap:1,onHover:m,onLeave:w,padding:[.5,.5,.5,.5],width:"100%",children:[t.jsx($,{bgColor:x.palette.black,borderRadius:x.spacing[.25],cursor:l?"unset":"pointer",display:"inline-flex",justify:"center",onClick:s,position:"relative",width:"100%",children:a===void 0?t.jsxs(ot.default.Fragment,{children:[t.jsx(en,{alt:e,fileType:p,height:"147px",opacity:h?.3:0,src:o,width:"100%"}),g?t.jsx($,{bottom:"10px",position:"absolute",right:"10px",children:t.jsx(_,{color:"white",icon:"arrows-maximize",iconSize:"sm",iconType:"fa-light",variant:"secondary"})}):void 0]}):a}),d?null:t.jsx(Oe,{authorEmail:n,date:i,description:r,descriptionColor:x.palette.gray[600],id:`${e}-card-header`,title:c})]})},wr=f.styled.div`
|
|
788
|
-
${({theme:e,$align:n="center",$minWidth:
|
|
772
|
+
${({theme:e,$align:n="center",$bordered:i=!0,$minWidth:r="auto",$minHeight:o="auto"})=>`
|
|
789
773
|
display: flex;
|
|
790
774
|
background-color: ${e.palette.white};
|
|
791
775
|
border-radius: ${e.spacing[.25]};
|
|
792
|
-
border: 1px solid ${e.palette.gray[200]};
|
|
776
|
+
border: ${i?`1px solid ${e.palette.gray[200]}`:"none"};
|
|
793
777
|
flex-direction: column;
|
|
794
778
|
justify-content: center;
|
|
795
779
|
gap: ${e.spacing[.5]};
|
|
796
|
-
min-width: ${
|
|
797
|
-
min-height: ${
|
|
780
|
+
min-width: ${r};
|
|
781
|
+
min-height: ${o};
|
|
798
782
|
padding: ${e.spacing[1]};
|
|
799
783
|
|
|
800
784
|
input {
|
|
@@ -1121,7 +1105,7 @@
|
|
|
1121
1105
|
fill: ${e.palette.white};
|
|
1122
1106
|
}
|
|
1123
1107
|
`}
|
|
1124
|
-
`,ae=u.forwardRef(function({checked:n,disabled:i=!1,label:r,name:o,onChange:a,onClick:l,onFocus:s,onKeyDown:c,tooltip:d,value:p,...g},x){return t.jsxs("div",{className:"gap-1 inline-flex items-start",children:[t.jsxs(zr,{"aria-disabled":i,children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-hidden":!1,"aria-label":o,checked:n,"data-testid":r??p,disabled:i,id:o,name:o,onChange:a,onClick:l,onFocus:s,onKeyDown:c,ref:x,type:"checkbox",value:p,...g}),t.jsx(E,{disabled:i,icon:"check",iconSize:"xl"}),r??p]}),d===void 0?void 0:t.jsx(X,{icon:"circle-info",id:d,place:"right",tip:d})]})}),tn=({item:e,multiSelection:n,name:i,register:r,setInputValue:o,setValue:a,state:l,watch:s})=>{var F,
|
|
1108
|
+
`,ae=u.forwardRef(function({checked:n,disabled:i=!1,label:r,name:o,onChange:a,onClick:l,onFocus:s,onKeyDown:c,tooltip:d,value:p,...g},x){return t.jsxs("div",{className:"gap-1 inline-flex items-start",children:[t.jsxs(zr,{"aria-disabled":i,children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-hidden":!1,"aria-label":o,checked:n,"data-testid":r??p,disabled:i,id:o,name:o,onChange:a,onClick:l,onFocus:s,onKeyDown:c,ref:x,type:"checkbox",value:p,...g}),t.jsx(E,{disabled:i,icon:"check",iconSize:"xl"}),r??p]}),d===void 0?void 0:t.jsx(X,{icon:"circle-info",id:d,place:"right",tip:d})]})}),tn=({item:e,multiSelection:n,name:i,register:r,setInputValue:o,setValue:a,state:l,watch:s})=>{var R,F,D;const c=f.useTheme(),d=u.useRef(null),p=e.props.hrefLang,g=l.disabledKeys,x=Array.from(l.collection.getKeys()).filter(z=>!Array.from(g).includes(z)&&z!=="All"),{optionProps:h,isSelected:b,isFocused:m,isDisabled:w}=y.$293f70390ea03370$export$497855f14858aa34({key:e.key},l,d),j=[b?"selected":"",m?"focused":"",w?"disabled":""].join(" "),S=u.useCallback(z=>{o(""),a==null||a(`${i}Options`,""),z.currentTarget.checked&&(o(z.currentTarget.value),a==null||a(`${i}Options`,x))},[x,i,o,a]),k=u.useCallback(()=>{const z=s==null?void 0:s(`${i}Options`),N=typeof z=="string"?[z]:z;y.isEqual(x,N)&&!Array.from(g).includes("All")?(a==null||a("checkAll","All vulnerability types"),o("All vulnerability types")):(a==null||a("checkAll",""),o((N==null?void 0:N.length)<=2?N.join(", "):`${N.slice(0,2).join(", ")+`, +${N.length-2} more`}`))},[g,x,i,o,a,s]),v=e.key==="All"?t.jsx(ae,{...r==null?void 0:r("checkAll",{onChange:S}),label:(R=e.rendered)==null?void 0:R.toString(),name:"checkAll",value:(F=e.rendered)==null?void 0:F.toString()}):t.jsx(ae,{...r==null?void 0:r(`${i}Options`,{onChange:k}),label:(D=e.rendered)==null?void 0:D.toString(),name:`${i}Options`,value:e.key.toString()}),C=n&&!w?v:t.jsx(I,{color:c.palette.gray[800],size:"md",textOverflow:"ellipsis",whiteSpace:"nowrap",children:e.rendered}),T=u.useCallback(z=>{var N;z.preventDefault(),o(((N=e.rendered)==null?void 0:N.toString())??""),l.setSelectedKey(e.key),setTimeout(()=>{l.setOpen(!1)},50),Qt(p)},[p,e.key,e.rendered,l,o]);return ee(document.getElementsByClassName("dropdown")[0],()=>{n&&l.close()},!0,document.getElementById("combobox")),t.jsxs(Sr,{...!n&&!p?h:{},$multiSelection:n,className:j,ref:d,children:[p?t.jsx(ie,{href:p,onClick:T,children:C}):C,b&&!w&&!n?t.jsx(E,{icon:"check",iconSize:"sm",iconType:"fa-light"}):void 0,e.rendered===e.textValue?void 0:t.jsx(q,{tagLabel:e.textValue,variant:"inactive"})]})},qe=({field:e,disabled:n=!1,disabledKeys:i,error:r,helpLink:o,helpLinkText:a,helpText:l,label:s,loadingItems:c,name:d,multiSelection:p=!1,items:g,onBlur:x,onChange:h,placeholder:b,register:m,required:w,setValue:j,tooltip:S,value:k,watch:v,weight:C})=>{var wt,jt;const T=f.useTheme(),R=n?void 0:r,F=(e==null?void 0:e.value)??k,[D,z]=u.useState(((wt=g.find(P=>P.value===F))==null?void 0:wt.name)??""),[N,M]=u.useState(F),[B,G]=u.useState(g),[H,W]=u.useState(!1),{contains:te}=y.$bb77f239b46e8c72$export$3274cf84b703fff({sensitivity:"base"}),de=u.useRef(null),Ve=u.useRef(null),Ue=u.useRef(null),Fe=u.useRef(null),Ge=u.useRef(null),di=u.useMemo(()=>g.toSorted((P,Y)=>{const K=Array.from(i??[]),pe=K.includes(P.value),vt=K.includes(Y.value);return pe&&!vt?1:!pe&&vt?-1:0}).map(P=>te(P.name,D)||H?t.jsx(y.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2,{"aria-label":P.value,hrefLang:P.href,textValue:P.tag,children:P.name},P.value):null),[te,i,D,g,H]),pi=u.useCallback(P=>{const Y=P.split(/,|\s/u).slice(-1)[0].trim();z(p?Y:P),P===""||P.endsWith(",")?W(!0):(W(!1),M(K=>{const pe=P===""?"":K;return e&&e.onChange(pe),h&&h(P),pe}),G(g.filter(K=>te(K.name,p?Y:P))))},[te,g,e,p,h]),gi=u.useCallback(P=>{var Y;z(((Y=g.find(K=>K.value===P))==null?void 0:Y.name)??""),M(P?String(P):""),e&&e.onChange(P),h&&h(P?String(P):""),G(g)},[g,e,h]),mt=u.useCallback(P=>{P.key==="Enter"&&P.preventDefault(),W(!1)},[]),ui=u.useCallback(()=>{x&&x(),e&&e.onBlur()},[e,x]),xi=u.useCallback(()=>{W(!0)},[]),J=y.$a9e7382a7d111cb5$export$b453a3bfd4a5fa9e({allowsCustomValue:p,allowsEmptyCollection:!0,disabledKeys:i,inputValue:D,items:B,menuTrigger:"focus",shouldCloseOnBlur:!p,selectedKey:N,onBlur:ui,onInputChange:pi,onKeyDown:mt,onKeyUp:xi,onOpenChange(P,Y){W(P&&(Y==="manual"||Y==="focus")),P&&setTimeout(()=>{var K;return(K=de.current)==null?void 0:K.focus()},50)},onSelectionChange:p?void 0:gi,children:di}),{buttonProps:hi,inputProps:fi,listBoxProps:yi}=y.$c350ade66beef0af$export$8c18d1b4f7232bbf({inputValue:D,buttonRef:Ve,id:d,inputRef:de,label:s??d,listBoxRef:Ue,name:d,placeholder:b,popoverRef:Ge},J),{listBoxProps:bi}=y.$c132121280ec012d$export$50eacbbf140a3141(yi,J,Ue),{buttonProps:$i}=y.$701a24aa0da5b062$export$ea18c227d4417cc3(hi,Ve),{width:mi}=((jt=Fe.current)==null?void 0:jt.getBoundingClientRect())??{width:240};return ee(Fe.current,()=>{J.isOpen&&!p&&J.close()},!0,Ge.current),u.useEffect(()=>{var P;if((c===!1||!F)&&!p){const Y=((P=g.find(K=>K.value===F))==null?void 0:P.name)??"";z(Y),M(Y)}},[F,g,c,p]),t.jsxs(U,{error:R,helpLink:o,helpLinkText:a,helpText:l,htmlFor:d,id:"combobox",label:s,required:w,tooltip:S,weight:C,children:[t.jsxs(Z,{className:`${n?"disabled":""} ${R?"error":""}`,ref:Fe,children:[t.jsx("input",{...fi,"aria-invalid":R?"true":"false","aria-label":d,disabled:n,onKeyDown:mt,ref:de}),R?t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:T.palette.error[500],iconSize:"lg"}):void 0,t.jsx(_,{...$i,className:"action",disabled:n,icon:J.isOpen&&!n?"chevron-up":"chevron-down",iconColor:T.palette.gray[400],iconSize:"sm",iconType:"fa-light",px:.125,py:.125,ref:Ve,type:"button",variant:"ghost"})]}),J.isOpen&&J.collection.size>0&&!n?t.jsx(Ee,{className:"dropdown",offset:4,placement:"bottom start",popoverRef:Ge,state:J,triggerRef:Fe,children:t.jsx(Cr,{...bi,$multiSelection:p&&!Array.from(i??[]).includes("All"),$width:mi,ref:Ue,children:[...J.collection].map(P=>t.jsx(tn,{item:P,multiSelection:p,name:d,register:m,setInputValue:z,setValue:j,state:J,watch:v},P.key))})}):null]})},gt=({control:e,disabled:n=!1,disabledKeys:i,error:r,helpLink:o,helpLinkText:a,helpText:l,label:s,loadingItems:c,name:d,multiSelection:p,items:g,onBlur:x,onChange:h,placeholder:b,register:m,required:w,setValue:j,tooltip:S,value:k,watch:v,weight:C})=>e?t.jsx(y.Controller,{control:e,name:d,render:({field:T,fieldState:R})=>{var F;return t.jsx(qe,{disabled:n,disabledKeys:i,error:(F=R.error)==null?void 0:F.message,field:T,helpLink:o,helpLinkText:a,helpText:l,items:g,label:s,loadingItems:c,multiSelection:p,name:d,onBlur:x,onChange:h,placeholder:b,register:m,required:w,setValue:j,tooltip:S,value:k,watch:v,weight:C})},rules:{required:w}}):t.jsx(qe,{disabled:n,disabledKeys:i,error:r,helpLink:o,helpLinkText:a,helpText:l,items:g,label:s,loadingItems:c,multiSelection:p,name:d,onBlur:x,onChange:h,placeholder:b,required:w,tooltip:S,value:k,weight:C}),Tr=f.styled.div`
|
|
1125
1109
|
${({theme:e})=>`
|
|
1126
1110
|
align-items: center;
|
|
1127
1111
|
color: ${e.palette.gray[800]};
|
|
@@ -1353,7 +1337,7 @@
|
|
|
1353
1337
|
font-weight: ${e.typography.weight.bold};
|
|
1354
1338
|
}
|
|
1355
1339
|
`}
|
|
1356
|
-
`,Me=({disabled:e=!1,icon:n,props:i})=>{const r=u.useRef(null),{buttonProps:o}=y.$701a24aa0da5b062$export$ea18c227d4417cc3(i,r);return t.jsx(Ar,{...o,$disabled:e,$focus:!!o["aria-expanded"],$header:n==="calendar"||n==="calendar-clock",disabled:e,ref:r,type:"button",children:t.jsx(E,{icon:n,iconColor:A.palette.gray[e?400:700],iconSize:"lg",iconType:"fa-light"})})},_e=({state:e,prevButtonProps:n,nextButtonProps:i,title:r})=>{const o=e.focusedDate,a=f.useTheme(),l=u.useCallback(()=>{e.setFocusedDate(o.add({years:1}))},[o,e]),s=u.useCallback(()=>{e.setFocusedDate(o.subtract({years:1}))},[o,e]);return t.jsxs("div",{className:"header flex items-start",style:{position:"sticky",top:0,zIndex:2,background:a.palette.white},children:[t.jsx(Me,{icon:"chevron-left",props:n}),t.jsxs(Tr,{children:[r,t.jsxs(Ir,{children:[t.jsx(Tt,{"aria-label":"top",onClick:l,children:t.jsx(E,{icon:"caret-up",iconClass:"fa-sharp",iconSize:"xs"})}),t.jsx(Tt,{"aria-label":"bottom",onClick:s,children:t.jsx(E,{icon:"caret-down",iconClass:"fa-sharp",iconSize:"xs"})})]})]}),t.jsx(Me,{icon:"chevron-right",props:i})]})},on=({onClose:e,props:n})=>{const{locale:i}=y.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=y.$131cf43a05231e1e$export$6d095e787d2b5e1f({...n,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:i}),{prevButtonProps:o,nextButtonProps:a,title:l}=y.$9942cad8a072a530$export$3ee915f8151bd4f1(n,r);return t.jsxs("div",{className:"calendar",children:[t.jsx(_e,{nextButtonProps:a,prevButtonProps:o,state:r,title:l}),t.jsx(We,{state:r}),t.jsx(ut,{children:t.jsx(O,{onClick:e,variant:"ghost",children:"Cancel"})})]})},an=({segment:e,state:n})=>{const i=f.useTheme(),r=u.useRef(null),a={...e,placeholder:{day:"dd",dayPeriod:"(AM/PM)",era:"",hour:"hh",literal:"",minute:"mm",month:"mm",second:"",timeZoneName:"",year:"yyyy"}[e.type]},{segmentProps:l}=y.$32489daedd52963e$export$1315d136e6f7581(a,n,r),s=i.palette.gray[a.isEditable?800:500];return t.jsx("div",{...a.type!=="literal"&&{...l,className:"segment-cell"},ref:r,style:a.type==="literal"?void 0:{color:a.isPlaceholder?i.palette.gray[400]:s},children:a.isPlaceholder?a.placeholder:a.text})},sn=({disabled:e,error:n=!1,props:i})=>{const r=f.useTheme(),o=u.useRef(null),a=y.$3c0fc76039f1c516$export$60e84778edff6d26({...i,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:"en-US"}),{fieldProps:l}=y.$16f0b7bb276bc17e$export$5591b0b878c1a989(i,a,o),s=u.useCallback(c=>{const d=document.getElementsByClassName("segment-cell"),p=c.currentTarget;Object.values(d).some(g=>g.contains(p))||(c.preventDefault(),c.stopPropagation())},[]);return t.jsxs(Lr,{...l,onClick:s,children:[t.jsx("div",{className:"flex flex-row",style:{color:r.palette.gray[y.lodashExports.isNil(a.value)?400:800]},tabIndex:-1,children:a.segments.map((c,d)=>{const p=`key_${d}`;return t.jsx(an,{segment:{...c,isEditable:!e},state:a},p)})}),n?t.jsx(E,{icon:"exclamation-circle",iconColor:r.palette.error[500],iconSize:"lg"}):void 0]})},ln=e=>{const n=u.useRef(null),i=y.$eff5d8ee529ac4bb$export$fd53cef0cc796101({...e,locale:"en-US",shouldForceLeadingZeros:!0}),{timeValue:r}=i,o=!y.lodashExports.isNil(r)&&r.hour<12?"AM":"PM",[a,l]=u.useState(y.lodashExports.isNil(r)?"AM":o),{fieldProps:s}=y.$16f0b7bb276bc17e$export$4c842f6a241dc825(e,i,n),c=u.useCallback(d=>{const p=d.currentTarget.name;p!==a&&(y.lodashExports.isNil(r)||(p==="AM"?i.setSegment("dayPeriod",0):p==="PM"&&i.setSegment("dayPeriod",12))),l(p)},[a,i,r]);return t.jsxs(Mr,{children:[t.jsx(It,{...s,ref:n,children:i.segments.slice(0,-2).map((d,p)=>{const g=`key_${p}`;return t.jsx(an,{segment:d,state:i},g)})}),t.jsxs(It,{children:[t.jsx(Dt,{id:a==="AM"?"active":"",name:"AM",onClick:c,type:"button",children:"AM"}),t.jsx(Dt,{id:a==="PM"?"active":"",name:"PM",onClick:c,type:"button",children:"PM"})]})]})},Pe=e=>e&&e!=="-"?y.dayjs(e).format("YYYY-MM-DD"):"-",Pr=e=>e&&e!=="-"?y.dayjs(e).format("YYYY-MM-DD hh:mm A"):"-",Et=(e,n)=>y.dayjs(String(e).replace(/-/gu,"/")).hour(n.hour).minute(n.minute).second(n.second).format("YYYY/MM/DD hh:mm A"),be=({error:e,buttonProps:n,datePickerRef:i,disabled:r=!1,granularity:o="day",fieldProps:a,groupProps:l,name:s,register:c,required:d,setValue:p,value:g})=>{const x=u.useCallback(h=>{if(!h)return;const b=o==="day"?Pe(String(h)):Pr(String(h));a.onChange&&a.onChange(h??null),p&&p(s,b,{shouldDirty:!0})},[a,o,s,p]);return t.jsxs(Z,{...l,className:`${r?"disabled":""} ${e?"error":""}`,ref:i,children:[t.jsx(sn,{disabled:r,error:e!=null,props:{...a,autoFocus:!1,granularity:o,onChange:x,shouldForceLeadingZeros:!0}}),t.jsx(Me,{disabled:r,icon:o==="minute"?"calendar-clock":"calendar",props:n}),t.jsx("input",{...c==null?void 0:c(s,{required:d}),"aria-label":s,className:"date-input",disabled:r,id:s,name:s,type:"text",value:g??""})]})},Be=({children:e,...n})=>{const i=u.useRef(null),{dialogProps:r}=y.$40df3f8667284809$export$d55e7ee900f34e93(n,i);return t.jsx(Nr,{...r,ref:i,children:e})},cn=({disabled:e=!1,error:n,helpLink:i,helpLinkText:r,helpText:o,required:a,label:l,name:s,register:c,setValue:d,tooltip:p,watch:g,...x})=>{const h=u.useRef(null),b=g==null?void 0:g(s),m=u.useCallback(
|
|
1340
|
+
`,Me=({disabled:e=!1,icon:n,props:i})=>{const r=u.useRef(null),{buttonProps:o}=y.$701a24aa0da5b062$export$ea18c227d4417cc3(i,r);return t.jsx(Ar,{...o,$disabled:e,$focus:!!o["aria-expanded"],$header:n==="calendar"||n==="calendar-clock",disabled:e,ref:r,type:"button",children:t.jsx(E,{icon:n,iconColor:A.palette.gray[e?400:700],iconSize:"lg",iconType:"fa-light"})})},_e=({state:e,prevButtonProps:n,nextButtonProps:i,title:r})=>{const o=e.focusedDate,a=f.useTheme(),l=u.useCallback(()=>{e.setFocusedDate(o.add({years:1}))},[o,e]),s=u.useCallback(()=>{e.setFocusedDate(o.subtract({years:1}))},[o,e]);return t.jsxs("div",{className:"header flex items-start",style:{position:"sticky",top:0,zIndex:2,background:a.palette.white},children:[t.jsx(Me,{icon:"chevron-left",props:n}),t.jsxs(Tr,{children:[r,t.jsxs(Ir,{children:[t.jsx(Tt,{"aria-label":"top",onClick:l,children:t.jsx(E,{icon:"caret-up",iconClass:"fa-sharp",iconSize:"xs"})}),t.jsx(Tt,{"aria-label":"bottom",onClick:s,children:t.jsx(E,{icon:"caret-down",iconClass:"fa-sharp",iconSize:"xs"})})]})]}),t.jsx(Me,{icon:"chevron-right",props:i})]})},on=({onClose:e,props:n})=>{const{locale:i}=y.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=y.$131cf43a05231e1e$export$6d095e787d2b5e1f({...n,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:i}),{prevButtonProps:o,nextButtonProps:a,title:l}=y.$9942cad8a072a530$export$3ee915f8151bd4f1(n,r);return t.jsxs("div",{className:"calendar",children:[t.jsx(_e,{nextButtonProps:a,prevButtonProps:o,state:r,title:l}),t.jsx(We,{state:r}),t.jsx(ut,{children:t.jsx(O,{onClick:e,variant:"ghost",children:"Cancel"})})]})},an=({segment:e,state:n})=>{const i=f.useTheme(),r=u.useRef(null),a={...e,placeholder:{day:"dd",dayPeriod:"(AM/PM)",era:"",hour:"hh",literal:"",minute:"mm",month:"mm",second:"",timeZoneName:"",year:"yyyy"}[e.type]},{segmentProps:l}=y.$32489daedd52963e$export$1315d136e6f7581(a,n,r),s=i.palette.gray[a.isEditable?800:500];return t.jsx("div",{...a.type!=="literal"&&{...l,className:"segment-cell"},ref:r,style:a.type==="literal"?void 0:{color:a.isPlaceholder?i.palette.gray[400]:s},children:a.isPlaceholder?a.placeholder:a.text})},sn=({disabled:e,error:n=!1,props:i})=>{const r=f.useTheme(),o=u.useRef(null),a=y.$3c0fc76039f1c516$export$60e84778edff6d26({...i,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:"en-US"}),{fieldProps:l}=y.$16f0b7bb276bc17e$export$5591b0b878c1a989(i,a,o),s=u.useCallback(c=>{const d=document.getElementsByClassName("segment-cell"),p=c.currentTarget;Object.values(d).some(g=>g.contains(p))||(c.preventDefault(),c.stopPropagation())},[]);return t.jsxs(Lr,{...l,onClick:s,children:[t.jsx("div",{className:"flex flex-row",style:{color:r.palette.gray[y.lodashExports.isNil(a.value)?400:800]},tabIndex:-1,children:a.segments.map((c,d)=>{const p=`key_${d}`;return t.jsx(an,{segment:{...c,isEditable:!e},state:a},p)})}),n?t.jsx(E,{icon:"exclamation-circle",iconColor:r.palette.error[500],iconSize:"lg"}):void 0]})},ln=e=>{const n=u.useRef(null),i=y.$eff5d8ee529ac4bb$export$fd53cef0cc796101({...e,locale:"en-US",shouldForceLeadingZeros:!0}),{timeValue:r}=i,o=!y.lodashExports.isNil(r)&&r.hour<12?"AM":"PM",[a,l]=u.useState(y.lodashExports.isNil(r)?"AM":o),{fieldProps:s}=y.$16f0b7bb276bc17e$export$4c842f6a241dc825(e,i,n),c=u.useCallback(d=>{const p=d.currentTarget.name;p!==a&&(y.lodashExports.isNil(r)||(p==="AM"?i.setSegment("dayPeriod",0):p==="PM"&&i.setSegment("dayPeriod",12))),l(p)},[a,i,r]);return t.jsxs(Mr,{children:[t.jsx(It,{...s,ref:n,children:i.segments.slice(0,-2).map((d,p)=>{const g=`key_${p}`;return t.jsx(an,{segment:d,state:i},g)})}),t.jsxs(It,{children:[t.jsx(Dt,{id:a==="AM"?"active":"",name:"AM",onClick:c,type:"button",children:"AM"}),t.jsx(Dt,{id:a==="PM"?"active":"",name:"PM",onClick:c,type:"button",children:"PM"})]})]})},Pe=e=>e&&e!=="-"?y.dayjs(e).format("YYYY-MM-DD"):"-",Pr=e=>e&&e!=="-"?y.dayjs(e).format("YYYY-MM-DD hh:mm A"):"-",Et=(e,n)=>y.dayjs(String(e).replace(/-/gu,"/")).hour(n.hour).minute(n.minute).second(n.second).format("YYYY/MM/DD hh:mm A"),be=({error:e,buttonProps:n,datePickerRef:i,disabled:r=!1,granularity:o="day",fieldProps:a,groupProps:l,name:s,register:c,required:d,setValue:p,value:g})=>{const x=u.useCallback(h=>{if(!h)return;const b=o==="day"?Pe(String(h)):Pr(String(h));a.onChange&&a.onChange(h??null),p&&p(s,b,{shouldDirty:!0})},[a,o,s,p]);return t.jsxs(Z,{...l,className:`${r?"disabled":""} ${e?"error":""}`,ref:i,children:[t.jsx(sn,{disabled:r,error:e!=null,props:{...a,autoFocus:!1,granularity:o,onChange:x,shouldForceLeadingZeros:!0}}),t.jsx(Me,{disabled:r,icon:o==="minute"?"calendar-clock":"calendar",props:n}),t.jsx("input",{...c==null?void 0:c(s,{required:d}),"aria-label":s,className:"date-input",disabled:r,id:s,name:s,type:"text",value:g??""})]})},Be=({children:e,...n})=>{const i=u.useRef(null),{dialogProps:r}=y.$40df3f8667284809$export$d55e7ee900f34e93(n,i);return t.jsx(Nr,{...r,ref:i,children:e})},cn=({disabled:e=!1,error:n,helpLink:i,helpLinkText:r,helpText:o,required:a,label:l,name:s,register:c,setValue:d,tooltip:p,watch:g,...x})=>{const h=u.useRef(null),b=g==null?void 0:g(s),m=u.useCallback(R=>{d&&R&&d(s,Pe(String(R)),{shouldDirty:!0})},[s,d]),w=y.$ab5bf3f618090389$export$87194bb378cc3ac2({...x,onChange(R){m(R)},...!y._.isNil(b)&&!y._.isEmpty(b)&&y.dayjs(b).isValid()?{defaultValue:y.$fae977aafc393c5c$export$6b862160d295c8e(b.replace(/\//gu,"-"))}:{}}),{close:j}=w,{groupProps:S,fieldProps:k,buttonProps:v,dialogProps:C,calendarProps:T}=y.$6057a3d2a53a12fd$export$42df105a73306d51({...x,"aria-label":l??s,name:s},w,h);return t.jsxs(U,{error:e?void 0:n,helpLink:i,helpLinkText:r,helpText:o,htmlFor:s,label:l,required:a,tooltip:p,children:[t.jsx(be,{buttonProps:v,datePickerRef:h,disabled:e,error:n,fieldProps:k,groupProps:S,name:s,register:c,required:a,setValue:d,value:b}),w.isOpen&&!e?t.jsx(Ee,{offset:8,placement:"bottom start",state:w,triggerRef:h,children:t.jsx(Be,{...C,children:t.jsx(on,{onClose:j,props:T})})}):null]})},dn=({onClose:e,props:n})=>{const{locale:i}=y.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=u.useRef(null),o=y.$9a36b6ba2fb1a7c5$export$9a987164d97ecc90({...n,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:i}),{prevButtonProps:a,nextButtonProps:l,title:s}=y.$46a4342aab3d8076$export$87e0539f600c24e5(n,o,r);return t.jsxs("div",{className:"calendar-range",ref:r,children:[t.jsx(_e,{nextButtonProps:l,prevButtonProps:a,state:o,title:s}),t.jsx(We,{state:o}),t.jsx(ut,{children:t.jsx(O,{onClick:e,variant:"ghost",children:"Cancel"})})]})},Or=f.styled.div`
|
|
1357
1341
|
${({theme:e,$disabled:n,$show:i})=>`
|
|
1358
1342
|
border-color: ${i?e.palette.error[500]:e.palette.gray[300]};
|
|
1359
1343
|
display: flex;
|
|
@@ -1364,7 +1348,7 @@
|
|
|
1364
1348
|
background: ${n?e.palette.gray[200]:e.palette.white};
|
|
1365
1349
|
}
|
|
1366
1350
|
`}
|
|
1367
|
-
`,pn=({disabled:e=!1,error:n,label:i,name:r,required:o,tooltip:a,register:l,setValue:s,propsMax:c,propsMin:d,variant:p="default",...g})=>{const x=`${r}Max`,h=`${r}Min`,b=u.useRef(null),m=u.useCallback(
|
|
1351
|
+
`,pn=({disabled:e=!1,error:n,label:i,name:r,required:o,tooltip:a,register:l,setValue:s,propsMax:c,propsMin:d,variant:p="default",...g})=>{const x=`${r}Max`,h=`${r}Min`,b=u.useRef(null),m=u.useCallback(F=>{s&&F&&(s((c==null?void 0:c.name)??x,Pe(String(F.end))),s((d==null?void 0:d.name)??h,Pe(String(F.start))))},[x,h,s,c,d]),w=y.$93c38a5e28be6249$export$e50a61c1de9f574({...g,endName:(c==null?void 0:c.name)??x,startName:(d==null?void 0:d.name)??h,onChange(F){m(F)}}),{close:j}=w,{groupProps:S,startFieldProps:k,endFieldProps:v,buttonProps:C,dialogProps:T,calendarProps:R}=y.$887cac91b7cc8801$export$12fd5f0e9f4bb192({...g,"aria-label":i??r},w,b);return t.jsxs(U,{error:e?void 0:n,htmlFor:r,label:i,required:o,tooltip:a,children:[t.jsxs(Or,{$disabled:e,$show:n!==void 0,ref:b,style:{flexDirection:p==="filters"?"column":"row"},children:[t.jsx(be,{buttonProps:C,datePickerRef:b,disabled:e,error:n,fieldProps:{...k,"aria-label":`${k["aria-label"]} ${r}`,validate:F=>v.value&&F>v.value?"Start date must be less than or equal to end date":null},groupProps:S,name:(d==null?void 0:d.name)??h,register:l,setValue:s,value:d==null?void 0:d.value}),t.jsx(be,{buttonProps:C,datePickerRef:b,disabled:e,error:n,fieldProps:{...v,"aria-label":`${v["aria-label"]} ${r}`,validate:F=>k.value&&F<k.value?"End date must be greater than or equal to start date":null},groupProps:S,name:(c==null?void 0:c.name)??x,register:l,setValue:s,value:c==null?void 0:c.value})]}),w.isOpen&&!e?t.jsx(Ee,{offset:8,placement:"bottom start",state:w,triggerRef:b,children:t.jsx(Be,{...T,children:t.jsx(dn,{onClose:j,props:R})})}):null]})},Wr=f.styled.div`
|
|
1368
1352
|
${({theme:e})=>`
|
|
1369
1353
|
align-items: center;
|
|
1370
1354
|
border-top: 1px solid ${e.palette.gray[200]};
|
|
@@ -1379,9 +1363,9 @@
|
|
|
1379
1363
|
gap: ${({theme:e})=>e.spacing[.5]};
|
|
1380
1364
|
justify-content: flex-end;
|
|
1381
1365
|
flex: 1 0 0;
|
|
1382
|
-
`,gn=({handleTimeChange:e,onClose:n,props:i,timeState:r})=>{const o=f.useTheme(),{locale:a}=y.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),l=y.$131cf43a05231e1e$export$6d095e787d2b5e1f({...i,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:a}),{prevButtonProps:s,nextButtonProps:c,title:d}=y.$9942cad8a072a530$export$3ee915f8151bd4f1(i,l);return t.jsxs("div",{className:"calendar",children:[t.jsx(_e,{nextButtonProps:c,prevButtonProps:s,state:l,title:d}),t.jsx(We,{state:l}),t.jsxs(Wr,{children:[t.jsx(I,{color:o.palette.gray[800],fontWeight:"bold",size:"md",children:"Time"}),t.jsx(_r,{children:t.jsx(ln,{hourCycle:12,label:"time-field",onChange:e,value:r.timeValue})})]}),t.jsx(ut,{children:t.jsx(O,{onClick:n,variant:"ghost",children:"Cancel"})})]})},Br=e=>{const{disabled:n=!1,error:i,required:r,label:o,name:a,tooltip:l,register:s,setValue:c,watch:d}=e,p=d==null?void 0:d(a),g=u.useRef(null),x=y.$ab5bf3f618090389$export$87194bb378cc3ac2({...e,granularity:"minute",hourCycle:12,isDisabled:n,isRequired:r,shouldCloseOnSelect:!1,value:y._.isNil(p)||y._.isEmpty(p)||p==="-"||y.dayjs(p,"YYYY/MM/DD hh:mm A").isValid()===!1?null:y.$fae977aafc393c5c$export$588937bcd60ade55(y.dayjs(p,"YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss"))}),{close:h}=x,{groupProps:b,fieldProps:m,buttonProps:w,dialogProps:j,calendarProps:S}=y.$6057a3d2a53a12fd$export$42df105a73306d51(e,x,g),k=u.useCallback(C=>{if(S.onChange&&S.onChange(C),x.timeValue){const T=Et(C,x.timeValue);c==null||c(a,T,{shouldDirty:!0})}else x.setDateValue(C)},[S,a,c,x]),v=u.useCallback(C=>{if(C){x.setTimeValue(C);const T=x.dateValue;if(T){const
|
|
1366
|
+
`,gn=({handleTimeChange:e,onClose:n,props:i,timeState:r})=>{const o=f.useTheme(),{locale:a}=y.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),l=y.$131cf43a05231e1e$export$6d095e787d2b5e1f({...i,createCalendar:y.$64244302c3013299$export$dd0bbc9b26defe37,locale:a}),{prevButtonProps:s,nextButtonProps:c,title:d}=y.$9942cad8a072a530$export$3ee915f8151bd4f1(i,l);return t.jsxs("div",{className:"calendar",children:[t.jsx(_e,{nextButtonProps:c,prevButtonProps:s,state:l,title:d}),t.jsx(We,{state:l}),t.jsxs(Wr,{children:[t.jsx(I,{color:o.palette.gray[800],fontWeight:"bold",size:"md",children:"Time"}),t.jsx(_r,{children:t.jsx(ln,{hourCycle:12,label:"time-field",onChange:e,value:r.timeValue})})]}),t.jsx(ut,{children:t.jsx(O,{onClick:n,variant:"ghost",children:"Cancel"})})]})},Br=e=>{const{disabled:n=!1,error:i,required:r,label:o,name:a,tooltip:l,register:s,setValue:c,watch:d}=e,p=d==null?void 0:d(a),g=u.useRef(null),x=y.$ab5bf3f618090389$export$87194bb378cc3ac2({...e,granularity:"minute",hourCycle:12,isDisabled:n,isRequired:r,shouldCloseOnSelect:!1,value:y._.isNil(p)||y._.isEmpty(p)||p==="-"||y.dayjs(p,"YYYY/MM/DD hh:mm A").isValid()===!1?null:y.$fae977aafc393c5c$export$588937bcd60ade55(y.dayjs(p,"YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss"))}),{close:h}=x,{groupProps:b,fieldProps:m,buttonProps:w,dialogProps:j,calendarProps:S}=y.$6057a3d2a53a12fd$export$42df105a73306d51(e,x,g),k=u.useCallback(C=>{if(S.onChange&&S.onChange(C),x.timeValue){const T=Et(C,x.timeValue);c==null||c(a,T,{shouldDirty:!0})}else x.setDateValue(C)},[S,a,c,x]),v=u.useCallback(C=>{if(C){x.setTimeValue(C);const T=x.dateValue;if(T){const R=Et(T,C);c==null||c(a,R,{shouldDirty:!0})}}},[x,c,a]);return t.jsxs(U,{error:n?void 0:i,htmlFor:a,label:o,required:r,tooltip:l,children:[t.jsx(be,{buttonProps:w,datePickerRef:g,disabled:n,error:i,fieldProps:m,granularity:"minute",groupProps:b,name:a,register:s,setValue:c,value:p}),x.isOpen&&!n?t.jsx(Ee,{offset:8,placement:"bottom start",state:x,triggerRef:g,children:t.jsx(Be,{...j,children:t.jsx(gn,{handleTimeChange:v,onClose:h,props:{...S,onChange:k},timeState:x})})}):null]})},Hr=({children:e,currentValue:n,externalLink:i,isEditing:r,label:o,name:a,tooltip:l})=>{if(r)return t.jsx("div",{children:e});const s=y.lodashExports.isNil(n)?"":n,c=String(i??s);return t.jsxs($,{children:[t.jsx(pt,{htmlFor:a,label:o,tooltip:l,weight:"bold"}),c.startsWith("https://")?t.jsx(ie,{href:c,children:s}):t.jsx(I,{size:"md",children:s})]})},He=({disabled:e=!1,hasIcon:n=!1,helpLink:i,helpLinkText:r,helpText:o,error:a,id:l,indexArray:s=0,isValid:c,isTouched:d,label:p,name:g,maskValue:x=!1,onPaste:h,placeholder:b,removeItemArray:m,register:w,suggestions:j,tooltip:S,type:k="text",weight:v,...C})=>{const{required:T,onBlur:R,onChange:F}=C,D=f.useTheme(),z=e?void 0:a,[N,M]=u.useState(""),B=u.useCallback(W=>{M(W.target.value),F==null||F(W)},[F]),G=c&&d&&!e&&N.trim()!=="",H=u.useCallback(W=>{W.key==="Enter"&&W.preventDefault()},[]);return t.jsxs(U,{error:z,helpLink:i,helpLinkText:r,helpText:o,htmlFor:g,label:p,required:T,tooltip:S,weight:v,children:[t.jsxs(Z,{className:`
|
|
1383
1367
|
${e?"disabled":""} ${z?"error":""} ${G?"success":""}
|
|
1384
|
-
`,children:[n?t.jsx(E,{icon:"user",iconSize:"xl",iconType:"fa-light"}):void 0,t.jsx("input",{"aria-hidden":!1,"aria-invalid":z?"true":"false","aria-label":g,"aria-required":T,autoComplete:"off",className:x?"sr-block":"","data-testid":`${g}-input`,disabled:e,id:g,list:j?`list_${g}`:void 0,onKeyDown:H,onPaste:h,placeholder:b,type:k,...w?w(g,{required:T,onBlur:
|
|
1368
|
+
`,children:[n?t.jsx(E,{icon:"user",iconSize:"xl",iconType:"fa-light"}):void 0,t.jsx("input",{"aria-hidden":!1,"aria-invalid":z?"true":"false","aria-label":g,"aria-required":T,autoComplete:"off",className:x?"sr-block":"","data-testid":`${g}-input`,disabled:e,id:g,list:j?`list_${g}`:void 0,onKeyDown:H,onPaste:h,placeholder:b,type:k,...w?w(g,{required:T,onBlur:R,onChange:B}):{...C,onChange:B}}),z?t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:D.palette.error[500],iconSize:"lg"}):void 0,G?t.jsx(E,{icon:"check-circle",iconClass:"success-icon",iconColor:D.palette.success[500],iconSize:"lg"}):void 0,l==="array"&&s>0?t.jsx(_,{color:D.palette.gray[400],icon:"trash",iconSize:"sm",iconType:"fa-light",onClick:m?m(s):void 0,variant:"ghost"}):void 0]}),j?t.jsx("datalist",{id:`list_${g}`,children:j.map(W=>t.jsx("option",{value:W},W))}):void 0]})},Vr=f.styled.div.attrs({className:"flex flex-wrap justify-center pv3 w-100"})``,Ur=f.styled.div.attrs({className:"flex flex-wrap items-center justify-start mb2"})`
|
|
1385
1369
|
gap: 12px;
|
|
1386
1370
|
`,Gr=f.styled.div.attrs({className:"flex flex-wrap items-center justify-end mb2"})`
|
|
1387
1371
|
gap: 8px;
|
|
@@ -1448,13 +1432,13 @@
|
|
|
1448
1432
|
position: absolute;
|
|
1449
1433
|
visibility: hidden;
|
|
1450
1434
|
width: 0;
|
|
1451
|
-
`,$e=(e,n,i)=>{const r=new Event(e);return Object.defineProperty(r,"target",{value:{name:n,value:i}}),r},eo=e=>{const n=e;return n?Array.from(n).map(i=>i.name).join(", "):""},to=({accept:e,disabled:n=!1,error:i,label:r,helpLink:o,helpText:a,id:l,multiple:s,name:c,onChange:d,required:p,register:g,setValue:x,tooltip:h,watch:b,weight:m})=>{const w=f.useTheme(),j=n?void 0:i,S=u.useRef(null),k=g==null?void 0:g(c,{required:p}),v=b==null?void 0:b(c),C=eo(v),T=u.useCallback(()=>{const D=$e("change",c,void 0);x&&x(c,void 0),k&&k.onChange(D)},[k,c,x]),
|
|
1435
|
+
`,$e=(e,n,i)=>{const r=new Event(e);return Object.defineProperty(r,"target",{value:{name:n,value:i}}),r},eo=e=>{const n=e;return n?Array.from(n).map(i=>i.name).join(", "):""},to=({accept:e,disabled:n=!1,error:i,label:r,helpLink:o,helpText:a,id:l,multiple:s,name:c,onChange:d,required:p,register:g,setValue:x,tooltip:h,watch:b,weight:m})=>{const w=f.useTheme(),j=n?void 0:i,S=u.useRef(null),k=g==null?void 0:g(c,{required:p}),v=b==null?void 0:b(c),C=eo(v),T=u.useCallback(()=>{const D=$e("change",c,void 0);x&&x(c,void 0),k&&k.onChange(D)},[k,c,x]),R=u.useCallback(D=>{const{files:z}=D.currentTarget,N=$e("change",c,z&&z.length>0?z:void 0);z&&z.length>0&&(d==null||d(N),x&&x(c,z),k&&k.onChange(N))},[k,c,d,x]),F=u.useCallback(D=>{n?D.preventDefault():S.current&&S.current.click()},[n]);return t.jsxs(U,{error:j,helpLink:o,helpText:a,htmlFor:l??c,label:r,required:p,tooltip:h,weight:m,children:[t.jsxs(Z,{className:`${n?"disabled":""} ${j?"error":""}`,children:[t.jsx(Jr,{$size:"md",children:C}),t.jsxs($,{alignItems:"center",display:"flex",gap:.625,children:[y.lodashExports.isEmpty(C)||n?void 0:t.jsx(_,{color:w.palette.gray[400],height:"20px",icon:"xmark",iconSize:"64px",iconType:"fa-light",onClick:T,variant:"ghost",width:"20px"}),j&&t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:w.palette.error[500],iconSize:"lg"}),t.jsxs(O,{border:n?`1px solid ${w.palette.gray[300]} !important`:"",borderRadius:"0px 8px 8px 0px !important",disabled:n,height:"40px",onClick:F,variant:"primary",width:"96px",children:[t.jsx(E,{icon:"search",iconSize:"xl",mr:.5}),"Add file"]})]})]}),t.jsx(Qr,{...k,accept:e,"aria-label":c,"data-testid":c,disabled:n,id:l??c,multiple:s,name:c,onChange:R,ref:S,type:"file"})]})},no=f.styled.input`
|
|
1452
1436
|
border: none;
|
|
1453
1437
|
background: transparent;
|
|
1454
1438
|
min-width: 15rem;
|
|
1455
1439
|
padding: 0;
|
|
1456
1440
|
flex: 1;
|
|
1457
|
-
`,et=({disabled:e=!1,error:n,field:i,helpLink:r,helpLinkText:o,helpText:a,label:l,name:s="input-tag",onChange:c,onRemove:d,placeholder:p,required:g,tooltip:x,value:h,weight:b})=>{const m=f.useTheme(),w=e?void 0:n,[j,S]=u.useState(""),k=c?h:i==null?void 0:i.value,v=u.useMemo(()=>k&&typeof k=="string"?k.split(",").filter(Boolean):[],[k]),C=u.useCallback(z=>{const M=[...new Set(z.filter(Boolean))].join(","),B=$e("change",s,M);i&&i.onChange(B),c&&c(B)},[i,s,c]),T=u.useCallback(z=>{S(z.target.value)},[]),
|
|
1441
|
+
`,et=({disabled:e=!1,error:n,field:i,helpLink:r,helpLinkText:o,helpText:a,label:l,name:s="input-tag",onChange:c,onRemove:d,placeholder:p,required:g,tooltip:x,value:h,weight:b})=>{const m=f.useTheme(),w=e?void 0:n,[j,S]=u.useState(""),k=c?h:i==null?void 0:i.value,v=u.useMemo(()=>k&&typeof k=="string"?k.split(",").filter(Boolean):[],[k]),C=u.useCallback(z=>{const M=[...new Set(z.filter(Boolean))].join(","),B=$e("change",s,M);i&&i.onChange(B),c&&c(B)},[i,s,c]),T=u.useCallback(z=>{S(z.target.value)},[]),R=u.useCallback(z=>{const N=j.trim();N.length&&!v.includes(N)&&(z.preventDefault(),C([...v,N]),S("")),i&&i.onBlur()},[j,i,C,v]),F=u.useCallback(z=>{const N=j.trim();z.key==="Enter"&&N.length===0&&z.preventDefault(),["Enter",","].includes(z.key)&&N.length>0&&!v.includes(N)?(z.preventDefault(),C([...v,N]),S("")):z.key==="Backspace"&&!N.length&&v.length&&(z.preventDefault(),d==null||d(v[v.length-1]),C(v.slice(0,-1)))},[j,d,C,v]),D=u.useCallback(z=>()=>{d==null||d(z),C(v.filter(N=>N!==z))},[d,C,v]);return t.jsx(U,{error:w,helpLink:r,helpLinkText:o,helpText:a,htmlFor:s,label:l,required:g,tooltip:x,weight:b,children:t.jsxs(Z,{$overflowX:"auto",className:`${e?"disabled":""} ${w?"error":""}`,children:[v.map(z=>t.jsx(q,{disabled:e,onClose:D(z),tagLabel:z},z)),t.jsx(no,{"aria-hidden":!1,"aria-invalid":w?"true":"false","aria-label":s,"aria-required":g,autoComplete:"off",disabled:e,id:s,onBlur:R,onChange:T,onKeyDown:F,placeholder:v.length===0?p:void 0,ref:i==null?void 0:i.ref,type:"text",value:j}),w?t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:m.palette.error[500],iconSize:"lg"}):void 0]})})},io=({disabled:e=!1,control:n,error:i,helpLink:r,helpLinkText:o,helpText:a,label:l,name:s="input-tag",onChange:c,onRemove:d,placeholder:p,required:g,tooltip:x,value:h,weight:b})=>n?t.jsx(y.Controller,{control:n,name:s,render:({field:m})=>t.jsx(et,{disabled:e,error:i,field:m,helpLink:r,helpLinkText:o,helpText:a,label:l,name:s,onRemove:d,placeholder:p,required:g,tooltip:x,weight:b}),rules:{required:g}}):t.jsx(et,{disabled:e,error:i,helpLink:r,helpLinkText:o,helpText:a,label:l,name:s,onChange:c,onRemove:d,placeholder:p,required:g,tooltip:x,value:h,weight:b}),ge=u.forwardRef(function({disabled:n,icon:i,margin:r,onClick:o,...a},l){return t.jsx(Fr,{$margin:r,"aria-label":i,className:"action-btn",disabled:n,onClick:o,ref:l,type:"button",...a,children:t.jsx(E,{icon:i,iconClass:"action",iconSize:"lg",iconType:"fa-light"})})}),me=({error:e,decimalPlaces:n=0,disabled:i=!1,id:r,maxLength:o,max:a=1/0,min:l=0,name:s,onChange:c,onEnter:d,placeholder:p,register:g,required:x,setValue:h,tooltipMessage:b,value:m,variant:w="full",defaultValue:j})=>{const S=f.useTheme(),k=i?void 0:e,v=n<0?0:n,[C,T]=u.useState(m?y._.toNumber(m):j?y._.toNumber(j):0),R=u.useCallback(()=>{const M=(C-10**-v).toFixed(v),B=Math.max(Number(l),Number(M));h&&h(s,B,{shouldDirty:!0}),T(B);const G=$e("change",s,M);c&&c(G)},[C,v,l,h,s,c]),F=u.useCallback(()=>{const M=(C+10**-v).toFixed(v),B=Math.min(Number(a),Number(M)>Number(l)?Number(M):Number(l));h&&h(s,B,{shouldDirty:!0}),T(B);const G=$e("change",s,M);c&&c(G)},[C,v,a,l,h,s,c]),D=u.useCallback(M=>{const{value:B}=M.target,G=/\d+/u.test(B)&&!y._.isEmpty(B);h&&h(s,G?B:void 0),c&&c(M),T(Number(B))},[s,c,h]),z=u.useCallback(M=>{M.stopPropagation(),M.key==="Enter"&&!y.lodashExports.isEmpty(M.currentTarget.value)&&(d==null||d(y.lodashExports.toNumber(M.currentTarget.value)))},[d]),N=()=>t.jsx("input",{"aria-hidden":!1,"aria-invalid":k?"true":"false","aria-label":s,"aria-required":x,autoComplete:"off",disabled:i,id:r??s,max:a,min:l,onChange:D,onKeyUp:z,placeholder:p,required:x,step:10**-v,type:"number",value:C,...g==null?void 0:g(s,{maxLength:o,max:a,min:l,onChange:D,value:m,valueAsNumber:!0})});return t.jsxs(Z,{$variant:w,className:`${i?"disabled":""} ${k?"error":""}`,children:[w==="compact"&&b?t.jsx(X,{id:`numberInputTooltip-${s}`,tip:b,width:"100%",children:N()}):N(),k&&t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:S.palette.error[500],iconSize:"lg"}),w==="compact"?t.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"center",borderLeft:"inherit"},children:[t.jsx(ge,{borderRadius:`0 ${S.spacing[.5]} 0 0`,disabled:i,icon:"plus",onClick:F,px:.25}),t.jsx(vr,{}),t.jsx(ge,{borderRadius:`0 0 ${S.spacing[.5]} 0`,disabled:i,icon:"minus",onClick:R,px:.25})]}):t.jsxs(t.Fragment,{children:[t.jsx(ge,{borderLeft:"inherit",borderRight:"inherit",disabled:i,icon:"minus",margin:"0 -0.625rem 0 0",onClick:R,px:.75,py:.75}),t.jsx(ge,{borderRadius:`0 ${S.spacing[.5]} ${S.spacing[.5]} 0`,disabled:i,icon:"plus",onClick:F,px:.75,py:.75})]})]})},xn=({autoUpdate:e,decimalPlaces:n,disabled:i=!1,error:r,helpLink:o,helpLinkText:a,helpText:l,id:s,label:c,linkPosition:d,maxLength:p,max:g,min:x,name:h,onChange:b,onEnter:m,placeholder:w,register:j,required:S,setValue:k,tooltip:v,tooltipMessage:C,value:T,variant:R="full",watch:F,weight:D,defaultValue:z})=>R==="compact"?t.jsx(me,{"aria-label":h,autoUpdate:e,decimalPlaces:n,defaultValue:z??Number(T??0),disabled:i,max:g,min:x,name:h,onEnter:m??(()=>{}),tooltipMessage:C,value:T,variant:R}):t.jsx(U,{error:i?void 0:r,helpLink:o,helpLinkText:a,helpText:l,htmlFor:h,label:c,linkPosition:d,maxLength:p,required:S,tooltip:v,weight:D,children:t.jsx(me,{decimalPlaces:n,disabled:i,error:r,id:s,max:g,maxLength:p,min:x,name:h,onChange:b,placeholder:w,register:j,required:S,setValue:k,value:F?F(h):T,variant:R})}),hn=({disabled:e=!1,error:n,name:i,label:r,propsMax:o,propsMin:a,required:l,tooltip:s,variant:c="default"})=>{const d=`${i}Max`,p=`${i}Min`;return t.jsx(U,{error:e?void 0:n,htmlFor:i,label:r,required:l,tooltip:s,children:t.jsxs($,{display:"flex",flexDirection:c==="filters"?"column":"row",gap:.25,width:"100%",children:[t.jsx(me,{...a,disabled:e,error:n,name:(a==null?void 0:a.name)??p}),t.jsx(me,{...o,disabled:e,error:n,name:(o==null?void 0:o.name)??d})]})})},ro=f.styled.div`
|
|
1458
1442
|
${({theme:e})=>`
|
|
1459
1443
|
align-items: flex-start;
|
|
1460
1444
|
align-self: stretch;
|
|
@@ -1548,9 +1532,9 @@
|
|
|
1548
1532
|
overflow: hidden;
|
|
1549
1533
|
text-overflow: ellipsis;
|
|
1550
1534
|
white-space: nowrap;
|
|
1551
|
-
`,co=({disabled:e,error:n,label:i,name:r,placeholder:o,required:a,register:l,tooltip:s,value:c,watch:d,weight:p})=>{const g=f.useTheme(),x=u.useRef(null),h=e?void 0:n,b=(d==null?void 0:d(r))??c,[m,w]=u.useState(!1),[j,S]=u.useState(""),{refs:k,floatingStyles:v}=y.useFloating$1({placement:"bottom-start",whileElementsMounted:y.autoUpdate}),{inputRef:C,inputValue:T,handlePhoneValueChange:
|
|
1552
|
-
${e?"disabled":""} ${
|
|
1553
|
-
`,children:[t.jsx("textarea",{"aria-hidden":!1,"aria-invalid":
|
|
1535
|
+
`,co=({disabled:e,error:n,label:i,name:r,placeholder:o,required:a,register:l,tooltip:s,value:c,watch:d,weight:p})=>{const g=f.useTheme(),x=u.useRef(null),h=e?void 0:n,b=(d==null?void 0:d(r))??c,[m,w]=u.useState(!1),[j,S]=u.useState(""),{refs:k,floatingStyles:v}=y.useFloating$1({placement:"bottom-start",whileElementsMounted:y.autoUpdate}),{inputRef:C,inputValue:T,handlePhoneValueChange:R,country:F,setCountry:D}=y.ee({countries:y._$1,defaultCountry:"co",forceDialCode:!0,value:b?String(b):""}),z=u.useCallback(H=>{H.key==="Enter"&&H.preventDefault()},[]),N=u.useCallback(H=>{H.preventDefault(),w(W=>!W),m||S("")},[m]),M=u.useCallback(H=>()=>{D(H),w(!1),S("")},[D,w]),B=u.useCallback(H=>{H.key.length===1?S(W=>W+H.key):H.key==="Backspace"&&S(W=>W.slice(0,-1))},[]),G=y._$1.filter(H=>{const{name:W}=y.M(H);return W.toLowerCase().includes(j.toLowerCase())});return ee(k.floating.current,()=>{w(!1),S("")},!0),t.jsx(U,{error:h,htmlFor:r,label:i,required:a,tooltip:s,weight:p,children:t.jsxs(ro,{className:`${e?"disabled":""} ${h?"error":""}`,ref:x,children:[t.jsxs(oo,{"aria-label":"country-selector","data-testid":"country-selector",disabled:e,id:"country-selector",onClick:N,onKeyDown:B,ref:k.setReference,children:[t.jsx(y.q,{iso2:F.iso2,size:"16px"}),t.jsx(E,{icon:"angle-down",iconColor:g.palette.gray[400],iconSize:"lg",iconType:"fa-light"})]}),t.jsxs(Z,{className:`${e?"disabled":""} ${h?"error":""}`,children:[t.jsx("input",{"aria-hidden":!1,"aria-invalid":h?"true":"false","aria-label":r,"aria-required":a,autoComplete:"off","data-testid":`${r}-input`,disabled:e,id:r,name:r,onKeyDown:z,placeholder:o,ref:C,type:"tel",value:T,...l==null?void 0:l(r,{required:a,onChange:R})}),h?t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:g.palette.error[500],iconSize:"lg"}):void 0]}),m&&ce.createPortal(t.jsx(ao,{ref:k.setFloating,style:v,children:G.map(H=>{const{dialCode:W,iso2:te,name:de}=y.M(H);return t.jsxs(so,{onClick:M(te),value:te,children:[t.jsx(y.q,{iso2:te,size:"16px"}),t.jsx(lo,{children:de}),t.jsx(I,{color:g.palette.gray[400],size:"md",textAlign:"end",children:"+"+W})]},te)})}),document.getElementById("modal-wrapper")??document.getElementById("root")??document.body)]})})},po=({disabled:e=!1,error:n,helpLink:i,helpLinkText:r,helpText:o,isTouched:a,isValid:l,label:s,name:c="input-text",id:d,maskValue:p=!1,maxLength:g,onBlur:x,placeholder:h,register:b,required:m,rows:w,tooltip:j,watch:S,weight:k,value:v})=>{const C=f.useTheme(),T=(S==null?void 0:S(c))??v,R=l&&a&&!e,F=e?void 0:n;return t.jsx(U,{disabled:e,error:F,helpLink:i,helpLinkText:r,helpText:o,htmlFor:c,label:s,maxLength:g,required:m,tooltip:j,value:T?String(T):void 0,weight:k,children:t.jsxs(Z,{className:`
|
|
1536
|
+
${e?"disabled":""} ${F?"error":""} ${R?"success":""}
|
|
1537
|
+
`,children:[t.jsx("textarea",{"aria-hidden":!1,"aria-invalid":F?"true":"false","aria-label":c,"aria-required":m,className:p?"sr-block":"","data-testid":`${c}-text-area`,disabled:e,id:d??c,maxLength:g,placeholder:h,rows:w,value:T,...b==null?void 0:b(c,{required:m,onBlur:x})}),F?t.jsx(E,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:C.palette.error[500],iconSize:"lg"}):void 0,R?t.jsx(E,{icon:"check-circle",iconClass:"success-icon",iconColor:C.palette.success[500],iconSize:"lg"}):void 0]})})},go=({control:e,description:n,bordered:i=!0,disabled:r,id:o,items:a,align:l,inputType:s="text",inputNumberProps:c,minHeight:d,minWidth:p,name:g,placeholder:x,textAlign:h,tooltip:b,title:m,value:w,isTouched:j,isValid:S,error:k,onChange:v,register:C,setValue:T,watch:R})=>{const F=u.useMemo(()=>{if(s==="text")return t.jsx(He,{disabled:r,error:k,isTouched:j,isValid:S,name:g,placeholder:x,register:C});if(s==="date")return t.jsx(cn,{disabled:r,error:k,name:g,register:C,setValue:T,watch:R});if(s==="select"&&a)return t.jsx(gt,{control:e,disabled:r,items:a,name:g,placeholder:x,value:w});const{decimalPlaces:D,max:z,min:N}=c??{};return t.jsx(xn,{decimalPlaces:D,disabled:r,error:k,max:z,min:N,name:g,onChange:v,placeholder:x,register:C,setValue:T,value:w,watch:R})},[e,r,k,c,s,j,S,a,g,v,x,C,T,w,R]);return t.jsxs(wr,{$align:l,$bordered:i,$minHeight:d,$minWidth:p,children:[t.jsx(Oe,{description:n,id:o,textAlign:h,title:m,tooltip:b}),F]})},fn=({options:e,title:n,checkboxesName:i,defaultBgColor:r,defaultCollapsed:o,onChange:a})=>{const l=f.useTheme(),[s,c]=u.useState(o??!1),d=u.useCallback(()=>{c(p=>!p)},[]);return t.jsxs($,{"aria-label":n,bgColor:s&&!r?l.palette.gray[50]:l.palette.white,border:"1px solid"+l.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(I,{color:l.palette.gray[800],fontWeight:"bold",size:"md",children:n}),t.jsx(E,{icon:s?"chevron-up":"chevron-down",iconColor:l.palette.gray[400],iconSize:"lg"})]}),s?t.jsx($,{display:"flex",gap:.75,wrap:"wrap",children:e.map(p=>t.jsx($,{bgColor:l.palette.white,border:"1px solid",borderColor:l.palette.gray[300],borderRadius:l.spacing[.25],px:.5,py:.5,children:t.jsx(ae,{checked:p.visible,disabled:p.locked,label:p.name,name:`${i}-${p.name}`,onChange:a,value:p.name})},p.name))}):void 0]})},uo=f.styled.div`
|
|
1554
1538
|
display: flex;
|
|
1555
1539
|
align-self: flex-start;
|
|
1556
1540
|
margin-left: auto;
|
|
@@ -2097,7 +2081,7 @@ ${m[8]}...`:(m.length<8&&p(!1),i)},[s,i,n]),h=u.useMemo(x,[x]),b=u.useCallback(a
|
|
|
2097
2081
|
svg.fa-check {
|
|
2098
2082
|
border-radius: 2px;
|
|
2099
2083
|
}
|
|
2100
|
-
`,In=({control:e,option:n,register:i,watch:r,setValue:o})=>{var a,l,s,c;switch(n.type){case"checkboxes":{const p=r("search")??"",g=r("checkbox")??[],x=n.options??[],h=Uo(x,p,g);return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[!n.label||n.label===""?void 0:null,h.map(b=>t.jsx(At,{value:b.value,width:"content",children:t.jsx(ae,{...i("checkbox"),label:b.label,value:b.value})},`li-checkbox-${b.value}`))]})}case"radioButton":return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[n.label,(a=n.options)==null?void 0:a.map(p=>t.jsx(At,{value:p.value,width:"content",children:t.jsx(xt,{...i("radio"),label:p.label,value:p.value})},`li-radio-${p.value}`))]});case"select":return t.jsx(gt,{control:e,items:((l=n.options)==null?void 0:l.map(p=>({name:p.label??"",value:p.value})))??[],label:n.label,name:`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`,placeholder:n.placeholder,value:n.value});case"text":const d=`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`;return t.jsx(He,{label:n.label,name:d,placeholder:n.placeholder,register:i,value:n.value});case"numberRange":return t.jsx(hn,{label:n.label,name:String(n.key),propsMax:{placeholder:n.placeholder?`${n.placeholder} Max`:"Max",register:i,name:"maxValue",value:n.maxValue,setValue:o},propsMin:{placeholder:n.placeholder?`${n.placeholder} Min`:"Min",register:i,name:"minValue",value:n.minValue,setValue:o},variant:"filters"});case"dateRange":return t.jsx(pn,{label:n.label,name:String(n.key),propsMax:{name:"maxValue",value:(s=n.maxValue)==null?void 0:s.toString()},propsMin:{name:"minValue",value:(c=n.minValue)==null?void 0:c.toString()},register:i,setValue:o,variant:"filters"});default:return t.jsx("div",{})}},Dn=({control:e,items:n,register:i,setValue:r,watch:o})=>t.jsx(t.Fragment,{children:n.map((a,l)=>{const s=`${a.type}-${a.value}-${a.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(In,{control:e,option:a,register:i,setValue:r,watch:o}),l<n.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},s)})}),En=e=>{var c,d,p,g,x;const[n,i]=u.useState([...e]),{control:r,register:o,handleSubmit:a,setValue:l,watch:s}=y.useForm({defaultValues:{checkbox:e.filter(h=>h.type==="checkboxes").flatMap(h=>{var b;return((b=h.options)==null?void 0:b.filter(m=>m.checked).map(m=>m.value))??[]}),radio:((p=(d=(c=e.find(h=>h.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:h})=>h))==null?void 0:p.value)??"",text:e.filter(h=>["text","select"].includes(h.type)).reduce((h,b)=>({...h,[`${String(b.key)}-${b.filterFn??"caseInsensitive"}`]:b.value??""}),{}),minValue:(g=e.find(h=>["numberRange","dateRange"].includes(h.type)))==null?void 0:g.minValue,maxValue:(x=e.find(h=>["numberRange","dateRange"].includes(h.type)))==null?void 0:x.maxValue,search:""}});return{control:r,items:n,setItems:i,register:o,handleSubmit:a,setValue:l,watch:s}},tt=({options:e,onSearch:n,onSubmit:i,id:r,selectedFilter:o})=>{const{control:a,items:l,setItems:s,register:c,handleSubmit:d,setValue:p,watch:g}=En(e),x=e.some(j=>j.type==="checkboxes"&&j.hideSearch!==!0),h=e.some(j=>j.label&&j.label!==""),b=u.useCallback(async j=>{const{value:S}=j.target;p("search",S),n&&n(S)},[n,p]),m=u.useCallback(()=>{p("search",""),n&&n("")},[n,p]),w=u.useCallback(j=>{i&&i(j)},[i]);return u.useEffect(()=>{s(e),Vo(e,p)},[e,s,p]),t.jsxs("div",{className:"flex flex-col gap-[8px]",id:r,style:{writingMode:"horizontal-tb",maxWidth:"300px",width:"100%"},children:[x&&t.jsxs("div",{children:[h?o:void 0,t.jsx(le,{onChange:b,onClear:m,placeholder:"Search"})]}),t.jsxs("form",{id:r,onSubmit:d(w),children:[t.jsx(Dn,{control:a,items:l,register:c,setValue:p,watch:g}),t.jsx(O,{mt:1,type:"submit",children:"Apply"})]})]})},Rn=({options:e,variant:n,onApplyFilters:i,onSearch:r,setDirection:o,setHandler:a,onFilterStateChange:l})=>{const s=f.useTheme(),[c,d]=u.useState(e),[p,g]=u.useState([]),[x,h]=u.useState({}),[b,m]=u.useState(""),w=u.useCallback(k=>()=>{const v=c.find(T=>T.label===k),C=!(v!=null&&v.filterOptions.some(T=>T.type==="dateRange"||T.type==="select"));a==null||a(C??!0),m(k),g((v==null?void 0:v.filterOptions)??[])},[c,a]),j=u.useCallback(k=>{const v=[...k.checkbox,...Object.values(k.text??{}),...k.radio?[k.radio]:[],...k.minValue?[String(k.minValue)]:[],...k.maxValue?[String(k.maxValue)]:[]];h(D=>v.length>0?{...D,[b]:v}:D);const C=D=>{var z,N;return{...D,options:(z=D.options)==null?void 0:z.map(M=>({...M,checked:k.checkbox.includes(M.value)||k.radio===M.value})),value:["text","select"].includes(D.type)?((N=k.text)==null?void 0:N[`${String(D.key)}-${D.filterFn??"caseInsensitive"}`])??D.value:D.value,minValue:["numberRange","dateRange"].includes(D.type)?k.minValue:D.minValue,maxValue:["numberRange","dateRange"].includes(D.type)?k.maxValue:D.maxValue}},T=D=>D.label===b?{...D,filterOptions:D.filterOptions.map(C)}:D,F=c.map(T);d(D=>D.map(T));const R=F.flatMap(({filterOptions:D})=>D);i(R),g([])},[c,i,b]),S=u.useCallback((k,v)=>{const C=`li-filter-option-${k}`;return t.jsxs(Ho,{icon:v,onClick:w(k),style:{minWidth:"180px",writingMode:"horizontal-tb"},value:C,width:"100%",children:[k,x[k]===void 0?void 0:t.jsx(q,{tagLabel:x[k].length.toString()})]},C)},[x,w]);return u.useEffect(()=>{const k=e.reduce((v,{label:C,filterOptions:T})=>{const F=T.flatMap(({value:z,minValue:N,maxValue:M})=>[N,M,z]).filter(Boolean),R=T.flatMap(({options:z})=>z??[]).filter(({checked:z=!1})=>z).map(({value:z})=>z),D=[...F,...R];return D.length===0?v:{...v,[C]:D}},{});h(k),p.length>0&&o&&o("column")},[p,e,o]),u.useEffect(()=>{l==null||l(p.length>0)},[p.length,l]),n==="grouped"?t.jsx($,{display:"flex",flexDirection:"row",maxHeight:p.length>0?"unset":"360px",style:{rowGap:"10px",writingMode:"vertical-lr"},wrap:"wrap",children:p.length>0?t.jsx(tt,{id:"filters-options",onSearch:r,onSubmit:j,options:p,selectedFilter:b}):Object.entries(yt(e)).map(([k,v])=>t.jsxs($,{style:{writingMode:"horizontal-tb"},children:[t.jsx(I,{color:s.palette.gray[400],fontWeight:"bold",mb:.25,size:"md",children:k}),v.map(({label:C,icon:T="filter-list"})=>S(C,T))]},k))}):t.jsx($,{display:"flex",flexDirection:"row",maxHeight:p.length>0?"unset":"200px",style:{rowGap:"10px",writingMode:"vertical-lr"},wrap:"wrap",children:p.length>0?t.jsx(tt,{id:"filters-options",onSearch:r,onSubmit:j,options:p,selectedFilter:b}):e.map(({label:k,icon:v="filter-list"})=>S(k,v))})},Fn=({options:e,onApplyFilters:n,onSearch:i,modalRef:r,variant:o})=>{const[a,l]=u.useState("row"),[s,c]=u.useState(!0),[d,p]=u.useState(!1),x=(o==="grouped"?Object.values(yt(e)).reduce((w,j)=>w+j.length,0):e.length)>5&&!d,h=f.useTheme(),b=u.useRef(null),m=t.jsx(_,{icon:"close",iconColor:h.palette.gray[400],iconSize:"lg",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:r.close,px:.25,py:.25,variant:"ghost"});return u.useEffect(()=>{const w=j=>{const S=b.current;S&&!S.contains(j.target)&&r.close()};if(s)return document.addEventListener("mousedown",w,!0),()=>{document.removeEventListener("mousedown",w,!0)}},[b,s,r]),t.jsx(Go,{$bgColor:"transparent","aria-label":r.name,children:t.jsxs(ht,{$size:"fixed",alignItems:a==="row"?"start":"end",display:"flex",flexDirection:a,gap:.5,id:"filters-list",justify:"space-between",position:"relative",px:1.25,py:1.25,ref:b,style:{maxWidth:"620px",overflow:"hidden",width:"fit-content",paddingBottom:x?"0":void 0},children:[a==="column"?m:void 0,t.jsx(Rn,{onApplyFilters:n,onFilterStateChange:p,onSearch:i,options:e,setDirection:l,setHandler:c,variant:o}),a==="row"?m:void 0]})})};function Yo(e){if(!e)return;const n=20;if(e.length<=n)return e;const i=n-3,r=Math.ceil(i/2),o=Math.floor(i/2);return`${e.slice(0,r)}...${e.slice(e.length-o)}`}function Nn(e){if(!e||e.length===0)return;const n=e.filter(s=>s.checked).map(s=>s.label??s.value);if(n.length===0)return;const i=(s,c=20)=>{if(s.length<=c)return s;const d=c-3,p=Math.ceil(d/2),g=Math.floor(d/2);return`${s.slice(0,p)}...${s.slice(s.length-g)}`};if(n.length===1){const s=n[0];return s.length>20?i(s,20):s}if(n.length===2){const s=n[0],c=n.join(", ").length;return s.length>20||c>20?`${i(s,20)} +1 more`:`${n[0]}, ${n[1]}`}const r=n[0],o=n.length-1,a=20,l=n.join(", ").length;return r.length>a||l>a?`${i(r,a)} +${o} more`:`${n[0]}, ${n[1]}`}function Ko(e,n,i){const r=i??"",o=y._.isEmpty(e)&&typeof e!="number"||Number.isNaN(e)?void 0:Number(e),a=y._.isEmpty(n)&&typeof n!="number"||Number.isNaN(n)?void 0:Number(String(n));if(!y._.isUndefined(o)&&!y._.isUndefined(a))return`${o}${r} - ${a}${r}`;if(!y._.isUndefined(o))return`Min ${o}${r}`;if(!y._.isUndefined(a))return`Max ${a}${r}`}function Xo(e,n){if(y.dayjs_minExports.extend(y.localizedFormat),!(y._.isUndefined(e)&&y._.isUndefined(n))){if(e!==""&&n!==""&&!y._.isUndefined(e)&&!y._.isUndefined(n))return`${y.dayjs(e).format("LL")} - ${y.dayjs(n).format("LL")}`;if(e!==""&&!y._.isUndefined(e))return`From ${y.dayjs(e).format("LL")}`;if(n!==""&&!y._.isUndefined(n))return`To ${y.dayjs(n).format("LL")}`}}function Zo(e,n,i){return e==="select"?n:`${n} ${i==="includesInsensitive"?"contains":"is"}`}const xe=({filter:e,icon:n="filter-list",label:i,onClose:r,filterValue:o})=>{if(y._.isNil(o)||y._.isEmpty(String(o)))return null;const a=e.type==="checkboxes"?(e.options??[]).filter(c=>c.checked).map(c=>c.label??c.value):[],{tooltipContent:l,shouldShowTooltip:s}=(()=>{var d,p,g;if(a.length>0){if(a.length===1){const m=(((d=a[0])==null?void 0:d.length)??0)>20;return{shouldShowTooltip:m,tooltipContent:m?a[0]:void 0}}if(a.length===2){const m=((p=a[0])==null?void 0:p.length)??0,w=a.join(", ").length,j=m>20||w>20;return{shouldShowTooltip:j,tooltipContent:j?a:void 0}}const x=((g=a[0])==null?void 0:g.length)??0,h=a.join(", ").length,b=x>20||h>20;return{shouldShowTooltip:b,tooltipContent:b?a:void 0}}const c=e.value;return typeof c=="string"&&c.length>20?{shouldShowTooltip:!0,tooltipContent:c}:{shouldShowTooltip:!1,tooltipContent:void 0}})();return t.jsx(X,{disabled:!s,id:"applied-filter-tooltip",nodeTip:s?Array.isArray(l)?t.jsx($,{display:"flex",flexDirection:"column",gap:.25,children:l.map(c=>t.jsxs($,{alignItems:"flex-start",display:"flex",gap:.5,children:[t.jsx("span",{children:"•"}),t.jsx($,{whiteSpace:"normal",wordWrap:"break-word",children:c})]},c))}):t.jsx($,{whiteSpace:"normal",wordWrap:"break-word",children:l}):void 0,children:t.jsx(q,{filterValues:o,icon:n,id:"remove-filter",onClose:r(e),tagLabel:`${i} `})})},qo=({options:e,onClose:n})=>{const i=e.flatMap(r=>r.filterOptions.map(o=>{const{filterFn:a,label:l,type:s,value:c,options:d,minValue:p,maxValue:g}=o;switch(s){case"numberRange":{const x=Ko(p,g,r.placeholder);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"dateRange":{const x=Xo(p==null?void 0:p.toString(),g==null?void 0:g.toString());return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"radioButton":case"checkboxes":{const x=Nn(d);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case void 0:case"select":case"text":default:{const x=Yo(c),h=Zo(s,r.label,a);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:h,onClose:n},l)}}})).filter(r=>{if(r===null)return!1;const{filterValue:o}=r.props;return!y._.isNil(o)&&!y._.isEmpty(String(o))});return i.length>0?t.jsx($,{alignItems:"center",display:"flex",gap:.5,pb:1,width:"100%",wrap:"wrap",children:i}):null},Jo=e=>e.map(n=>{const i={key:String(n.key),type:n.type},r=(()=>{let o={...i};if(n.filterFn&&(o={...o,filterFn:n.filterFn}),n.value&&(o={...o,value:n.value}),n.minValue!==void 0&&n.minValue!==null&&(o={...o,minValue:n.minValue}),n.maxValue!==void 0&&n.maxValue!==null&&(o={...o,maxValue:n.maxValue}),n.options&&n.options.length>0){const a=n.options.filter(l=>l.checked).map(l=>l.value);a.length>0&&(o={...o,selectedValues:a})}return o})();return Object.keys(r).length>2?r:null}).filter(Boolean),Qo=(e,n)=>n.map(i=>{const r=e.find(a=>a.key===String(i.key)&&a.type===i.type);return r?(()=>{let a={...i};return r.filterFn&&(a={...a,filterFn:r.filterFn}),r.value!==void 0&&r.value!==null&&(a={...a,value:r.value}),r.minValue!==void 0&&r.minValue!==null&&(a={...a,minValue:r.minValue}),r.maxValue!==void 0&&r.maxValue!==null&&(a={...a,maxValue:r.maxValue}),r.selectedValues&&i.options&&(a={...a,options:i.options.map(l=>{var s;return{...l,checked:((s=r.selectedValues)==null?void 0:s.includes(l.value))??!1}})}),a})():i}),Ke=(e,n)=>{const i=Jo(e);n(JSON.stringify(i))},ea=(e,n)=>{const i=e();if(!i)return n;try{const r=JSON.parse(i);return Qo(r,n)}catch{return n}},ta=(e,n)=>{function i(l,s){if(s.value===""||s.value===void 0||y._.defaultTo(s.isBackFilter,!1))return!0;switch(s.filterFn){case"includesInsensitive":return String(l[s.key]).toLowerCase().includes(s.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[s.key]).toLowerCase()===s.value.toLowerCase()}}function r(l,s){if(!s.options||s.options.length===0)return!0;const c=s.options.filter(d=>d.checked).map(d=>d.value);return c.length===0?!0:c.includes(String(l[s.key]))}function o(l,s,c){const d=c(String(l[s.key])),{minValue:p,maxValue:g}=s,x=y._.isEmpty(p)&&typeof p!="number"?void 0:c(String(p)),h=y._.isEmpty(g)&&typeof g!="number"?void 0:c(String(g));return y._.isUndefined(x)&&y._.isUndefined(h)?!0:(x??-1/0)<=d&&d<=(h??1/0)}function a(l){return n.every(s=>{if(typeof s.key=="function")return s.key(l,s.value);switch(s.type){case"radioButton":case"checkboxes":return r(l,s);case"numberRange":return o(l,s,Number);case"dateRange":return o(l,s,c=>new Date(c));case"select":case"text":default:return i(l,s)}})}return e.filter(a)},na=e=>[...e.flatMap(({options:i})=>i).filter(i=>i==null?void 0:i.checked),...e.flatMap(i=>[i.value,i.maxValue,i.minValue]).filter(Boolean)].length,ia=e=>{var i;const n=((i=e.options)==null?void 0:i.map(r=>({...r,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:n}},ra=({dataset:e,setValues:n,getValues:i,options:r,setFilteredDataset:o,onFiltersChange:a,onReset:l,onSearch:s,variant:c="ungrouped"})=>{const d=De("filters-modal"),[p,g]=u.useState(!1),[x,h]=u.useState([]),b=na(x),m=r.map(v=>({...v,filterOptions:v.filterOptions.map(C=>x.find(F=>F.key===C.key&&F.type===C.type&&F.filterFn===C.filterFn)??{...C})})),w=u.useCallback(v=>{h([...v]),Ke(v,n)},[h,n]),j=u.useCallback(()=>{l&&l(),d.isOpen||g(!0),d.toggle()},[d,l]),S=u.useCallback(v=>()=>{l&&l();const C=x.map(T=>T.key===v.key&&T.type===v.type&&T.filterFn===v.filterFn?ia(T):T);h(C),Ke(C,n)},[x,l,n]);return u.useEffect(()=>{const v=r.flatMap(F=>F.filterOptions),C=i();if((()=>{if(!C)return!1;try{const F=JSON.parse(C);return Array.isArray(F)&&F.length>0}catch{return!1}})()){const F=ea(i,v);h(F)}else v.flatMap(R=>R.value).filter(Boolean).length>0||v.flatMap(R=>R.options).filter(R=>(R==null?void 0:R.checked)===!0).length>0?(h(v),p&&Ke(v,n)):h(v)},[r,h,n,i,p]),u.useEffect(()=>{o&&e!==void 0&&o(ta(e,x)),a==null||a(x)},[e,x,o,a]),{Filters:()=>t.jsxs($,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",position:"relative",wrap:"wrap",children:[t.jsx($,{pr:.25,children:t.jsx(O,{icon:"filter",id:"filter-btn",onClick:j,tag:b.toString(),variant:"ghost"})}),d.isOpen&&t.jsx(Fn,{modalRef:d,onApplyFilters:w,onSearch:s,options:m,variant:c})]}),options:m,removeFilter:S}},bt=({_portal:e=!0,alert:n,cancelButton:i=void 0,children:r=void 0,confirmButton:o=void 0,content:a=void 0,description:l=void 0,modalRef:s,otherActions:c=void 0,onClose:d=void 0,tabItems:p=void 0,title:g=void 0,size:x,id:h="modal-container"})=>{const b=f.useTheme(),[m,w]=u.useState(void 0),j=u.useRef(null),S=u.useRef(!1),k=Array.isArray(p)&&p.length>0,v=i??o;u.useEffect(()=>{if(k&&!S.current&&j.current){const T=j.current.getBoundingClientRect().height;T>50&&(w(T),S.current=!0)}s.isOpen||(w(void 0),S.current=!1)},[k,s.isOpen]);const C=t.jsx(mn,{"aria-label":s.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs(ht,{$size:x,"data-testid":h,flexDirection:"column",id:h,ref:k?j:void 0,style:k&&m?{height:m}:void 0,children:[!y._.isEmpty(g)&&!y._.isNil(g)&&t.jsx(jn,{description:l,modalRef:s,onClose:d,otherActions:c,title:g}),p&&t.jsx($,{borderTop:`1px solid ${b.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(ft,{items:p})}),(y._.isObject(a)||r)&&t.jsxs(Ro,{style:v?{borderBottom:`1px solid ${b.palette.gray[200]}`}:void 0,children:[r,y._.isObject(a)&&y._.isString(a.imageSrc)&&t.jsx(Lo,{$framed:a.imageFramed,children:t.jsx(Q,{alt:"modal-img",publicId:a.imageSrc})}),y._.isObject(a)&&y._.isString(a.imageText)&&t.jsx(I,{size:"md",children:a.imageText})]}),t.jsx(wn,{alert:n,cancelButton:i,confirmButton:o,modalRef:s})]})});return e&&s.isOpen?ce.createPortal(C,document.getElementById("portals")??document.body):s.isOpen?C:null},oa=(e,n,i)=>{const r=De("confirm-dialog-modal"),o=u.useRef(null),a=u.useCallback(async()=>(r.open(),new Promise(d=>{o.current=d})),[r]),l=u.useCallback(()=>{var d;r.close(),(d=o.current)==null||d.call(o,!0)},[r]),s=u.useCallback(()=>{var d;r.close(),(d=o.current)==null||d.call(o,!1)},[r]);return[a,({children:d})=>{const[p,g]=u.useState(i),x=u.useCallback(()=>{g({...i})},[]),h=u.useCallback(w=>()=>{g(j=>({...j,[w]:{...j[w],state:!j[w].state}}))},[]),b=!Object.values(p).every(({state:w})=>w),m=Object.entries(p).map(([w,{state:j,label:S}])=>t.jsx(ae,{defaultChecked:j,label:S,name:w,onChange:h(w)},w));return t.jsxs(bt,{"data-testid":e,id:e,modalRef:{...r,close:s},onClose:x,size:"sm",title:n,children:[d,t.jsx($,{display:"flex",flexDirection:"column",gap:.5,children:m}),t.jsx(vn,{disabled:b,id:e,onConfirm:l})]})}]},aa=()=>{const[e,n]=u.useState(!1),[i,r]=u.useState(),o=u.useRef(null),a=De("confirm-dialog-modal"),l=u.useCallback(async p=>(r(p),n(!0),new Promise(g=>{o.current=g})),[]),s=u.useCallback(()=>{var p;n(!1),r(void 0),(p=o.current)==null||p.call(o,!0)},[]),c=u.useCallback(()=>{var p;n(!1),r(void 0),(p=o.current)==null||p.call(o,!1)},[]);return u.useEffect(()=>{a.setIsOpen(e)},[e,a]),{ConfirmDialog:({id:p="confirm-dialog-modal",children:g})=>t.jsxs(bt,{cancelButton:{onClick:c,text:"Cancel"},confirmButton:{id:(i==null?void 0:i.id)??"modal-confirm",onClick:s,text:"Confirm"},description:i==null?void 0:i.message,id:p,modalRef:{...a,close:c},size:"sm",title:i==null?void 0:i.title,children:[i==null?void 0:i.content,g]}),confirm:l}},sa=2e3,la=({content:e})=>{const[n,i]=u.useState("Copy"),r=u.useCallback(()=>{navigator.clipboard.writeText(e).then(()=>{i("Copied"),setTimeout(()=>{i("Copy")},sa)}).catch(()=>{i("Failed to copy")})},[e]);return t.jsx(_,{icon:"copy",iconSize:"lg",iconType:"fa-light",onClick:r,tooltip:n,variant:"ghost"})},ca=f.styled.ul`
|
|
2084
|
+
`,In=({control:e,option:n,register:i,watch:r,setValue:o})=>{var a,l,s,c;switch(n.type){case"checkboxes":{const p=r("search")??"",g=r("checkbox")??[],x=n.options??[],h=Uo(x,p,g);return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[!n.label||n.label===""?void 0:null,h.map(b=>t.jsx(At,{value:b.value,width:"content",children:t.jsx(ae,{...i("checkbox"),label:b.label,value:b.value})},`li-checkbox-${b.value}`))]})}case"radioButton":return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[n.label,(a=n.options)==null?void 0:a.map(p=>t.jsx(At,{value:p.value,width:"content",children:t.jsx(xt,{...i("radio"),label:p.label,value:p.value})},`li-radio-${p.value}`))]});case"select":return t.jsx(gt,{control:e,items:((l=n.options)==null?void 0:l.map(p=>({name:p.label??"",value:p.value})))??[],label:n.label,name:`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`,placeholder:n.placeholder,value:n.value});case"text":const d=`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`;return t.jsx(He,{label:n.label,name:d,placeholder:n.placeholder,register:i,value:n.value});case"numberRange":return t.jsx(hn,{label:n.label,name:String(n.key),propsMax:{placeholder:n.placeholder?`${n.placeholder} Max`:"Max",register:i,name:"maxValue",value:n.maxValue,setValue:o},propsMin:{placeholder:n.placeholder?`${n.placeholder} Min`:"Min",register:i,name:"minValue",value:n.minValue,setValue:o},variant:"filters"});case"dateRange":return t.jsx(pn,{label:n.label,name:String(n.key),propsMax:{name:"maxValue",value:(s=n.maxValue)==null?void 0:s.toString()},propsMin:{name:"minValue",value:(c=n.minValue)==null?void 0:c.toString()},register:i,setValue:o,variant:"filters"});default:return t.jsx("div",{})}},Dn=({control:e,items:n,register:i,setValue:r,watch:o})=>t.jsx(t.Fragment,{children:n.map((a,l)=>{const s=`${a.type}-${a.value}-${a.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(In,{control:e,option:a,register:i,setValue:r,watch:o}),l<n.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},s)})}),En=e=>{var c,d,p,g,x;const[n,i]=u.useState([...e]),{control:r,register:o,handleSubmit:a,setValue:l,watch:s}=y.useForm({defaultValues:{checkbox:e.filter(h=>h.type==="checkboxes").flatMap(h=>{var b;return((b=h.options)==null?void 0:b.filter(m=>m.checked).map(m=>m.value))??[]}),radio:((p=(d=(c=e.find(h=>h.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:h})=>h))==null?void 0:p.value)??"",text:e.filter(h=>["text","select"].includes(h.type)).reduce((h,b)=>({...h,[`${String(b.key)}-${b.filterFn??"caseInsensitive"}`]:b.value??""}),{}),minValue:(g=e.find(h=>["numberRange","dateRange"].includes(h.type)))==null?void 0:g.minValue,maxValue:(x=e.find(h=>["numberRange","dateRange"].includes(h.type)))==null?void 0:x.maxValue,search:""}});return{control:r,items:n,setItems:i,register:o,handleSubmit:a,setValue:l,watch:s}},tt=({options:e,onSearch:n,onSubmit:i,id:r,selectedFilter:o})=>{const{control:a,items:l,setItems:s,register:c,handleSubmit:d,setValue:p,watch:g}=En(e),x=e.some(j=>j.type==="checkboxes"&&j.hideSearch!==!0),h=e.some(j=>j.label&&j.label!==""),b=u.useCallback(async j=>{const{value:S}=j.target;p("search",S),n&&n(S)},[n,p]),m=u.useCallback(()=>{p("search",""),n&&n("")},[n,p]),w=u.useCallback(j=>{i&&i(j)},[i]);return u.useEffect(()=>{s(e),Vo(e,p)},[e,s,p]),t.jsxs("div",{className:"flex flex-col gap-[8px]",id:r,style:{writingMode:"horizontal-tb",maxWidth:"300px",width:"100%"},children:[x&&t.jsxs("div",{children:[h?o:void 0,t.jsx(le,{onChange:b,onClear:m,placeholder:"Search"})]}),t.jsxs("form",{id:r,onSubmit:d(w),children:[t.jsx(Dn,{control:a,items:l,register:c,setValue:p,watch:g}),t.jsx(O,{mt:1,type:"submit",children:"Apply"})]})]})},Rn=({options:e,variant:n,onApplyFilters:i,onSearch:r,setDirection:o,setHandler:a,onFilterStateChange:l})=>{const s=f.useTheme(),[c,d]=u.useState(e),[p,g]=u.useState([]),[x,h]=u.useState({}),[b,m]=u.useState(""),w=u.useCallback(k=>()=>{const v=c.find(T=>T.label===k),C=!(v!=null&&v.filterOptions.some(T=>T.type==="dateRange"||T.type==="select"));a==null||a(C??!0),m(k),g((v==null?void 0:v.filterOptions)??[])},[c,a]),j=u.useCallback(k=>{const v=[...k.checkbox,...Object.values(k.text??{}),...k.radio?[k.radio]:[],...k.minValue?[String(k.minValue)]:[],...k.maxValue?[String(k.maxValue)]:[]];h(D=>v.length>0?{...D,[b]:v}:D);const C=D=>{var z,N;return{...D,options:(z=D.options)==null?void 0:z.map(M=>({...M,checked:k.checkbox.includes(M.value)||k.radio===M.value})),value:["text","select"].includes(D.type)?((N=k.text)==null?void 0:N[`${String(D.key)}-${D.filterFn??"caseInsensitive"}`])??D.value:D.value,minValue:["numberRange","dateRange"].includes(D.type)?k.minValue:D.minValue,maxValue:["numberRange","dateRange"].includes(D.type)?k.maxValue:D.maxValue}},T=D=>D.label===b?{...D,filterOptions:D.filterOptions.map(C)}:D,R=c.map(T);d(D=>D.map(T));const F=R.flatMap(({filterOptions:D})=>D);i(F),g([])},[c,i,b]),S=u.useCallback((k,v)=>{const C=`li-filter-option-${k}`;return t.jsxs(Ho,{icon:v,onClick:w(k),style:{minWidth:"180px",writingMode:"horizontal-tb"},value:C,width:"100%",children:[k,x[k]===void 0?void 0:t.jsx(q,{tagLabel:x[k].length.toString()})]},C)},[x,w]);return u.useEffect(()=>{const k=e.reduce((v,{label:C,filterOptions:T})=>{const R=T.flatMap(({value:z,minValue:N,maxValue:M})=>[N,M,z]).filter(Boolean),F=T.flatMap(({options:z})=>z??[]).filter(({checked:z=!1})=>z).map(({value:z})=>z),D=[...R,...F];return D.length===0?v:{...v,[C]:D}},{});h(k),p.length>0&&o&&o("column")},[p,e,o]),u.useEffect(()=>{l==null||l(p.length>0)},[p.length,l]),n==="grouped"?t.jsx($,{display:"flex",flexDirection:"row",maxHeight:p.length>0?"unset":"360px",style:{rowGap:"10px",writingMode:"vertical-lr"},wrap:"wrap",children:p.length>0?t.jsx(tt,{id:"filters-options",onSearch:r,onSubmit:j,options:p,selectedFilter:b}):Object.entries(yt(e)).map(([k,v])=>t.jsxs($,{style:{writingMode:"horizontal-tb"},children:[t.jsx(I,{color:s.palette.gray[400],fontWeight:"bold",mb:.25,size:"md",children:k}),v.map(({label:C,icon:T="filter-list"})=>S(C,T))]},k))}):t.jsx($,{display:"flex",flexDirection:"row",maxHeight:p.length>0?"unset":"200px",style:{rowGap:"10px",writingMode:"vertical-lr"},wrap:"wrap",children:p.length>0?t.jsx(tt,{id:"filters-options",onSearch:r,onSubmit:j,options:p,selectedFilter:b}):e.map(({label:k,icon:v="filter-list"})=>S(k,v))})},Fn=({options:e,onApplyFilters:n,onSearch:i,modalRef:r,variant:o})=>{const[a,l]=u.useState("row"),[s,c]=u.useState(!0),[d,p]=u.useState(!1),x=(o==="grouped"?Object.values(yt(e)).reduce((w,j)=>w+j.length,0):e.length)>5&&!d,h=f.useTheme(),b=u.useRef(null),m=t.jsx(_,{icon:"close",iconColor:h.palette.gray[400],iconSize:"lg",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:r.close,px:.25,py:.25,variant:"ghost"});return u.useEffect(()=>{const w=j=>{const S=b.current;S&&!S.contains(j.target)&&r.close()};if(s)return document.addEventListener("mousedown",w,!0),()=>{document.removeEventListener("mousedown",w,!0)}},[b,s,r]),t.jsx(Go,{$bgColor:"transparent","aria-label":r.name,children:t.jsxs(ht,{$size:"fixed",alignItems:a==="row"?"start":"end",display:"flex",flexDirection:a,gap:.5,id:"filters-list",justify:"space-between",position:"relative",px:1.25,py:1.25,ref:b,style:{maxWidth:"620px",overflow:"hidden",width:"fit-content",paddingBottom:x?"0":void 0},children:[a==="column"?m:void 0,t.jsx(Rn,{onApplyFilters:n,onFilterStateChange:p,onSearch:i,options:e,setDirection:l,setHandler:c,variant:o}),a==="row"?m:void 0]})})};function Yo(e){if(!e)return;const n=20;if(e.length<=n)return e;const i=n-3,r=Math.ceil(i/2),o=Math.floor(i/2);return`${e.slice(0,r)}...${e.slice(e.length-o)}`}function Nn(e){if(!e||e.length===0)return;const n=e.filter(s=>s.checked).map(s=>s.label??s.value);if(n.length===0)return;const i=(s,c=20)=>{if(s.length<=c)return s;const d=c-3,p=Math.ceil(d/2),g=Math.floor(d/2);return`${s.slice(0,p)}...${s.slice(s.length-g)}`};if(n.length===1){const s=n[0];return s.length>20?i(s,20):s}if(n.length===2){const s=n[0],c=n.join(", ").length;return s.length>20||c>20?`${i(s,20)} +1 more`:`${n[0]}, ${n[1]}`}const r=n[0],o=n.length-1,a=20,l=n.join(", ").length;return r.length>a||l>a?`${i(r,a)} +${o} more`:`${n[0]}, ${n[1]}`}function Ko(e,n,i){const r=i??"",o=y._.isEmpty(e)&&typeof e!="number"||Number.isNaN(e)?void 0:Number(e),a=y._.isEmpty(n)&&typeof n!="number"||Number.isNaN(n)?void 0:Number(String(n));if(!y._.isUndefined(o)&&!y._.isUndefined(a))return`${o}${r} - ${a}${r}`;if(!y._.isUndefined(o))return`Min ${o}${r}`;if(!y._.isUndefined(a))return`Max ${a}${r}`}function Xo(e,n){if(y.dayjs_minExports.extend(y.localizedFormat),!(y._.isUndefined(e)&&y._.isUndefined(n))){if(e!==""&&n!==""&&!y._.isUndefined(e)&&!y._.isUndefined(n))return`${y.dayjs(e).format("LL")} - ${y.dayjs(n).format("LL")}`;if(e!==""&&!y._.isUndefined(e))return`From ${y.dayjs(e).format("LL")}`;if(n!==""&&!y._.isUndefined(n))return`To ${y.dayjs(n).format("LL")}`}}function Zo(e,n,i){return e==="select"?n:`${n} ${i==="includesInsensitive"?"contains":"is"}`}const xe=({filter:e,icon:n="filter-list",label:i,onClose:r,filterValue:o})=>{if(y._.isNil(o)||y._.isEmpty(String(o)))return null;const a=e.type==="checkboxes"?(e.options??[]).filter(c=>c.checked).map(c=>c.label??c.value):[],{tooltipContent:l,shouldShowTooltip:s}=(()=>{var d,p,g;if(a.length>0){if(a.length===1){const m=(((d=a[0])==null?void 0:d.length)??0)>20;return{shouldShowTooltip:m,tooltipContent:m?a[0]:void 0}}if(a.length===2){const m=((p=a[0])==null?void 0:p.length)??0,w=a.join(", ").length,j=m>20||w>20;return{shouldShowTooltip:j,tooltipContent:j?a:void 0}}const x=((g=a[0])==null?void 0:g.length)??0,h=a.join(", ").length,b=x>20||h>20;return{shouldShowTooltip:b,tooltipContent:b?a:void 0}}const c=e.value;return typeof c=="string"&&c.length>20?{shouldShowTooltip:!0,tooltipContent:c}:{shouldShowTooltip:!1,tooltipContent:void 0}})();return t.jsx(X,{disabled:!s,id:"applied-filter-tooltip",nodeTip:s?Array.isArray(l)?t.jsx($,{display:"flex",flexDirection:"column",gap:.25,children:l.map(c=>t.jsxs($,{alignItems:"flex-start",display:"flex",gap:.5,children:[t.jsx("span",{children:"•"}),t.jsx($,{whiteSpace:"normal",wordWrap:"break-word",children:c})]},c))}):t.jsx($,{whiteSpace:"normal",wordWrap:"break-word",children:l}):void 0,children:t.jsx(q,{filterValues:o,icon:n,id:"remove-filter",onClose:r(e),tagLabel:`${i} `})})},qo=({options:e,onClose:n})=>{const i=e.flatMap(r=>r.filterOptions.map(o=>{const{filterFn:a,label:l,type:s,value:c,options:d,minValue:p,maxValue:g}=o;switch(s){case"numberRange":{const x=Ko(p,g,r.placeholder);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"dateRange":{const x=Xo(p==null?void 0:p.toString(),g==null?void 0:g.toString());return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"radioButton":case"checkboxes":{const x=Nn(d);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case void 0:case"select":case"text":default:{const x=Yo(c),h=Zo(s,r.label,a);return t.jsx(xe,{filter:o,filterValue:x,icon:r.icon,label:h,onClose:n},l)}}})).filter(r=>{if(r===null)return!1;const{filterValue:o}=r.props;return!y._.isNil(o)&&!y._.isEmpty(String(o))});return i.length>0?t.jsx($,{alignItems:"center",display:"flex",gap:.5,pb:1,width:"100%",wrap:"wrap",children:i}):null},Jo=e=>e.map(n=>{const i={key:String(n.key),type:n.type},r=(()=>{let o={...i};if(n.filterFn&&(o={...o,filterFn:n.filterFn}),n.value&&(o={...o,value:n.value}),n.minValue!==void 0&&n.minValue!==null&&(o={...o,minValue:n.minValue}),n.maxValue!==void 0&&n.maxValue!==null&&(o={...o,maxValue:n.maxValue}),n.options&&n.options.length>0){const a=n.options.filter(l=>l.checked).map(l=>l.value);a.length>0&&(o={...o,selectedValues:a})}return o})();return Object.keys(r).length>2?r:null}).filter(Boolean),Qo=(e,n)=>n.map(i=>{const r=e.find(a=>a.key===String(i.key)&&a.type===i.type);return r?(()=>{let a={...i};return r.filterFn&&(a={...a,filterFn:r.filterFn}),r.value!==void 0&&r.value!==null&&(a={...a,value:r.value}),r.minValue!==void 0&&r.minValue!==null&&(a={...a,minValue:r.minValue}),r.maxValue!==void 0&&r.maxValue!==null&&(a={...a,maxValue:r.maxValue}),r.selectedValues&&i.options&&(a={...a,options:i.options.map(l=>{var s;return{...l,checked:((s=r.selectedValues)==null?void 0:s.includes(l.value))??!1}})}),a})():i}),Ke=(e,n)=>{const i=Jo(e);n(JSON.stringify(i))},ea=(e,n)=>{const i=e();if(!i)return n;try{const r=JSON.parse(i);return Qo(r,n)}catch{return n}},ta=(e,n)=>{function i(l,s){if(s.value===""||s.value===void 0||y._.defaultTo(s.isBackFilter,!1))return!0;switch(s.filterFn){case"includesInsensitive":return String(l[s.key]).toLowerCase().includes(s.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[s.key]).toLowerCase()===s.value.toLowerCase()}}function r(l,s){if(!s.options||s.options.length===0)return!0;const c=s.options.filter(d=>d.checked).map(d=>d.value);return c.length===0?!0:c.includes(String(l[s.key]))}function o(l,s,c){const d=c(String(l[s.key])),{minValue:p,maxValue:g}=s,x=y._.isEmpty(p)&&typeof p!="number"?void 0:c(String(p)),h=y._.isEmpty(g)&&typeof g!="number"?void 0:c(String(g));return y._.isUndefined(x)&&y._.isUndefined(h)?!0:(x??-1/0)<=d&&d<=(h??1/0)}function a(l){return n.every(s=>{if(typeof s.key=="function")return s.key(l,s.value);switch(s.type){case"radioButton":case"checkboxes":return r(l,s);case"numberRange":return o(l,s,Number);case"dateRange":return o(l,s,c=>new Date(c));case"select":case"text":default:return i(l,s)}})}return e.filter(a)},na=e=>[...e.flatMap(({options:i})=>i).filter(i=>i==null?void 0:i.checked),...e.flatMap(i=>[i.value,i.maxValue,i.minValue]).filter(Boolean)].length,ia=e=>{var i;const n=((i=e.options)==null?void 0:i.map(r=>({...r,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:n}},ra=({dataset:e,setValues:n,getValues:i,options:r,setFilteredDataset:o,onFiltersChange:a,onReset:l,onSearch:s,variant:c="ungrouped"})=>{const d=De("filters-modal"),[p,g]=u.useState(!1),[x,h]=u.useState([]),b=na(x),m=r.map(v=>({...v,filterOptions:v.filterOptions.map(C=>x.find(R=>R.key===C.key&&R.type===C.type&&R.filterFn===C.filterFn)??{...C})})),w=u.useCallback(v=>{h([...v]),Ke(v,n)},[h,n]),j=u.useCallback(()=>{l&&l(),d.isOpen||g(!0),d.toggle()},[d,l]),S=u.useCallback(v=>()=>{l&&l();const C=x.map(T=>T.key===v.key&&T.type===v.type&&T.filterFn===v.filterFn?ia(T):T);h(C),Ke(C,n)},[x,l,n]);return u.useEffect(()=>{const v=r.flatMap(R=>R.filterOptions),C=i();if((()=>{if(!C)return!1;try{const R=JSON.parse(C);return Array.isArray(R)&&R.length>0}catch{return!1}})()){const R=ea(i,v);h(R)}else v.flatMap(F=>F.value).filter(Boolean).length>0||v.flatMap(F=>F.options).filter(F=>(F==null?void 0:F.checked)===!0).length>0?(h(v),p&&Ke(v,n)):h(v)},[r,h,n,i,p]),u.useEffect(()=>{o&&e!==void 0&&o(ta(e,x)),a==null||a(x)},[e,x,o,a]),{Filters:()=>t.jsxs($,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",position:"relative",wrap:"wrap",children:[t.jsx($,{pr:.25,children:t.jsx(O,{icon:"filter",id:"filter-btn",onClick:j,tag:b.toString(),variant:"ghost"})}),d.isOpen&&t.jsx(Fn,{modalRef:d,onApplyFilters:w,onSearch:s,options:m,variant:c})]}),options:m,removeFilter:S}},bt=({_portal:e=!0,alert:n,cancelButton:i=void 0,children:r=void 0,confirmButton:o=void 0,content:a=void 0,description:l=void 0,modalRef:s,otherActions:c=void 0,onClose:d=void 0,tabItems:p=void 0,title:g=void 0,size:x,id:h="modal-container"})=>{const b=f.useTheme(),[m,w]=u.useState(void 0),j=u.useRef(null),S=u.useRef(!1),k=Array.isArray(p)&&p.length>0,v=i??o;u.useEffect(()=>{if(k&&!S.current&&j.current){const T=j.current.getBoundingClientRect().height;T>50&&(w(T),S.current=!0)}s.isOpen||(w(void 0),S.current=!1)},[k,s.isOpen]);const C=t.jsx(mn,{"aria-label":s.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs(ht,{$size:x,"data-testid":h,flexDirection:"column",id:h,ref:k?j:void 0,style:k&&m?{height:m}:void 0,children:[!y._.isEmpty(g)&&!y._.isNil(g)&&t.jsx(jn,{description:l,modalRef:s,onClose:d,otherActions:c,title:g}),p&&t.jsx($,{borderTop:`1px solid ${b.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(ft,{items:p})}),(y._.isObject(a)||r)&&t.jsxs(Ro,{style:v?{borderBottom:`1px solid ${b.palette.gray[200]}`}:void 0,children:[r,y._.isObject(a)&&y._.isString(a.imageSrc)&&t.jsx(Lo,{$framed:a.imageFramed,children:t.jsx(Q,{alt:"modal-img",publicId:a.imageSrc})}),y._.isObject(a)&&y._.isString(a.imageText)&&t.jsx(I,{size:"md",children:a.imageText})]}),t.jsx(wn,{alert:n,cancelButton:i,confirmButton:o,modalRef:s})]})});return e&&s.isOpen?ce.createPortal(C,document.getElementById("portals")??document.body):s.isOpen?C:null},oa=(e,n,i)=>{const r=De("confirm-dialog-modal"),o=u.useRef(null),a=u.useCallback(async()=>(r.open(),new Promise(d=>{o.current=d})),[r]),l=u.useCallback(()=>{var d;r.close(),(d=o.current)==null||d.call(o,!0)},[r]),s=u.useCallback(()=>{var d;r.close(),(d=o.current)==null||d.call(o,!1)},[r]);return[a,({children:d})=>{const[p,g]=u.useState(i),x=u.useCallback(()=>{g({...i})},[]),h=u.useCallback(w=>()=>{g(j=>({...j,[w]:{...j[w],state:!j[w].state}}))},[]),b=!Object.values(p).every(({state:w})=>w),m=Object.entries(p).map(([w,{state:j,label:S}])=>t.jsx(ae,{defaultChecked:j,label:S,name:w,onChange:h(w)},w));return t.jsxs(bt,{"data-testid":e,id:e,modalRef:{...r,close:s},onClose:x,size:"sm",title:n,children:[d,t.jsx($,{display:"flex",flexDirection:"column",gap:.5,children:m}),t.jsx(vn,{disabled:b,id:e,onConfirm:l})]})}]},aa=()=>{const[e,n]=u.useState(!1),[i,r]=u.useState(),o=u.useRef(null),a=De("confirm-dialog-modal"),l=u.useCallback(async p=>(r(p),n(!0),new Promise(g=>{o.current=g})),[]),s=u.useCallback(()=>{var p;n(!1),r(void 0),(p=o.current)==null||p.call(o,!0)},[]),c=u.useCallback(()=>{var p;n(!1),r(void 0),(p=o.current)==null||p.call(o,!1)},[]);return u.useEffect(()=>{a.setIsOpen(e)},[e,a]),{ConfirmDialog:({id:p="confirm-dialog-modal",children:g})=>t.jsxs(bt,{cancelButton:{onClick:c,text:"Cancel"},confirmButton:{id:(i==null?void 0:i.id)??"modal-confirm",onClick:s,text:"Confirm"},description:i==null?void 0:i.message,id:p,modalRef:{...a,close:c},size:"sm",title:i==null?void 0:i.title,children:[i==null?void 0:i.content,g]}),confirm:l}},sa=2e3,la=({content:e})=>{const[n,i]=u.useState("Copy"),r=u.useCallback(()=>{navigator.clipboard.writeText(e).then(()=>{i("Copied"),setTimeout(()=>{i("Copy")},sa)}).catch(()=>{i("Failed to copy")})},[e]);return t.jsx(_,{icon:"copy",iconSize:"lg",iconType:"fa-light",onClick:r,tooltip:n,variant:"ghost"})},ca=f.styled.ul`
|
|
2101
2085
|
${({theme:e})=>`
|
|
2102
2086
|
align-items: flex-start;
|
|
2103
2087
|
border-radius: ${e.spacing[.25]};
|
|
@@ -2468,7 +2452,7 @@ ${m[8]}...`:(m.length<8&&p(!1),i)},[s,i,n]),h=u.useMemo(x,[x]),b=u.useCallback(a
|
|
|
2468
2452
|
color: ${e.palette.white};
|
|
2469
2453
|
}
|
|
2470
2454
|
`}
|
|
2471
|
-
`,oe=({children:e,disabled:n,hasIcon:i=!1,selected:r,onClick:o})=>t.jsx(Qa,{...r?{className:"selected"}:{},$hasIcon:i,disabled:n,onClick:n||r?void 0:o,children:e}),es=[10,20,50,100],Mn=({totalItems:e,pageSize:n,setPageSize:i,setTotalPages:r})=>{const o=f.useTheme(),[a,l]=u.useState(!1),{refs:s,floatingStyles:c}=y.useFloating({middleware:[y.flip(),y.offset({mainAxis:4})],placement:"top-end",whileElementsMounted:y.autoUpdate}),d=u.useCallback(()=>{l(g=>!g)},[]),p=u.useCallback(g=>()=>{i(g),r(Math.ceil(e/g)),l(!1)},[i,r,e]);return ee(s.reference.current,()=>{l(!1)},!0,s.floating.current),t.jsxs(u.Fragment,{children:[t.jsxs($,{alignItems:"center",bgColor:o.palette.white,border:"1px solid",borderColor:o.palette.gray[200],borderRadius:o.spacing[.25],display:"flex",gap:.125,px:.25,py:.125,children:[t.jsx(I,{size:"md",children:n}),t.jsx(_,{color:o.palette.gray[400],icon:a?"chevron-up":"chevron-down",iconSize:"sm",iconType:"fa-light",id:"paginator-dropdown",onClick:d,px:.125,py:.125,ref:s.setReference,variant:"ghost"})]}),a?t.jsx($,{bgColor:o.palette.white,border:`1px solid ${o.palette.gray[200]}`,borderRadius:o.spacing[.5],display:"flex",flexDirection:"column",px:.25,py:.25,ref:s.setFloating,shadow:"md",style:c,children:es.map(g=>{const x=p(g);return t.jsx($,{bgColor:n===g?o.palette.gray[800]:"transparent",bgColorHover:o.palette.gray[n===g?800:100],borderRadius:o.spacing["0.25"],cursor:"pointer",maxWidth:"40px",minWidth:"40px",onClick:x,px:.25,py:.25,children:t.jsx(I,{color:n===g?o.palette.white:o.palette.gray[600],size:"md",textAlign:"center",children:g})},`${g}-${y.random(10)}`)})}):void 0]})},ts=(e,n)=>{if(n<=7)return{pages:Array.from({length:n},(o,a)=>a+1),ellipsis:{start:!1,middle:!1,end:!1}};if(e<=3||e>=n-2){const o=[1,2,3],a=[n-2,n-1,n];return{pages:[...o,...a],ellipsis:{start:!1,middle:!0,end:!1}}}return{pages:[1,...Array.from({length:5},(o,a)=>e-2+a),n],ellipsis:{start:!0,middle:!1,end:!0}}},ns=({totalItems:e,totalPages:n,page:{pageIndex:i,pageSize:r,setPageIndex:o,setPageSize:a},onPageChange:l})=>{const s=f.useTheme(),[c,d]=u.useState(n),p=i*r,g=i===1,x=i===c,{pages:h,ellipsis:{start:b,middle:m,end:w}}=ts(i,c),j=u.useCallback(C=>()=>{o(C===0?1:c),l==null||l(C)},[o,c,l]),S=u.useCallback(C=>()=>{o(C),l==null||l(C)},[o,l]),k=u.useCallback(()=>{i>1&&(o(i-1),l==null||l(i-1))},[i,o,l]),v=u.useCallback(()=>{i<c&&(o(i+1),l==null||l(i+1))},[i,c,o,l]);return t.jsxs($,{alignItems:"center",as:"nav",display:"flex",justify:"space-between",py:.875,children:[t.jsx(I,{color:s.palette.gray[800],display:"inline",size:"md",children:`${p-r+1}-${p} of ${e} items`}),t.jsxs($,{alignItems:"center",display:"flex",gap:1,children:[t.jsx(oe,{disabled:g,hasIcon:!0,onClick:j(0),children:t.jsx(E,{icon:"angles-left",iconSize:"sm",iconType:"fa-light"})}),t.jsx(oe,{disabled:g,hasIcon:!0,onClick:k,children:t.jsx(E,{icon:"angle-left",iconSize:"sm",iconType:"fa-light"})}),h.map((C,T,
|
|
2455
|
+
`,oe=({children:e,disabled:n,hasIcon:i=!1,selected:r,onClick:o})=>t.jsx(Qa,{...r?{className:"selected"}:{},$hasIcon:i,disabled:n,onClick:n||r?void 0:o,children:e}),es=[10,20,50,100],Mn=({totalItems:e,pageSize:n,setPageSize:i,setTotalPages:r})=>{const o=f.useTheme(),[a,l]=u.useState(!1),{refs:s,floatingStyles:c}=y.useFloating({middleware:[y.flip(),y.offset({mainAxis:4})],placement:"top-end",whileElementsMounted:y.autoUpdate}),d=u.useCallback(()=>{l(g=>!g)},[]),p=u.useCallback(g=>()=>{i(g),r(Math.ceil(e/g)),l(!1)},[i,r,e]);return ee(s.reference.current,()=>{l(!1)},!0,s.floating.current),t.jsxs(u.Fragment,{children:[t.jsxs($,{alignItems:"center",bgColor:o.palette.white,border:"1px solid",borderColor:o.palette.gray[200],borderRadius:o.spacing[.25],display:"flex",gap:.125,px:.25,py:.125,children:[t.jsx(I,{size:"md",children:n}),t.jsx(_,{color:o.palette.gray[400],icon:a?"chevron-up":"chevron-down",iconSize:"sm",iconType:"fa-light",id:"paginator-dropdown",onClick:d,px:.125,py:.125,ref:s.setReference,variant:"ghost"})]}),a?t.jsx($,{bgColor:o.palette.white,border:`1px solid ${o.palette.gray[200]}`,borderRadius:o.spacing[.5],display:"flex",flexDirection:"column",px:.25,py:.25,ref:s.setFloating,shadow:"md",style:c,children:es.map(g=>{const x=p(g);return t.jsx($,{bgColor:n===g?o.palette.gray[800]:"transparent",bgColorHover:o.palette.gray[n===g?800:100],borderRadius:o.spacing["0.25"],cursor:"pointer",maxWidth:"40px",minWidth:"40px",onClick:x,px:.25,py:.25,children:t.jsx(I,{color:n===g?o.palette.white:o.palette.gray[600],size:"md",textAlign:"center",children:g})},`${g}-${y.random(10)}`)})}):void 0]})},ts=(e,n)=>{if(n<=7)return{pages:Array.from({length:n},(o,a)=>a+1),ellipsis:{start:!1,middle:!1,end:!1}};if(e<=3||e>=n-2){const o=[1,2,3],a=[n-2,n-1,n];return{pages:[...o,...a],ellipsis:{start:!1,middle:!0,end:!1}}}return{pages:[1,...Array.from({length:5},(o,a)=>e-2+a),n],ellipsis:{start:!0,middle:!1,end:!0}}},ns=({totalItems:e,totalPages:n,page:{pageIndex:i,pageSize:r,setPageIndex:o,setPageSize:a},onPageChange:l})=>{const s=f.useTheme(),[c,d]=u.useState(n),p=i*r,g=i===1,x=i===c,{pages:h,ellipsis:{start:b,middle:m,end:w}}=ts(i,c),j=u.useCallback(C=>()=>{o(C===0?1:c),l==null||l(C)},[o,c,l]),S=u.useCallback(C=>()=>{o(C),l==null||l(C)},[o,l]),k=u.useCallback(()=>{i>1&&(o(i-1),l==null||l(i-1))},[i,o,l]),v=u.useCallback(()=>{i<c&&(o(i+1),l==null||l(i+1))},[i,c,o,l]);return t.jsxs($,{alignItems:"center",as:"nav",display:"flex",justify:"space-between",py:.875,children:[t.jsx(I,{color:s.palette.gray[800],display:"inline",size:"md",children:`${p-r+1}-${p} of ${e} items`}),t.jsxs($,{alignItems:"center",display:"flex",gap:1,children:[t.jsx(oe,{disabled:g,hasIcon:!0,onClick:j(0),children:t.jsx(E,{icon:"angles-left",iconSize:"sm",iconType:"fa-light"})}),t.jsx(oe,{disabled:g,hasIcon:!0,onClick:k,children:t.jsx(E,{icon:"angle-left",iconSize:"sm",iconType:"fa-light"})}),h.map((C,T,R)=>{const F=C===1,D=C===c,z=b&&F&&T===0,N=w&&D&&T===h.length-1,M=m&&T===R.length/2-1;return t.jsxs(t.Fragment,{children:[N&&t.jsx(oe,{disabled:!0,children:"..."}),t.jsx(oe,{onClick:S(C),selected:i===C,children:C}),(z||M)&&t.jsx(oe,{disabled:!0,children:"..."})]})}),t.jsx(oe,{disabled:x,hasIcon:!0,onClick:v,children:t.jsx(E,{icon:"angle-right",iconSize:"sm",iconType:"fa-light"})}),t.jsx(oe,{disabled:x,hasIcon:!0,onClick:j(-1),children:t.jsx(E,{icon:"angles-right",iconSize:"sm",iconType:"fa-light"})})]}),t.jsxs($,{alignItems:"center",display:"flex",gap:1,children:[t.jsx(Mn,{pageSize:r,setPageSize:a,setTotalPages:d,totalItems:e}),t.jsx(I,{color:s.palette.gray[800],display:"inline",size:"md",children:"Items per page"})]})]})},is=f.styled.div`
|
|
2472
2456
|
${({theme:e})=>`
|
|
2473
2457
|
height: ${e.spacing[1]};
|
|
2474
2458
|
width: ${e.spacing[1]};
|
|
@@ -2681,7 +2665,7 @@ ${m[8]}...`:(m.length<8&&p(!1),i)},[s,i,n]),h=u.useMemo(x,[x]),b=u.useCallback(a
|
|
|
2681
2665
|
padding: ${e.spacing[.75]};
|
|
2682
2666
|
color: ${e.palette.gray[500]};
|
|
2683
2667
|
`}
|
|
2684
|
-
`,zs=300,Ts=({name:e,items:n=[],renderItem:i,onSelectItem:r,onClear:o,onChange:a,value:l,maxLength:s=zs,emptyText:c="No results",openOnFocus:d=!0,...p})=>{const g=f.useTheme(),x=u.useRef(null),[h,b]=u.useState(!1),[m,w]=u.useState(String(l??""));u.useEffect(()=>{w(String(l??""))},[l]);const{refs:j,floatingStyles:S}=y.useFloating$1({placement:"bottom-start"});ee(j.floating.current,()=>b(!1),!0);const k=u.useCallback(()=>{d&&b(!0)},[d]),v=u.useCallback(z=>{const N=z.target.value;if(N.length>s){w(N.slice(0,s));return}w(N),a==null||a(z),b(!0)},[a,s]),C=u.useCallback(()=>{var z;w(""),o==null||o(),a&&a({target:{value:""},currentTarget:{value:""}}),(z=x.current)==null||z.focus(),b(!1)},[o,a]),T=u.useCallback(z=>{const N=Number(z.currentTarget.dataset.index),M=n[N];r==null||r(M),b(!1)},[n,r]),
|
|
2668
|
+
`,zs=300,Ts=({name:e,items:n=[],renderItem:i,onSelectItem:r,onClear:o,onChange:a,value:l,maxLength:s=zs,emptyText:c="No results",openOnFocus:d=!0,...p})=>{const g=f.useTheme(),x=u.useRef(null),[h,b]=u.useState(!1),[m,w]=u.useState(String(l??""));u.useEffect(()=>{w(String(l??""))},[l]);const{refs:j,floatingStyles:S}=y.useFloating$1({placement:"bottom-start"});ee(j.floating.current,()=>b(!1),!0);const k=u.useCallback(()=>{d&&b(!0)},[d]),v=u.useCallback(z=>{const N=z.target.value;if(N.length>s){w(N.slice(0,s));return}w(N),a==null||a(z),b(!0)},[a,s]),C=u.useCallback(()=>{var z;w(""),o==null||o(),a&&a({target:{value:""},currentTarget:{value:""}}),(z=x.current)==null||z.focus(),b(!1)},[o,a]),T=u.useCallback(z=>{const N=Number(z.currentTarget.dataset.index),M=n[N];r==null||r(M),b(!1)},[n,r]),R=h&&(m.trim().length>0||n.length>0),F=u.useMemo(()=>n.length===0?t.jsx(Ss,{children:c}):t.jsx(ks,{role:"listbox",children:n.map((z,N)=>t.jsx(Cs,{onClick:T,role:"option",children:i(z)},N))}),[n,c,i,T]),D=u.useCallback(z=>{z.key==="Escape"&&b(!1)},[]);return t.jsxs(ms,{ref:j.setReference,children:[t.jsxs(ws,{children:[t.jsx(E,{icon:"magnifying-glass",iconColor:g.palette.gray[700],iconSize:"lg",iconType:"fa-light"}),t.jsx(js,{"aria-expanded":R,id:e,maxLength:s,name:e,onChange:v,onFocus:k,onKeyDown:D,ref:x,type:"search",value:m,...p}),!y.lodashExports.isEmpty(m)&&t.jsx(_,{icon:"xmark",iconColor:g.palette.gray[300],iconSize:"lg",iconType:"fa-light",onClick:C,px:.25,py:.25,type:"reset",variant:"ghost"})]}),R?t.jsx(vs,{ref:j.setFloating,style:S,children:F}):void 0]})},Is=(e,n)=>{const i={critical:A.palette.primary[700],high:A.palette.error[500],low:A.palette.warning[200],medium:A.palette.warning[500],none:A.palette.gray[200]},r={disabled:A.palette.gray[400],enabled:A.palette.gray[800]},o={critical:A.palette.white,high:A.palette.white,low:A.palette.gray[800],medium:A.palette.gray[800],none:A.palette.gray[400]};return{iconColor:n<1?i.none:i[e],iconText:y.lodashExports.capitalize(e.charAt(0)),iconTextColor:n<1?o.none:o[e],textColor:n<1?r.disabled:r.enabled}},he=({variant:e,value:n})=>{const{iconColor:i,iconText:r,iconTextColor:o,textColor:a}=Is(e,n),l=y.lodashExports.capitalize(e.charAt(0))+e.slice(1);return t.jsxs($,{alignItems:"center",display:"inline-flex",gap:.5,minWidth:"43px",children:[t.jsx(X,{id:l,place:"top",tip:l,children:t.jsx($,{alignItems:"center",bgColor:i,borderRadius:"4px",cursor:"pointer",display:"flex",height:"22px",maxWidth:"22px",minWidth:"22px",children:t.jsx(I,{color:o,size:"md",textAlign:"center",children:r})})}),t.jsx(I,{color:a,size:"md",children:n})]})},Ds=({critical:e,high:n,medium:i,low:r})=>t.jsxs($,{alignItems:"center",display:"inline-flex",gap:1,children:[t.jsx(he,{value:e,variant:"critical"}),t.jsx(he,{value:n,variant:"high"}),t.jsx(he,{value:i,variant:"medium"}),t.jsx(he,{value:r,variant:"low"})]}),Es=f.styled.div`
|
|
2685
2669
|
${({theme:e})=>`
|
|
2686
2670
|
border-radius: ${e.spacing[.25]};
|
|
2687
2671
|
cursor: pointer;
|
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-DLAdWnA5.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-DLAdWnA5.js"),t=require("./vendor-D--QYeGr.js");exports.Accordion=e.Accordion;exports.AdvisoriesCard=e.AdvisoriesCard;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;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.CardContainer=e.CardContainer;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithOptions=e.CardWithOptions;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.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CopyButton=e.CopyButton;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.ErrorMessage=e.ErrorMessage;exports.FATag=e.FATag;exports.FilePreview=e.FilePreview;exports.Form=e.Form;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.IndicatorCardDB=e.IndicatorCardDB;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.InputArray=e.InputArray;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.ItemCardDB=e.ItemCardDB;exports.ItemContent=e.ItemContent;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.Lottie=e.Lottie;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.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PaginatorDb=e.PaginatorDb;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityCards=e.PriorityCards;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;exports.RadioButton=e.RadioButton;exports.RankPosition=e.RankPosition;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SearchDropdown=e.SearchDropdown;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.Table=e.Table;exports.TableButton=e.TableButton;exports.TableContent=e.TableContent;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TextInput=e.TextInput;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.WeaknessesCard=e.WeaknessesCard;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;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.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConditionsDialog=e.useConditionsDialog;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useNumberFormatter=t.$a916eb452884faea$export$b7a616150fdb9f44;exports.useWatch=t.useWatch;
|
package/package.json
CHANGED