@orfium/ictinus 5.3.0 → 5.3.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/index.mjs +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -20489,7 +20489,7 @@ const C9 = b9, y9 = (e, t = "normal") => Q(e.tokens.typography.get(`${t}.headlin
|
|
|
20489
20489
|
isLocked: A,
|
|
20490
20490
|
isDisabled: n
|
|
20491
20491
|
}), placeholder: M, required: u, id: k, disabled: n || A, "data-testid": T.dataTestId ? `input_${T.dataTestId}` : "input", "aria-invalid": (a == null ? void 0 : a.type) === "error", "aria-describedby": h, ...g3(T, "dataTestId"), value: o, ref: t }),
|
|
20492
|
-
l && /* @__PURE__ */ p(wu, { htmlFor: k, label: l, isRequired: u, isAnimated: E, hasError: (a == null ? void 0 : a.type) === "error" })
|
|
20492
|
+
l && /* @__PURE__ */ p(wu, { htmlFor: k, label: l, isRequired: u, isAnimated: E, hasError: !n && (a == null ? void 0 : a.type) === "error" })
|
|
20493
20493
|
] }),
|
|
20494
20494
|
!n && /* @__PURE__ */ p("div", { css: wz(), children: v ? /* @__PURE__ */ p("div", { css: Sz(), children: /* @__PURE__ */ p(Su, { type: "circular", dataTestPrefixId: "multi_textdield_base" }) }) : P })
|
|
20495
20495
|
] }) });
|
package/dist/index.umd.js
CHANGED
|
@@ -102,7 +102,7 @@ Unable to find an `+(o===!1?"accessible ":"")+'element with the role "'+t+'"'+s+
|
|
|
102
102
|
|
|
103
103
|
animation: rotating 2s linear infinite;
|
|
104
104
|
|
|
105
|
-
`,";",""),z7=h.forwardRef(({value:e,status:t,dataTestPrefixId:r},o)=>{const n={...e?{value:e}:{},...e?{}:{isIndeterminate:!0}},a=z(),i=nl(a),l=16,s=i("sizing.circular"),c=Number.parseFloat(i("borderWidth.circular")),p=2*(16-c)*Math.PI,f=t==="error";return u.jsx(Je.ProgressBar,{...n,ref:o,children:({percentage:v=e??75})=>u.jsx(u.Fragment,{children:u.jsx("svg",{width:s,height:s,viewBox:"0 0 32 32",fill:"none",strokeWidth:c,"data-testid":`${r}_circular_progress_container`,children:u.jsx("circle",{cx:l,cy:l,r:14,stroke:i(f?"backgroundColor.error":"backgroundColor.active"),strokeDasharray:`${p} ${p}`,strokeDashoffset:p-v/100*p,strokeLinecap:"round",transform:"rotate(-90 16 16)",css:UB(hl(e)),"data-testid":`${r}_circular_progress_value`})})})})});z7.displayName="ProgressCircle";const jB=z7,V7=h.forwardRef(({type:e="linear",value:t,status:r="normal",isBlock:o=!1,dataTestPrefixId:n},a)=>e==="linear"?u.jsx(WB,{value:t,isBlock:o,status:r,ref:a,dataTestPrefixId:n}):u.jsx(jB,{value:t,status:r,ref:a,dataTestPrefixId:n}));V7.displayName="ProgressIndicator";const al=V7,KB={normal:{paddingHorizontal:{value:"{spacing.4}",type:"spacing",description:"Sets left & right padding for normal tags"},paddingVertical:{value:"{spacing.3}",type:"spacing",description:"Sets top & bottom padding for normal tags"},height:{value:"{sizing.6}",type:"sizing",description:"sets fixed height for tag"}},paddingContent:{value:"{spacing.3}",type:"spacing",description:"Sets content padding for tags"},small:{paddingHorizontal:{value:"{spacing.3}",type:"spacing",description:"Sets left and right padding for small tags"},paddingVertical:{value:"{spacing.0}",type:"spacing",description:"Sets top and bottom padding for small tags"},height:{value:"{sizing.5}",type:"sizing",description:"sets fixed height for small tag"}},borderRadius:{normal:{value:"{borderRadius.2}",type:"borderRadius",description:"Sets border radius for normal sized tags"},small:{value:"{borderRadius.1}",type:"borderRadius",description:"Sets border radius for condensed tags"}},backgroundColor:{readOnly:{blue:{value:"{sem.colors.palette.primaryAlt.muted}",type:"color",description:"Sets backgroundColor for tag variant"},neutral:{value:"{sem.colors.backgroundColor.default}",type:"color",description:"Sets backgroundColor for tag variant"},purple:{value:"{sem.colors.palette.upsell.muted}",type:"color",description:"Sets backgroundColor for tag variant"},red:{value:"{sem.colors.palette.error.muted}",type:"color",description:"Sets backgroundColor for tag variant"},teal:{value:"{sem.colors.palette.success.muted}",type:"color",description:"Sets backgroundColor for tag variant"},code:{value:"{sem.colors.palette.secondary.contrast}",type:"color",description:"Sets backgroundColor for code tag variant"},orange:{value:"{sem.colors.palette.warning.muted}",type:"color"}},interactive:{default:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets default backgroundColor for interactive tag variant"},focused:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets focused backgroundColor for interactive tag variant"}}},textColor:{blue:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for tag"},code:{value:"{sem.colors.textColor.default.primary}",type:"color",description:"Sets textColor for code tag"},neutral:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for tag"},purple:{value:"{sem.colors.textColor.default.visited}",type:"color",description:"Sets textColor for tag"},red:{value:"{sem.colors.textColor.default.error}",type:"color",description:"Sets textColor for tag"},teal:{value:"{sem.colors.textColor.default.success}",type:"color",description:"Sets textColor for tag"},orange:{value:"{sem.colors.textColor.default.warning}",type:"color"}},borderWidth:{value:"{borderWidth.1}",type:"borderWidth",description:"Sets border width for tags"},borderColor:{readOnly:{blue:{value:"{sem.colors.borderColor.decorative.default}",type:"color",description:"Sets borderColor for white and blue read-only tag variants"},neutral:{value:"{sem.colors.palette.secondary.contrast}",type:"color",description:"Sets borderColor for white and neutral read-only tag variants"},purple:{value:"{sem.colors.palette.upsell.contrast}",type:"color",description:"Sets borderColor for tag variant"},red:{value:"{sem.colors.palette.error.contrast}",type:"color",description:"Sets borderColor for tag variant"},teal:{value:"{sem.colors.palette.success.contrast}",type:"color",description:"Sets borderColor for tag variant"},orange:{value:"{sem.colors.palette.warning.contrast}",type:"color"}},interactive:{default:{value:"{sem.colors.borderColor.interactive.default}",type:"color",description:"Sets default borderColor for tag variant"},focused:{value:"{sem.colors.borderColor.interactive.active}",type:"color",description:"Sets default borderColor for tag variant"}}},label:{default:{normal:{value:"{sem.typography.normal.label02}",type:"typography",description:"Sets text for tag label ('normal' size)"},small:{value:"{sem.typography.normal.label03}",type:"typography",description:"Sets text for tag label ('small' size)"}},code:{normal:{value:"{sem.typography.mono.body02}",type:"typography",description:"Sets text for code tag label ('normal' size)"},small:{value:"{sem.typography.mono.body03}",type:"typography",description:"Sets text for code tag label ('small' size)"}}},iconSize:{value:"{sem.icon.size.2}",type:"sizing",description:"Sets size for tag icon (if used)"}},W7=e=>se(KB,e),ZB=({size:e="normal",color:t="blue",isSelectable:r,isClearable:o,isSelected:n})=>a=>{const i=W7(a),l=r||o,s=()=>i(l?n?"backgroundColor.interactive.focused":"backgroundColor.interactive.default":`backgroundColor.readOnly.${t}`);return E.css("display:flex;justify-content:center;align-items:center;height:",i(`${e}.height`),";width:fit-content;box-sizing:border-box;gap:",i("paddingContent"),";padding:",`${i(`${e}.paddingVertical`)} ${i(`${e}.paddingHorizontal`)}`,";cursor:",r?"pointer":"auto",";background:",s(),";color:",i(l?"textColor.blue":`textColor.${t}`),";border:",i("borderWidth")," solid;border-color:",i(l?"borderColor.interactive.default":`borderColor.readOnly.${t}`),";border-radius:",i(`borderRadius.${e}`),";&:hover{background:",r?i("backgroundColor.interactive.focused"):null,";}&:focus-visible{background:",l?i("backgroundColor.interactive.focused"):null,";border-color:",l?i("borderColor.interactive.focused"):null,";}",G(i(`label.default.${e}`)),";","")},GB=()=>e=>E.css("/** @TODO: revisit all these styles when Interactive Icon is implemented */width:",R(16),";height:",R(16),";display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background:",e.tokens.state.get("backgroundColor.hover"),";border-radius:",e.globals.borderRadius.get("7"),";}",""),YB=({color:e="neutral",iconName:t,onSelect:r,onClear:o,isSelected:n,dataTestPrefixId:a})=>{const i=z(),l=W7(i),s=r&&!o,c=!!o,d=s||c,p=h.useCallback(y=>{y.key==="Enter"&&s&&r&&r(),y.key==="Enter"&&c&&o&&o()},[c,s,o,r]),f=h.useMemo(()=>s&&n?u.jsx(U,{dataTestId:`${a}_tag_prefix`,size:l("iconSize"),name:"check",color:l("textColor.blue")}):!d&&t?u.jsx(U,{size:l("iconSize"),name:t,color:l(`textColor.${e}`)}):null,[e,a,t,d,s,n,l]),v=h.useMemo(()=>c?u.jsx("div",{tabIndex:-1,"aria-hidden":"true",css:GB(),children:u.jsx(U,{onClick:o,hasHover:!1,size:l("iconSize"),name:"close",color:l("textColor.blue"),dataTestId:`${a}_tag_suffix`})}):null,[a,c,o,l]);return{isSelectable:s,isClearable:c,isInteractive:d,handleKeyDown:p,prefix:f,suffix:v}},U7=h.forwardRef(({color:e="neutral",size:t="normal",iconName:r,onSelect:o,onClear:n,isSelected:a=!1,children:i,dataTestPrefixId:l,...s},c)=>{const{isSelectable:d,isClearable:p,isInteractive:f,handleKeyDown:v,prefix:y,suffix:m}=YB({color:e,iconName:r,onSelect:o,onClear:n,isSelected:a,dataTestPrefixId:l});return u.jsxs("div",{onClick:o,onKeyDown:v,tabIndex:f?0:-1,css:ZB({size:t,color:e,isSelectable:d,isClearable:p,isSelected:a}),ref:c,"data-testid":`${l}_tag_container`,"aria-label":i==null?void 0:i.toString(),"aria-selected":a,...s,children:[y,i,m]})});U7.displayName="Tag";const pu=U7,j7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline01`)),K7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline02`)),Z7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline03`)),G7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline04`)),Y7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline05`)),XB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title01`)),JB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title02`)),QB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title03`)),X7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label01`)),zo=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label02`)),gu=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label03`)),eR=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label04`)),J7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body01`)),vu=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body02`)),Vo=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body03`)),tR=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body04`)),rR=({theme:e,hasError:t,isLocked:r,isDisabled:o,isInteractive:n})=>{const a=ge(e),i=a(r?"borderColor.readOnly":"borderColor.focused"),l=a(t?"backgroundColor.error":r?"backgroundColor.readOnly":"backgroundColor.default"),s=a(t?"backgroundColor.errorHover":"backgroundColor.hover"),c=o?{"&:focus-within":{boxShadow:`0 0 0 ${a("borderWidth.2")} transparent`}}:{"&:hover":{backgroundColor:s},"&:focus-within":{boxShadow:`0 0 0 ${a("borderWidth.2")} ${i}`,backgroundColor:a("backgroundColor.focused")}};return{backgroundColor:l,...n?c:{}}},oR=({isDisabled:e,status:t,isInteractive:r,size:o="normal",sx:n})=>a=>{const i=a.colorScheme,l=!e&&(t==null?void 0:t.type)==="read-only",s=!e&&(t==null?void 0:t.type)==="error",c=ge(a),d=c(s?"borderColor.error":l?"borderColor.readOnly":"borderColor.default");return E.css({display:"flex",alignItems:"center",position:"relative",transition:"background-color 0.25s, box-shadow 0.25s, border-color 0.25s",boxShadow:`0 0 0 ${c(`borderWidth.${s?2:1}`)} ${d}`,borderRadius:c("borderRadius"),userSelect:"none",opacity:e?a.tokens.disabledState.get("default"):1,cursor:e?"not-allowed":"text",height:c(`container.${o}`),minWidth:R(c(`minWidth.small.${o}`)),...rR({theme:a,colorScheme:i,hasError:s,isLocked:l,isDisabled:e,isInteractive:r}),...n==null?void 0:n.wrapper},"","")},nR=({sx:e})=>t=>{const r=ge(t);return E.css({position:"relative",display:"inline-flex",flexDirection:"row",alignItems:"center",verticalAlign:"top",width:"fill-available",padding:`0 0 0 ${r("paddingContentLeft")}`,"> div":{position:"relative"},...e==null?void 0:e.textField},"","")},Wo=({label:e,placeholder:t,size:r="normal",isLocked:o,isDisabled:n,sx:a})=>i=>{const l=ge(i);return E.css(G(l(`input.${r}`)),{background:"transparent",border:"none",color:l("textColor.inputColor"),padding:0,display:"block",position:"relative",top:e&&r==="normal"?R(7):void 0,zIndex:1,textOverflow:"ellipsis",width:0,minWidth:"100%","&::placeholder":{color:"transparent",...!e&&t?G(l(`input.${r}`)):{}},"&:focus":{outline:"none","&::placeholder":{color:t?l("textColor.inputColorAlt"):"transparent"}},"&:not(:focus):placeholder-shown":{"& + label":{fontWeight:"normal"}},"&:focus-within, &:not(:placeholder-shown)":{"& + label":r==="normal"?{fontWeight:`${i.globals.typography.fontWeight.get("bold")} !important`,transform:`translate(${Cr}, -35%) scale(0.8)`}:{display:"none"}},"&:focus-within":{"& + label":{fontWeight:`${i.globals.typography.fontWeight.get("bold")} !important`,color:l("textColor.labelActive")}},"&:disabled":{cursor:o&&!n?"text":"not-allowed"},...a==null?void 0:a.input},"","")},aR=({status:e,isDisabled:t})=>r=>{const o=ge(r);return E.css({display:"flex",alignItems:"center",gap:o("hintGap"),opacity:t?r.tokens.disabledState.get("default"):1,color:(e==null?void 0:e.type)==="error"&&!t?o("textColor.errorHintColor"):o("textColor.inputColorAlt"),padding:`${o("hintPadding")} 0 0`,span:{alignItems:"stretch",padding:0}},Vo(r),"","")},iR=({isDisabled:e,dataTestId:t,status:r={type:"normal"},size:o="normal",isInteractive:n=!0,children:a,sx:i})=>{const l=z(),s=ge(l),c=r.hintMessage&&u.jsxs("div",{"data-testid":X("error",t),css:aR({status:r,isDisabled:e}),children:[!e&&r.type==="error"&&o==="normal"&&u.jsx(U,{color:s("textColor.errorHintColor"),name:"warning",size:s("hintIconSize")}),u.jsx("span",{id:r.id,children:r.hintMessage})]});return u.jsxs(h.Fragment,{children:[u.jsx("div",{"data-testid":t,css:oR({isDisabled:e,status:r,size:o,sx:i,isInteractive:n}),children:u.jsx("div",{css:nR({sx:i}),children:a})}),r.hintMessage&&c]})},il=h.memo(iR,Me),ll=h.forwardRef((e,t)=>{const{selectedOptions:r,value:o,isDisabled:n,status:a={type:"normal"},isReadOnly:i,label:l,id:s,placeholder:c,isRequired:d=!1,onOptionDelete:p,onClearAllOptions:f,isLoading:v,isInteractive:y=!0,isResponsive:m=!1,isTextfield:w=!1,onKeyDown:b,sx:$,...P}=e,L=h.useRef(s||Qo("multiTextfield_")).current,I=z(),x=!!(o||r!=null&&r.length&&(r==null?void 0:r.length)>0),O=(a==null?void 0:a.type)==="read-only",C=a!=null&&a.hintMessage?(a==null?void 0:a.id)??`${L}_hintMessage`:void 0,{inputPlaceholder:B,handleKeyDown:_,icon:A,hasLabel:M,TextfieldRef:S}=LB({isTextfield:w,label:l,placeholder:c,isRequired:d,hasValue:x,isLocked:O,value:o,onOptionDelete:p,onClearAllOptions:f,onKeyDown:b}),k=h.useMemo(()=>u.jsx(u.Fragment,{children:r==null?void 0:r.map((q,K)=>{var F;return u.jsx("span",{css:RB(),children:u.jsx(pu,{onClear:(a==null?void 0:a.type)==="read-only"||n?void 0:()=>p(q),dataTestPrefixId:`tag_${K}`,children:u.jsx("div",{title:typeof q=="string"?q:q.label,css:OB({maxWidth:(F=S.current)==null?void 0:F.getBoundingClientRect().width}),children:typeof q=="string"?q:q.label})})},ml("tag"+(typeof q=="string"?q:q.label)))})}),[n,p,r,a==null?void 0:a.type]);return u.jsx("div",{ref:S,children:u.jsxs(il,{isDisabled:y&&n,status:y?{...a,id:C}:{type:"normal"},...P,isInteractive:y,sx:zu(FB({hasValue:x,hasLabel:M,isResponsive:m,isTextfield:w})(I),$),children:[u.jsxs("div",{css:DB(),children:[k,u.jsx("input",{readOnly:O||i,onKeyDown:_(ef(r)),css:Wo({placeholder:c,label:l,sx:qB(),isLocked:O,isDisabled:n}),placeholder:B,required:d,id:L,disabled:n||O,"data-testid":P.dataTestId?`input_${P.dataTestId}`:"input","aria-invalid":(a==null?void 0:a.type)==="error","aria-describedby":C,...Vu(P,"dataTestId"),value:o,ref:t}),l&&u.jsx(ol,{htmlFor:L,label:l,isRequired:d,isAnimated:x,hasError:(a==null?void 0:a.type)==="error"})]}),!n&&u.jsx("div",{css:IB(),children:v?u.jsx("div",{css:BB(),children:u.jsx(al,{type:"circular",dataTestPrefixId:"multi_textdield_base"})}):A})]})})});ll.displayName="MultiTextFieldBase";var lR={name:"36bnqj",styles:"display:flex;flex:1"};const Q7=h.forwardRef((e,t)=>{const{id:r,suffix:o=null,label:n,placeholder:a="",size:i="normal",isRequired:l=!1,isDisabled:s,isReadOnly:c,status:d={type:"normal"},onInput:p,isMulti:f=!1,tags:v=[],onMultiValueDelete:y,onMultiValueClearAll:m=()=>null,mask:w,sx:b,...$}=e,P=h.useRef(r||Qo("textfield_")).current,{isLocked:L,hintMessageId:I,handleContainerClick:x,textInputBaseSx:O,suffixContent:C,combinedRefs:B}=PB({id:P,suffix:o,status:d,size:i,isDisabled:s,ref:t,sx:b}),_={readOnly:L||c,css:Wo({label:n,placeholder:a,isLocked:L,isDisabled:s,size:i}),...i==="normal"?{placeholder:a?`${a} ${l?"*":""}`:n}:{placeholder:" "},required:l,id:P,disabled:s||L,onInput:p,"data-testid":$.dataTestId?`input_${$.dataTestId}`:"input","aria-invalid":(d==null?void 0:d.type)==="error","aria-describedby":I,...Ut($,"dataTestId")};return u.jsx("div",{onClick:x,children:f?u.jsx(ll,{...e,isTextfield:!0,onOptionDelete:y,onClearAllOptions:m,label:n,onInput:p,onKeyDown:$.onKeyDown,selectedOptions:v,value:$.value,status:{...d,id:I},ref:B}):u.jsxs(il,{...e,status:{...d,id:I},sx:O(!C),children:[u.jsxs("div",{css:lR,children:[w?u.jsx(Q8,{..._,mask:w,maskChar:" ",inputRef:B,dangerouslySetInnerHTML:void 0}):u.jsx("input",{..._,ref:B}),u.jsx(ol,{htmlFor:P,label:n,size:i,isRequired:l,isAnimated:!!$.value,hasError:!s&&(d==null?void 0:d.type)==="error"})]}),C&&u.jsx("div",{"aria-hidden":!C,css:AB(),children:C})]})})});Q7.displayName="TextField";const br=h.memo(Q7,Me),hu={single:{minWidth:120,maxWidth:300},multi:{minWidth:140,maxWidth:440},maxHeight:340},sR=253,cR={borderRadius:{value:"{borderRadius.7}",type:"borderRadius",description:"Sets borderRadius for filter"},height:{value:"{sizing.9}",type:"sizing",description:"Sets fixed height for filter"},copyPadding:{value:"{spacing.3}",type:"spacing",description:"Sets padding between filter copy and 'triangle' icon (if used)"},addedPadding:{value:"{spacing.3}",type:"spacing",description:"Sets padding between filter copy and 'triangle' and 'close' added icon"},horizontalPadding:{value:"{spacing.6}",type:"spacing",description:"Sets left and right padding for filter container"},icon:{value:"{sem.icon.size.2}",type:"sizing",description:"Sets fixed size for filter icon(s)"},backgroundColor:{default:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets backgroundColor for filter default state"},hover:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets backgroundColor for hovered filter state"},active:{value:"{sem.colors.palette.primary.contrast}",type:"color",description:"Sets backgroundColor for active filter state"},populated:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets backgroundColor for active filter component"},populatedHovered:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets backgroundColor for active hovered filter component"}},borderColor:{default:{value:"{sem.colors.borderColor.interactive.default}",type:"color",description:"Sets borderColor for filter default/hovered state"},populated:{value:"{sem.colors.borderColor.interactive.active}",type:"color",description:"Sets borderColor for populated filter states"}},textColor:{default:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for filter copy"},active:{value:"{sem.colors.textColor.inverted.primary}",type:"color",description:"Sets textColor for active filter copy"}},borderWidth:{1:{value:"{borderWidth.1}",type:"borderWidth",description:"Sets filter border width"}},text:{value:"{sem.typography.normal.label02}",type:"typography",description:"Sets text style for filter text"}},e9=e=>se(cR,e),uR=({isActive:e=!1,isPopulated:t=!1,isMulti:r=!1,isDisabled:o})=>n=>{const a=e9(n),i=(l=!1)=>a(e?"backgroundColor.active":t?l?"backgroundColor.populatedHovered":"backgroundColor.populated":l?"backgroundColor.hover":"backgroundColor.default");return E.css("display:flex;align-items:center;cursor:",o?"not-allowed":"pointer",";height:",a("height"),";padding:0 ",a("horizontalPadding"),";max-width:",R(hu[r?"multi":"single"].maxWidth),";gap:",a("addedPadding"),";background-color:",i(),";color:",a(e?"textColor.active":"textColor.default"),";border:",a("borderWidth.1")," solid ",a("borderColor.default"),";border-radius:",a("borderRadius"),";",G(a("text")),";&:not([disabled]){&:focus-visible,&:hover{background-color:",i(!0),";}}transition:background-color 0.1s ease-in-out;opacity:",o?n.tokens.disabledState.get("default"):1,";","")},dR=({isActive:e})=>()=>E.css("transform:rotate(",e?"180":"0","deg);",ie(.2),";","");var fR={name:"12wal98",styles:"text-overflow:ellipsis;overflow:hidden;white-space:nowrap"},pR={name:"e0dnmk",styles:"cursor:pointer"};const t9=h.forwardRef((e,t)=>{const{filterType:r="preset",children:o,onClick:n,isDisabled:a,onClear:i,isActive:l,isPopulated:s,moreFilters:c,dataTestPrefixId:d,isMulti:p,...f}=e,v=z(),y=e9(v),m=r==="added",w=h.useMemo(()=>a?void 0:b=>{b.stopPropagation(),i()},[a,i]);return u.jsxs("button",{css:uR({isActive:l,isPopulated:s,isMulti:p,isDisabled:a}),type:"button",ref:t,onClick:n,disabled:a,"data-testid":`${d}_filter_button`,"data-active":l,...f,children:[u.jsx("div",{css:fR,"data-testid":`${d}_filter_label`,children:o}),c&&!l&&u.jsxs(pu,{css:pR,color:"blue",dataTestPrefixId:`${d}_${c}_more_filters`,children:["+",c]}),u.jsx("div",{css:dR({isActive:l}),children:u.jsx(U,{name:"triangleDown",size:y("icon"),color:y(l?"textColor.active":"textColor.default")})}),(m||s)&&u.jsx(U,{name:"close",size:y("icon"),color:y(l?"textColor.active":"textColor.default"),onClick:w,dataTestPrefixId:`${d}_filter_close`})]})});t9.displayName="FilterButton";const r9=t9,o9=()=>{},gR=e=>t=>t?le(t).format(qf(e)):"",vR=(e,t)=>({selectDate:`Select Date${e?"s":""}`,to:e?`- ${t}`:""}),n9=h.forwardRef(({handleIconClick:e,filterConfig:t={},handleClear:r,dataTestId:o,isRangePicker:n,inputProps:a,selectedDay:i,dateFormatOverride:l="MM/DD/YYYY",isOpen:s},c)=>{const d=z(),p=ge(d),f=h.useCallback(gR(l),[l]),v=f(i.from),y=f(i.to),m=vR(n,y),{filterType:w,label:b}=t,$={wrapper:{minWidth:R(p(n?"minWidth.extraLarge.normal":"minWidth.medium.normal"))}},P=h.useMemo(()=>u.jsx(U,{tabIndex:0,name:"calendar",size:p("addOn.iconSize.normal"),color:p("addOn.iconColor"),onClick:e,dataTestId:"calendar_button",onKeyDown:I=>{I.code==="Enter"&&e()}}),[e,p]),L=h.useMemo(()=>{var I;return(I=a==null?void 0:a.label)!=null&&I.length?a.label:n?SB:wB},[a==null?void 0:a.label,n]);if(w){const I=`${b??m.selectDate}`,x=`${i.from?`: ${v}`:""} ${n&&i.to?`- ${y}`:""}`;return u.jsx("div",{children:u.jsx(r9,{isPopulated:!!(i.from&&`${v} - ${y}`),isActive:s,onClear:r,filterType:w,onClick:e,children:`${I}${x}`})})}return n?u.jsx(br,{ref:c,...a,label:L,onKeyDown:r,dataTestId:o,onChange:o9,value:i.from?`${v} - ${y}`:"",suffix:P,sx:$}):u.jsx("div",{children:u.jsx(br,{ref:c,...a,label:L,onKeyDown:r,dataTestId:o,onChange:o9,value:i.to?v:"",suffix:P,sx:$})})});n9.displayName="DatePickInput";const hR=n9,CR=()=>e=>{const t=Ge(e);return E.css("display:flex;flex-direction:column;gap:",t("rowPadding"),";padding:",t("padding"),";","")};var bR={name:"1wwyjck",styles:"display:flex;align-content:center;justify-content:center;position:relative"};const yR=()=>()=>bR,a9=({position:e="left"})=>()=>E.css("cursor:pointer;margin:auto ",R(5),";position:absolute;",e==="left"?"left: 0":"right: 0",";top:0;bottom:0;height:fit-content;z-index:10;","");var mR={name:"6t9i3b",styles:"padding:0;align-content:center;text-align:center;flex:1;display:flex;justify-content:center;align-items:center;position:relative"};const wR=()=>mR,SR=({isRangePicker:e})=>t=>E.css("margin:0 ",t.globals.spacing.get("4"),";display:flex;justify-content:center;cursor:",!e&&"pointer",";font-weight:",t.globals.typography.fontWeight.get("medium"),";",""),ER=({selectedDays:e,isFirstCalendar:t,month:r,year:o})=>{const n=h.useMemo(()=>e.from?e.from.date():te.date(),[e.from]),[a,i]=h.useState(t?n??1:0),l=h.useRef(null),s=te.month(r).year(o).date(1).daysInMonth(),{keyboardProps:c}=tr({events:{keydown:{onArrowUp:()=>{i(d=>d-7<0?d:d-7)},onArrowDown:()=>{i(d=>d+7>s?d:d+7)},onArrowMove:(d,p)=>{p==="left"&&i(f=>f===0?0:f-1),p==="right"&&i(f=>f===s?s:f+1)}}},hasPropagation:!0});return h.useEffect(()=>{if(l.current){const d=l.current.querySelector('div[tabindex = "0"]');d==null||d.focus()}},[a]),{focusedDay:a,setFocusedDay:i,calendarRef:l,keyboardProps:c}};var xR={name:"sw0n2m",styles:"display:flex;justify-content:space-around"};const $R=()=>xR,TR=()=>e=>{const t=Ge(e);return E.css("display:flex;align-items:center;justify-content:center;color:",t("date.textColor.weekday"),";width:",t("dateSize"),";height:",t("dateSize"),";font-size:",e.globals.typography.fontSize.get("3"),";line-height:",e.globals.typography.lineHeight.get("4"),";text-align:center;font-weight:",e.globals.typography.fontWeight.get("medium"),";","")},kR=()=>e=>{const t=Ge(e);return E.css("border-collapse:separate;border-spacing:0 ",t("rowPadding"),";","")},PR=(e,t,r,o)=>{if(!e)return!1;const n=te.month(t).year(r).date(e);return o!=null&&o.after&&(o!=null&&o.before)?!n.isBetween(le(o==null?void 0:o.after),le(o==null?void 0:o.before)):o!=null&&o.after?n.isAfter(le(o==null?void 0:o.after)):o!=null&&o.before?n.isBefore(le(o==null?void 0:o.before)):o!=null&&o.daysOfWeek?o==null?void 0:o.daysOfWeek.includes(n.day()):o!=null&&o.days?!!(o!=null&&o.days.find(a=>le(a).isSame(le(n),"day"))):!1},_R=(e,t,r,o,n)=>{if(!e)return!1;const a=te.month(t).year(r).date(e);return o&&n&&le(a).isBetween(o,n)},AR=(e,t="first",r,o,n,a)=>{if(e&&n&&a){const i=n.isAfter(a)?a:n,l=n.isAfter(a)?n:a,s=t==="last"?l:i;return s&&s.isSame(te.month(r).year(o).date(e),"day")}return e&&(n==null?void 0:n.isSame(te.month(r).year(o).date(e),"day"))},MR=(e,t,r,o,n)=>{if(!e)return!1;const a=te.month(t).year(r).date(e);return[o==null?void 0:o.format("D,M,YYYY"),n==null?void 0:n.format("D,M,YYYY")].includes(a.format("D,M,YYYY"))},LR=(e,t)=>{const o=(new Date(e,t,1).getDay()+6)%7,a=new Date(e,t+1,0).getDate(),i=7-o,l=a-i;return 1+Math.ceil(l/7)},OR=({isSelected:e,isBetween:t,isLast:r,isFirst:o,isToday:n,isDisabled:a})=>i=>{const l=Ge(i);return E.css("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:",l(e?"date.textColor.active":"date.textColor.default"),";width:",l("dateSize"),";font-weight:",n&&"bold",";opacity:",a?.5:1,";background:",r||o?l("date.backgroundColor.active"):(e||t)&&typeof t<"u"&&l("date.backgroundColor.focused"),";border-bottom-right-radius:",r&&e&&"100%",";border-top-right-radius:",r&&e&&"100%",";border-bottom-left-radius:",o&&e&&"100%",";border-top-left-radius:",o&&e&&"100%",";&:focus-visible{background-color:",l("date.backgroundColor.focused"),";border-radius:",l("date.borderRadius.2"),";}",(e||r||o)&&`&:after {
|
|
105
|
+
`,";",""),z7=h.forwardRef(({value:e,status:t,dataTestPrefixId:r},o)=>{const n={...e?{value:e}:{},...e?{}:{isIndeterminate:!0}},a=z(),i=nl(a),l=16,s=i("sizing.circular"),c=Number.parseFloat(i("borderWidth.circular")),p=2*(16-c)*Math.PI,f=t==="error";return u.jsx(Je.ProgressBar,{...n,ref:o,children:({percentage:v=e??75})=>u.jsx(u.Fragment,{children:u.jsx("svg",{width:s,height:s,viewBox:"0 0 32 32",fill:"none",strokeWidth:c,"data-testid":`${r}_circular_progress_container`,children:u.jsx("circle",{cx:l,cy:l,r:14,stroke:i(f?"backgroundColor.error":"backgroundColor.active"),strokeDasharray:`${p} ${p}`,strokeDashoffset:p-v/100*p,strokeLinecap:"round",transform:"rotate(-90 16 16)",css:UB(hl(e)),"data-testid":`${r}_circular_progress_value`})})})})});z7.displayName="ProgressCircle";const jB=z7,V7=h.forwardRef(({type:e="linear",value:t,status:r="normal",isBlock:o=!1,dataTestPrefixId:n},a)=>e==="linear"?u.jsx(WB,{value:t,isBlock:o,status:r,ref:a,dataTestPrefixId:n}):u.jsx(jB,{value:t,status:r,ref:a,dataTestPrefixId:n}));V7.displayName="ProgressIndicator";const al=V7,KB={normal:{paddingHorizontal:{value:"{spacing.4}",type:"spacing",description:"Sets left & right padding for normal tags"},paddingVertical:{value:"{spacing.3}",type:"spacing",description:"Sets top & bottom padding for normal tags"},height:{value:"{sizing.6}",type:"sizing",description:"sets fixed height for tag"}},paddingContent:{value:"{spacing.3}",type:"spacing",description:"Sets content padding for tags"},small:{paddingHorizontal:{value:"{spacing.3}",type:"spacing",description:"Sets left and right padding for small tags"},paddingVertical:{value:"{spacing.0}",type:"spacing",description:"Sets top and bottom padding for small tags"},height:{value:"{sizing.5}",type:"sizing",description:"sets fixed height for small tag"}},borderRadius:{normal:{value:"{borderRadius.2}",type:"borderRadius",description:"Sets border radius for normal sized tags"},small:{value:"{borderRadius.1}",type:"borderRadius",description:"Sets border radius for condensed tags"}},backgroundColor:{readOnly:{blue:{value:"{sem.colors.palette.primaryAlt.muted}",type:"color",description:"Sets backgroundColor for tag variant"},neutral:{value:"{sem.colors.backgroundColor.default}",type:"color",description:"Sets backgroundColor for tag variant"},purple:{value:"{sem.colors.palette.upsell.muted}",type:"color",description:"Sets backgroundColor for tag variant"},red:{value:"{sem.colors.palette.error.muted}",type:"color",description:"Sets backgroundColor for tag variant"},teal:{value:"{sem.colors.palette.success.muted}",type:"color",description:"Sets backgroundColor for tag variant"},code:{value:"{sem.colors.palette.secondary.contrast}",type:"color",description:"Sets backgroundColor for code tag variant"},orange:{value:"{sem.colors.palette.warning.muted}",type:"color"}},interactive:{default:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets default backgroundColor for interactive tag variant"},focused:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets focused backgroundColor for interactive tag variant"}}},textColor:{blue:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for tag"},code:{value:"{sem.colors.textColor.default.primary}",type:"color",description:"Sets textColor for code tag"},neutral:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for tag"},purple:{value:"{sem.colors.textColor.default.visited}",type:"color",description:"Sets textColor for tag"},red:{value:"{sem.colors.textColor.default.error}",type:"color",description:"Sets textColor for tag"},teal:{value:"{sem.colors.textColor.default.success}",type:"color",description:"Sets textColor for tag"},orange:{value:"{sem.colors.textColor.default.warning}",type:"color"}},borderWidth:{value:"{borderWidth.1}",type:"borderWidth",description:"Sets border width for tags"},borderColor:{readOnly:{blue:{value:"{sem.colors.borderColor.decorative.default}",type:"color",description:"Sets borderColor for white and blue read-only tag variants"},neutral:{value:"{sem.colors.palette.secondary.contrast}",type:"color",description:"Sets borderColor for white and neutral read-only tag variants"},purple:{value:"{sem.colors.palette.upsell.contrast}",type:"color",description:"Sets borderColor for tag variant"},red:{value:"{sem.colors.palette.error.contrast}",type:"color",description:"Sets borderColor for tag variant"},teal:{value:"{sem.colors.palette.success.contrast}",type:"color",description:"Sets borderColor for tag variant"},orange:{value:"{sem.colors.palette.warning.contrast}",type:"color"}},interactive:{default:{value:"{sem.colors.borderColor.interactive.default}",type:"color",description:"Sets default borderColor for tag variant"},focused:{value:"{sem.colors.borderColor.interactive.active}",type:"color",description:"Sets default borderColor for tag variant"}}},label:{default:{normal:{value:"{sem.typography.normal.label02}",type:"typography",description:"Sets text for tag label ('normal' size)"},small:{value:"{sem.typography.normal.label03}",type:"typography",description:"Sets text for tag label ('small' size)"}},code:{normal:{value:"{sem.typography.mono.body02}",type:"typography",description:"Sets text for code tag label ('normal' size)"},small:{value:"{sem.typography.mono.body03}",type:"typography",description:"Sets text for code tag label ('small' size)"}}},iconSize:{value:"{sem.icon.size.2}",type:"sizing",description:"Sets size for tag icon (if used)"}},W7=e=>se(KB,e),ZB=({size:e="normal",color:t="blue",isSelectable:r,isClearable:o,isSelected:n})=>a=>{const i=W7(a),l=r||o,s=()=>i(l?n?"backgroundColor.interactive.focused":"backgroundColor.interactive.default":`backgroundColor.readOnly.${t}`);return E.css("display:flex;justify-content:center;align-items:center;height:",i(`${e}.height`),";width:fit-content;box-sizing:border-box;gap:",i("paddingContent"),";padding:",`${i(`${e}.paddingVertical`)} ${i(`${e}.paddingHorizontal`)}`,";cursor:",r?"pointer":"auto",";background:",s(),";color:",i(l?"textColor.blue":`textColor.${t}`),";border:",i("borderWidth")," solid;border-color:",i(l?"borderColor.interactive.default":`borderColor.readOnly.${t}`),";border-radius:",i(`borderRadius.${e}`),";&:hover{background:",r?i("backgroundColor.interactive.focused"):null,";}&:focus-visible{background:",l?i("backgroundColor.interactive.focused"):null,";border-color:",l?i("borderColor.interactive.focused"):null,";}",G(i(`label.default.${e}`)),";","")},GB=()=>e=>E.css("/** @TODO: revisit all these styles when Interactive Icon is implemented */width:",R(16),";height:",R(16),";display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background:",e.tokens.state.get("backgroundColor.hover"),";border-radius:",e.globals.borderRadius.get("7"),";}",""),YB=({color:e="neutral",iconName:t,onSelect:r,onClear:o,isSelected:n,dataTestPrefixId:a})=>{const i=z(),l=W7(i),s=r&&!o,c=!!o,d=s||c,p=h.useCallback(y=>{y.key==="Enter"&&s&&r&&r(),y.key==="Enter"&&c&&o&&o()},[c,s,o,r]),f=h.useMemo(()=>s&&n?u.jsx(U,{dataTestId:`${a}_tag_prefix`,size:l("iconSize"),name:"check",color:l("textColor.blue")}):!d&&t?u.jsx(U,{size:l("iconSize"),name:t,color:l(`textColor.${e}`)}):null,[e,a,t,d,s,n,l]),v=h.useMemo(()=>c?u.jsx("div",{tabIndex:-1,"aria-hidden":"true",css:GB(),children:u.jsx(U,{onClick:o,hasHover:!1,size:l("iconSize"),name:"close",color:l("textColor.blue"),dataTestId:`${a}_tag_suffix`})}):null,[a,c,o,l]);return{isSelectable:s,isClearable:c,isInteractive:d,handleKeyDown:p,prefix:f,suffix:v}},U7=h.forwardRef(({color:e="neutral",size:t="normal",iconName:r,onSelect:o,onClear:n,isSelected:a=!1,children:i,dataTestPrefixId:l,...s},c)=>{const{isSelectable:d,isClearable:p,isInteractive:f,handleKeyDown:v,prefix:y,suffix:m}=YB({color:e,iconName:r,onSelect:o,onClear:n,isSelected:a,dataTestPrefixId:l});return u.jsxs("div",{onClick:o,onKeyDown:v,tabIndex:f?0:-1,css:ZB({size:t,color:e,isSelectable:d,isClearable:p,isSelected:a}),ref:c,"data-testid":`${l}_tag_container`,"aria-label":i==null?void 0:i.toString(),"aria-selected":a,...s,children:[y,i,m]})});U7.displayName="Tag";const pu=U7,j7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline01`)),K7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline02`)),Z7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline03`)),G7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline04`)),Y7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.headline05`)),XB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title01`)),JB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title02`)),QB=(e,t="normal")=>G(e.tokens.typography.get(`${t}.title03`)),X7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label01`)),zo=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label02`)),gu=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label03`)),eR=(e,t="normal")=>G(e.tokens.typography.get(`${t}.label04`)),J7=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body01`)),vu=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body02`)),Vo=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body03`)),tR=(e,t="normal")=>G(e.tokens.typography.get(`${t}.body04`)),rR=({theme:e,hasError:t,isLocked:r,isDisabled:o,isInteractive:n})=>{const a=ge(e),i=a(r?"borderColor.readOnly":"borderColor.focused"),l=a(t?"backgroundColor.error":r?"backgroundColor.readOnly":"backgroundColor.default"),s=a(t?"backgroundColor.errorHover":"backgroundColor.hover"),c=o?{"&:focus-within":{boxShadow:`0 0 0 ${a("borderWidth.2")} transparent`}}:{"&:hover":{backgroundColor:s},"&:focus-within":{boxShadow:`0 0 0 ${a("borderWidth.2")} ${i}`,backgroundColor:a("backgroundColor.focused")}};return{backgroundColor:l,...n?c:{}}},oR=({isDisabled:e,status:t,isInteractive:r,size:o="normal",sx:n})=>a=>{const i=a.colorScheme,l=!e&&(t==null?void 0:t.type)==="read-only",s=!e&&(t==null?void 0:t.type)==="error",c=ge(a),d=c(s?"borderColor.error":l?"borderColor.readOnly":"borderColor.default");return E.css({display:"flex",alignItems:"center",position:"relative",transition:"background-color 0.25s, box-shadow 0.25s, border-color 0.25s",boxShadow:`0 0 0 ${c(`borderWidth.${s?2:1}`)} ${d}`,borderRadius:c("borderRadius"),userSelect:"none",opacity:e?a.tokens.disabledState.get("default"):1,cursor:e?"not-allowed":"text",height:c(`container.${o}`),minWidth:R(c(`minWidth.small.${o}`)),...rR({theme:a,colorScheme:i,hasError:s,isLocked:l,isDisabled:e,isInteractive:r}),...n==null?void 0:n.wrapper},"","")},nR=({sx:e})=>t=>{const r=ge(t);return E.css({position:"relative",display:"inline-flex",flexDirection:"row",alignItems:"center",verticalAlign:"top",width:"fill-available",padding:`0 0 0 ${r("paddingContentLeft")}`,"> div":{position:"relative"},...e==null?void 0:e.textField},"","")},Wo=({label:e,placeholder:t,size:r="normal",isLocked:o,isDisabled:n,sx:a})=>i=>{const l=ge(i);return E.css(G(l(`input.${r}`)),{background:"transparent",border:"none",color:l("textColor.inputColor"),padding:0,display:"block",position:"relative",top:e&&r==="normal"?R(7):void 0,zIndex:1,textOverflow:"ellipsis",width:0,minWidth:"100%","&::placeholder":{color:"transparent",...!e&&t?G(l(`input.${r}`)):{}},"&:focus":{outline:"none","&::placeholder":{color:t?l("textColor.inputColorAlt"):"transparent"}},"&:not(:focus):placeholder-shown":{"& + label":{fontWeight:"normal"}},"&:focus-within, &:not(:placeholder-shown)":{"& + label":r==="normal"?{fontWeight:`${i.globals.typography.fontWeight.get("bold")} !important`,transform:`translate(${Cr}, -35%) scale(0.8)`}:{display:"none"}},"&:focus-within":{"& + label":{fontWeight:`${i.globals.typography.fontWeight.get("bold")} !important`,color:l("textColor.labelActive")}},"&:disabled":{cursor:o&&!n?"text":"not-allowed"},...a==null?void 0:a.input},"","")},aR=({status:e,isDisabled:t})=>r=>{const o=ge(r);return E.css({display:"flex",alignItems:"center",gap:o("hintGap"),opacity:t?r.tokens.disabledState.get("default"):1,color:(e==null?void 0:e.type)==="error"&&!t?o("textColor.errorHintColor"):o("textColor.inputColorAlt"),padding:`${o("hintPadding")} 0 0`,span:{alignItems:"stretch",padding:0}},Vo(r),"","")},iR=({isDisabled:e,dataTestId:t,status:r={type:"normal"},size:o="normal",isInteractive:n=!0,children:a,sx:i})=>{const l=z(),s=ge(l),c=r.hintMessage&&u.jsxs("div",{"data-testid":X("error",t),css:aR({status:r,isDisabled:e}),children:[!e&&r.type==="error"&&o==="normal"&&u.jsx(U,{color:s("textColor.errorHintColor"),name:"warning",size:s("hintIconSize")}),u.jsx("span",{id:r.id,children:r.hintMessage})]});return u.jsxs(h.Fragment,{children:[u.jsx("div",{"data-testid":t,css:oR({isDisabled:e,status:r,size:o,sx:i,isInteractive:n}),children:u.jsx("div",{css:nR({sx:i}),children:a})}),r.hintMessage&&c]})},il=h.memo(iR,Me),ll=h.forwardRef((e,t)=>{const{selectedOptions:r,value:o,isDisabled:n,status:a={type:"normal"},isReadOnly:i,label:l,id:s,placeholder:c,isRequired:d=!1,onOptionDelete:p,onClearAllOptions:f,isLoading:v,isInteractive:y=!0,isResponsive:m=!1,isTextfield:w=!1,onKeyDown:b,sx:$,...P}=e,L=h.useRef(s||Qo("multiTextfield_")).current,I=z(),x=!!(o||r!=null&&r.length&&(r==null?void 0:r.length)>0),O=(a==null?void 0:a.type)==="read-only",C=a!=null&&a.hintMessage?(a==null?void 0:a.id)??`${L}_hintMessage`:void 0,{inputPlaceholder:B,handleKeyDown:_,icon:A,hasLabel:M,TextfieldRef:S}=LB({isTextfield:w,label:l,placeholder:c,isRequired:d,hasValue:x,isLocked:O,value:o,onOptionDelete:p,onClearAllOptions:f,onKeyDown:b}),k=h.useMemo(()=>u.jsx(u.Fragment,{children:r==null?void 0:r.map((q,K)=>{var F;return u.jsx("span",{css:RB(),children:u.jsx(pu,{onClear:(a==null?void 0:a.type)==="read-only"||n?void 0:()=>p(q),dataTestPrefixId:`tag_${K}`,children:u.jsx("div",{title:typeof q=="string"?q:q.label,css:OB({maxWidth:(F=S.current)==null?void 0:F.getBoundingClientRect().width}),children:typeof q=="string"?q:q.label})})},ml("tag"+(typeof q=="string"?q:q.label)))})}),[n,p,r,a==null?void 0:a.type]);return u.jsx("div",{ref:S,children:u.jsxs(il,{isDisabled:y&&n,status:y?{...a,id:C}:{type:"normal"},...P,isInteractive:y,sx:zu(FB({hasValue:x,hasLabel:M,isResponsive:m,isTextfield:w})(I),$),children:[u.jsxs("div",{css:DB(),children:[k,u.jsx("input",{readOnly:O||i,onKeyDown:_(ef(r)),css:Wo({placeholder:c,label:l,sx:qB(),isLocked:O,isDisabled:n}),placeholder:B,required:d,id:L,disabled:n||O,"data-testid":P.dataTestId?`input_${P.dataTestId}`:"input","aria-invalid":(a==null?void 0:a.type)==="error","aria-describedby":C,...Vu(P,"dataTestId"),value:o,ref:t}),l&&u.jsx(ol,{htmlFor:L,label:l,isRequired:d,isAnimated:x,hasError:!n&&(a==null?void 0:a.type)==="error"})]}),!n&&u.jsx("div",{css:IB(),children:v?u.jsx("div",{css:BB(),children:u.jsx(al,{type:"circular",dataTestPrefixId:"multi_textdield_base"})}):A})]})})});ll.displayName="MultiTextFieldBase";var lR={name:"36bnqj",styles:"display:flex;flex:1"};const Q7=h.forwardRef((e,t)=>{const{id:r,suffix:o=null,label:n,placeholder:a="",size:i="normal",isRequired:l=!1,isDisabled:s,isReadOnly:c,status:d={type:"normal"},onInput:p,isMulti:f=!1,tags:v=[],onMultiValueDelete:y,onMultiValueClearAll:m=()=>null,mask:w,sx:b,...$}=e,P=h.useRef(r||Qo("textfield_")).current,{isLocked:L,hintMessageId:I,handleContainerClick:x,textInputBaseSx:O,suffixContent:C,combinedRefs:B}=PB({id:P,suffix:o,status:d,size:i,isDisabled:s,ref:t,sx:b}),_={readOnly:L||c,css:Wo({label:n,placeholder:a,isLocked:L,isDisabled:s,size:i}),...i==="normal"?{placeholder:a?`${a} ${l?"*":""}`:n}:{placeholder:" "},required:l,id:P,disabled:s||L,onInput:p,"data-testid":$.dataTestId?`input_${$.dataTestId}`:"input","aria-invalid":(d==null?void 0:d.type)==="error","aria-describedby":I,...Ut($,"dataTestId")};return u.jsx("div",{onClick:x,children:f?u.jsx(ll,{...e,isTextfield:!0,onOptionDelete:y,onClearAllOptions:m,label:n,onInput:p,onKeyDown:$.onKeyDown,selectedOptions:v,value:$.value,status:{...d,id:I},ref:B}):u.jsxs(il,{...e,status:{...d,id:I},sx:O(!C),children:[u.jsxs("div",{css:lR,children:[w?u.jsx(Q8,{..._,mask:w,maskChar:" ",inputRef:B,dangerouslySetInnerHTML:void 0}):u.jsx("input",{..._,ref:B}),u.jsx(ol,{htmlFor:P,label:n,size:i,isRequired:l,isAnimated:!!$.value,hasError:!s&&(d==null?void 0:d.type)==="error"})]}),C&&u.jsx("div",{"aria-hidden":!C,css:AB(),children:C})]})})});Q7.displayName="TextField";const br=h.memo(Q7,Me),hu={single:{minWidth:120,maxWidth:300},multi:{minWidth:140,maxWidth:440},maxHeight:340},sR=253,cR={borderRadius:{value:"{borderRadius.7}",type:"borderRadius",description:"Sets borderRadius for filter"},height:{value:"{sizing.9}",type:"sizing",description:"Sets fixed height for filter"},copyPadding:{value:"{spacing.3}",type:"spacing",description:"Sets padding between filter copy and 'triangle' icon (if used)"},addedPadding:{value:"{spacing.3}",type:"spacing",description:"Sets padding between filter copy and 'triangle' and 'close' added icon"},horizontalPadding:{value:"{spacing.6}",type:"spacing",description:"Sets left and right padding for filter container"},icon:{value:"{sem.icon.size.2}",type:"sizing",description:"Sets fixed size for filter icon(s)"},backgroundColor:{default:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets backgroundColor for filter default state"},hover:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets backgroundColor for hovered filter state"},active:{value:"{sem.colors.palette.primary.contrast}",type:"color",description:"Sets backgroundColor for active filter state"},populated:{value:"{sem.colors.palette.secondary.base}",type:"color",description:"Sets backgroundColor for active filter component"},populatedHovered:{value:"{sem.colors.palette.secondary.muted}",type:"color",description:"Sets backgroundColor for active hovered filter component"}},borderColor:{default:{value:"{sem.colors.borderColor.interactive.default}",type:"color",description:"Sets borderColor for filter default/hovered state"},populated:{value:"{sem.colors.borderColor.interactive.active}",type:"color",description:"Sets borderColor for populated filter states"}},textColor:{default:{value:"{sem.colors.textColor.default.active}",type:"color",description:"Sets textColor for filter copy"},active:{value:"{sem.colors.textColor.inverted.primary}",type:"color",description:"Sets textColor for active filter copy"}},borderWidth:{1:{value:"{borderWidth.1}",type:"borderWidth",description:"Sets filter border width"}},text:{value:"{sem.typography.normal.label02}",type:"typography",description:"Sets text style for filter text"}},e9=e=>se(cR,e),uR=({isActive:e=!1,isPopulated:t=!1,isMulti:r=!1,isDisabled:o})=>n=>{const a=e9(n),i=(l=!1)=>a(e?"backgroundColor.active":t?l?"backgroundColor.populatedHovered":"backgroundColor.populated":l?"backgroundColor.hover":"backgroundColor.default");return E.css("display:flex;align-items:center;cursor:",o?"not-allowed":"pointer",";height:",a("height"),";padding:0 ",a("horizontalPadding"),";max-width:",R(hu[r?"multi":"single"].maxWidth),";gap:",a("addedPadding"),";background-color:",i(),";color:",a(e?"textColor.active":"textColor.default"),";border:",a("borderWidth.1")," solid ",a("borderColor.default"),";border-radius:",a("borderRadius"),";",G(a("text")),";&:not([disabled]){&:focus-visible,&:hover{background-color:",i(!0),";}}transition:background-color 0.1s ease-in-out;opacity:",o?n.tokens.disabledState.get("default"):1,";","")},dR=({isActive:e})=>()=>E.css("transform:rotate(",e?"180":"0","deg);",ie(.2),";","");var fR={name:"12wal98",styles:"text-overflow:ellipsis;overflow:hidden;white-space:nowrap"},pR={name:"e0dnmk",styles:"cursor:pointer"};const t9=h.forwardRef((e,t)=>{const{filterType:r="preset",children:o,onClick:n,isDisabled:a,onClear:i,isActive:l,isPopulated:s,moreFilters:c,dataTestPrefixId:d,isMulti:p,...f}=e,v=z(),y=e9(v),m=r==="added",w=h.useMemo(()=>a?void 0:b=>{b.stopPropagation(),i()},[a,i]);return u.jsxs("button",{css:uR({isActive:l,isPopulated:s,isMulti:p,isDisabled:a}),type:"button",ref:t,onClick:n,disabled:a,"data-testid":`${d}_filter_button`,"data-active":l,...f,children:[u.jsx("div",{css:fR,"data-testid":`${d}_filter_label`,children:o}),c&&!l&&u.jsxs(pu,{css:pR,color:"blue",dataTestPrefixId:`${d}_${c}_more_filters`,children:["+",c]}),u.jsx("div",{css:dR({isActive:l}),children:u.jsx(U,{name:"triangleDown",size:y("icon"),color:y(l?"textColor.active":"textColor.default")})}),(m||s)&&u.jsx(U,{name:"close",size:y("icon"),color:y(l?"textColor.active":"textColor.default"),onClick:w,dataTestPrefixId:`${d}_filter_close`})]})});t9.displayName="FilterButton";const r9=t9,o9=()=>{},gR=e=>t=>t?le(t).format(qf(e)):"",vR=(e,t)=>({selectDate:`Select Date${e?"s":""}`,to:e?`- ${t}`:""}),n9=h.forwardRef(({handleIconClick:e,filterConfig:t={},handleClear:r,dataTestId:o,isRangePicker:n,inputProps:a,selectedDay:i,dateFormatOverride:l="MM/DD/YYYY",isOpen:s},c)=>{const d=z(),p=ge(d),f=h.useCallback(gR(l),[l]),v=f(i.from),y=f(i.to),m=vR(n,y),{filterType:w,label:b}=t,$={wrapper:{minWidth:R(p(n?"minWidth.extraLarge.normal":"minWidth.medium.normal"))}},P=h.useMemo(()=>u.jsx(U,{tabIndex:0,name:"calendar",size:p("addOn.iconSize.normal"),color:p("addOn.iconColor"),onClick:e,dataTestId:"calendar_button",onKeyDown:I=>{I.code==="Enter"&&e()}}),[e,p]),L=h.useMemo(()=>{var I;return(I=a==null?void 0:a.label)!=null&&I.length?a.label:n?SB:wB},[a==null?void 0:a.label,n]);if(w){const I=`${b??m.selectDate}`,x=`${i.from?`: ${v}`:""} ${n&&i.to?`- ${y}`:""}`;return u.jsx("div",{children:u.jsx(r9,{isPopulated:!!(i.from&&`${v} - ${y}`),isActive:s,onClear:r,filterType:w,onClick:e,children:`${I}${x}`})})}return n?u.jsx(br,{ref:c,...a,label:L,onKeyDown:r,dataTestId:o,onChange:o9,value:i.from?`${v} - ${y}`:"",suffix:P,sx:$}):u.jsx("div",{children:u.jsx(br,{ref:c,...a,label:L,onKeyDown:r,dataTestId:o,onChange:o9,value:i.to?v:"",suffix:P,sx:$})})});n9.displayName="DatePickInput";const hR=n9,CR=()=>e=>{const t=Ge(e);return E.css("display:flex;flex-direction:column;gap:",t("rowPadding"),";padding:",t("padding"),";","")};var bR={name:"1wwyjck",styles:"display:flex;align-content:center;justify-content:center;position:relative"};const yR=()=>()=>bR,a9=({position:e="left"})=>()=>E.css("cursor:pointer;margin:auto ",R(5),";position:absolute;",e==="left"?"left: 0":"right: 0",";top:0;bottom:0;height:fit-content;z-index:10;","");var mR={name:"6t9i3b",styles:"padding:0;align-content:center;text-align:center;flex:1;display:flex;justify-content:center;align-items:center;position:relative"};const wR=()=>mR,SR=({isRangePicker:e})=>t=>E.css("margin:0 ",t.globals.spacing.get("4"),";display:flex;justify-content:center;cursor:",!e&&"pointer",";font-weight:",t.globals.typography.fontWeight.get("medium"),";",""),ER=({selectedDays:e,isFirstCalendar:t,month:r,year:o})=>{const n=h.useMemo(()=>e.from?e.from.date():te.date(),[e.from]),[a,i]=h.useState(t?n??1:0),l=h.useRef(null),s=te.month(r).year(o).date(1).daysInMonth(),{keyboardProps:c}=tr({events:{keydown:{onArrowUp:()=>{i(d=>d-7<0?d:d-7)},onArrowDown:()=>{i(d=>d+7>s?d:d+7)},onArrowMove:(d,p)=>{p==="left"&&i(f=>f===0?0:f-1),p==="right"&&i(f=>f===s?s:f+1)}}},hasPropagation:!0});return h.useEffect(()=>{if(l.current){const d=l.current.querySelector('div[tabindex = "0"]');d==null||d.focus()}},[a]),{focusedDay:a,setFocusedDay:i,calendarRef:l,keyboardProps:c}};var xR={name:"sw0n2m",styles:"display:flex;justify-content:space-around"};const $R=()=>xR,TR=()=>e=>{const t=Ge(e);return E.css("display:flex;align-items:center;justify-content:center;color:",t("date.textColor.weekday"),";width:",t("dateSize"),";height:",t("dateSize"),";font-size:",e.globals.typography.fontSize.get("3"),";line-height:",e.globals.typography.lineHeight.get("4"),";text-align:center;font-weight:",e.globals.typography.fontWeight.get("medium"),";","")},kR=()=>e=>{const t=Ge(e);return E.css("border-collapse:separate;border-spacing:0 ",t("rowPadding"),";","")},PR=(e,t,r,o)=>{if(!e)return!1;const n=te.month(t).year(r).date(e);return o!=null&&o.after&&(o!=null&&o.before)?!n.isBetween(le(o==null?void 0:o.after),le(o==null?void 0:o.before)):o!=null&&o.after?n.isAfter(le(o==null?void 0:o.after)):o!=null&&o.before?n.isBefore(le(o==null?void 0:o.before)):o!=null&&o.daysOfWeek?o==null?void 0:o.daysOfWeek.includes(n.day()):o!=null&&o.days?!!(o!=null&&o.days.find(a=>le(a).isSame(le(n),"day"))):!1},_R=(e,t,r,o,n)=>{if(!e)return!1;const a=te.month(t).year(r).date(e);return o&&n&&le(a).isBetween(o,n)},AR=(e,t="first",r,o,n,a)=>{if(e&&n&&a){const i=n.isAfter(a)?a:n,l=n.isAfter(a)?n:a,s=t==="last"?l:i;return s&&s.isSame(te.month(r).year(o).date(e),"day")}return e&&(n==null?void 0:n.isSame(te.month(r).year(o).date(e),"day"))},MR=(e,t,r,o,n)=>{if(!e)return!1;const a=te.month(t).year(r).date(e);return[o==null?void 0:o.format("D,M,YYYY"),n==null?void 0:n.format("D,M,YYYY")].includes(a.format("D,M,YYYY"))},LR=(e,t)=>{const o=(new Date(e,t,1).getDay()+6)%7,a=new Date(e,t+1,0).getDate(),i=7-o,l=a-i;return 1+Math.ceil(l/7)},OR=({isSelected:e,isBetween:t,isLast:r,isFirst:o,isToday:n,isDisabled:a})=>i=>{const l=Ge(i);return E.css("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:",l(e?"date.textColor.active":"date.textColor.default"),";width:",l("dateSize"),";font-weight:",n&&"bold",";opacity:",a?.5:1,";background:",r||o?l("date.backgroundColor.active"):(e||t)&&typeof t<"u"&&l("date.backgroundColor.focused"),";border-bottom-right-radius:",r&&e&&"100%",";border-top-right-radius:",r&&e&&"100%",";border-bottom-left-radius:",o&&e&&"100%",";border-top-left-radius:",o&&e&&"100%",";&:focus-visible{background-color:",l("date.backgroundColor.focused"),";border-radius:",l("date.borderRadius.2"),";}",(e||r||o)&&`&:after {
|
|
106
106
|
z-index: -1;
|
|
107
107
|
content: ' ';
|
|
108
108
|
height: 100%;
|