@leafygreen-ui/search-input - npm Package Compare versions

Comparing version 2.0.15 to 2.0.16

CHANGELOG.md

 # @leafygreen-ui/search-input
 
+## 2.0.16
+
+### Patch Changes
+
+- 1a0b9996: Export SearchResultsMenu component
+
 ## 2.0.15
@@ -4,0 +10,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e,{useContext as n,createContext as r,useMemo as t,useState as a,useRef as o,useCallback as l}from"react";import i from"lodash/isUndefined";import{css as c,cx as u,keyframes as s}from"@leafygreen-ui/emotion";import{useAvailableSpace as d,useForwardedRef as f,useDynamicRefs as h,useControlledValue as p,useAutoScroll as g,useBackdropClick as b}from"@leafygreen-ui/hooks";import m from"@leafygreen-ui/icon/dist/MagnifyingGlass";import y from"@leafygreen-ui/icon/dist/XWithCircle";import v from"@leafygreen-ui/icon-button";import k,{useDarkMode as x}from"@leafygreen-ui/leafygreen-provider";import{Theme as w,createSyntheticEvent as E,isComponentType as O,getNodeTextContent as S,keyMap as j,createUniqueClassName as D,validateChildren as N}from"@leafygreen-ui/lib";import C from"@leafygreen-ui/popover";import{spacing as L,transitionDuration as P,typeScales as z,hoverRing as M,focusRing as R,fontFamilies as I,fontWeights as A}from"@leafygreen-ui/tokens";import{InputOption as U}from"@leafygreen-ui/input-option";import{palette as G}from"@leafygreen-ui/palette";import T from"@leafygreen-ui/icon/dist/Refresh";import{transparentize as H}from"polished";import{InferredPolymorphic as W}from"@leafygreen-ui/polymorphic";import{Overline as F}from"@leafygreen-ui/typography";function K(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function X(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?K(Object(r),!0).forEach((function(n){$(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):K(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function $(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},q.apply(this,arguments)}function B(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function J(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,l,i=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return V(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return V(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var Y,Z,_,ee,ne=["children"],re=r({});function te(n){var r=n.children,t=B(n,ne);return e.createElement(re.Provider,{value:t},r)}var ae,oe,le,ie,ce,ue,se,de,fe,he,pe=c(Y||(Y=J(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  font-style: italic;\n  font-weight: 300;\n  padding-block: ","px;\n"])),L[2],L[1]),ge=($(ee={},w.Light,c(Z||(Z=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(ee,w.Dark,c(_||(_=J(["\n    color: ",";\n  "])),G.gray.light1)),ee),be=function(){var n=x().theme;return e.createElement(U,{"aria-label":"No results found",isInteractive:!1,className:u(pe,ge[n])},e.createElement("span",null,"No results found"))},me=c(ae||(ae=J(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  padding-block: ","px;\n"])),L[2],L[1]),ye=s(oe||(oe=J(["\n  from {\n    transform: rotate(0deg);\n  } \n  to {\n    transform: rotate(360deg);\n  }\n"]))),ve=c(le||(le=J(["\n  height: 16px;\n  width: 16px;\n  animation: "," 1.5s linear infinite;\n"])),ye),ke=function(){var n=x().darkMode;return e.createElement(U,{"data-testid":"lg-search-input-loading-option","aria-label":"Loading results",isInteractive:!1,className:me},e.createElement(T,{color:n?G.blue.light1:G.blue.base,className:ve}),e.createElement("span",null,"Loading results"))},xe=c(ie||(ie=J(["\n  box-shadow: 0px 4px 7px ",";\n  padding: 12px 0;\n  border-radius: 12px;\n"])),H(.75,"#000000")),we=($(se={},w.Light,c(ce||(ce=J(["\n    background-color: ",";\n  "])),G.white)),$(se,w.Dark,c(ue||(ue=J(["\n    background-color: ",";\n  "])),G.gray.dark3)),se),Ee=c(de||(de=J(["\n  padding: 0;\n  margin: 0;\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"]))),Oe=e.forwardRef((function(r,a){var o=r.children,l=r.open,s=void 0!==l&&l,f=r.refEl,h=x().theme,p=n(re).state,g=t((function(){var e,n;return null!==(e=null===(n=f.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0}),[f,s]),b=d(f),m=i(b)?"unset":"".concat(Math.min(b,256),"px");return e.createElement(C,{"data-testid":"lg-search-input-popover",spacing:L[2],active:s,align:"bottom",justify:"start",className:u(xe,we[h],c(fe||(fe=J(["\n          width: ","px;\n          min-width: ","px;\n        "])),g,g)),refEl:f},"loading"===p?e.createElement(ke,null):e.createElement("ul",{role:"listbox","aria-live":"polite","aria-relevant":"additions removals","aria-expanded":s,ref:a,className:u(Ee,c(he||(he=J(["\n              max-height: ",";\n            "])),m))},e.Children.count(o)?o:e.createElement(be,null)))}));Oe.displayName="SearchResultsMenu";var Se,je,De,Ne,Ce,Le,Pe,ze,Me,Re,Ie,Ae,Ue,Ge,Te,He,We,Fe,Ke,Xe,$e,qe,Be,Je,Qe,Ve,Ye,Ze,_e,en,nn,rn,tn,an,on,ln,cn,un={Unset:"unset",Loading:"loading"},sn={Small:"small",Default:"default",Large:"large"},dn=function(e){return"0 0 0 100px ".concat(e," inset")},fn=c(Se||(Se=J(["\n  outline: none;\n"]))),hn=c(je||(je=J(["\n  position: relative;\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-items: center;\n  border: 1px solid;\n  border-radius: 6px;\n  z-index: 0;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n"])),P.default),pn=($(Le={},sn.Small,c(De||(De=J(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 28px;\n    grid-template-columns: 28px 1fr;\n    grid-auto-columns: 28px;\n  "])),z.body1.fontSize,z.body1.lineHeight)),$(Le,sn.Default,c(Ne||(Ne=J(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 36px;\n    grid-template-columns: 36px 1fr;\n    grid-auto-columns: 36px;\n  "])),z.body1.fontSize,z.body1.lineHeight)),$(Le,sn.Large,c(Ce||(Ce=J(["\n    font-size: 18px;\n    line-height: 32px;\n    height: 48px;\n    grid-template-columns: 48px 1fr;\n    grid-auto-columns: 48px;\n  "])))),Le),gn=($(Me={},w.Light,c(Pe||(Pe=J(["\n    color: ",";\n    background: ",";\n    border-color: ",";\n  "])),G.black,G.white,G.gray.base)),$(Me,w.Dark,c(ze||(ze=J(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.light2,G.gray.dark4,G.gray.base)),Me),bn=($(Ae={},w.Light,c(Re||(Re=J(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),M.light.gray)),$(Ae,w.Dark,c(Ie||(Ie=J(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),M.dark.gray)),Ae),mn=($(Te={},w.Light,c(Ue||(Ue=J(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),R.light.input,G.white)),$(Te,w.Dark,c(Ge||(Ge=J(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),R.dark.input,G.gray.dark4)),Te),yn=($(Fe={},w.Light,c(He||(He=J(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.base,G.gray.light2,G.gray.light1)),$(Fe,w.Dark,c(We||(We=J(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.dark2,G.gray.dark3,G.gray.dark2)),Fe),vn=c(Ke||(Ke=J(["\n  font-size: inherit;\n  line-height: inherit;\n  color: inherit;\n  background-color: inherit;\n  font-family: ",";\n  width: 100%;\n  height: 1.5em;\n  font-weight: ",";\n  z-index: 1;\n  outline: none;\n  border: none;\n  padding: 0;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    font-size: inherit;\n    line-height: inherit;\n  }\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n"])),I.default,A.regular),kn=($(qe={},w.Light,c(Xe||(Xe=J(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: inherit;\n\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),dn(G.white),dn(G.white),R.light.input,dn(G.white),M.light.gray,G.gray.base,A.regular,G.gray.base,G.gray.base,G.gray.base,dn(G.gray.light2))),$(qe,w.Dark,c($e||($e=J(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: ",";\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n          border-color: ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),G.gray.light3,dn(G.gray.dark4),dn(G.gray.dark4),R.dark.input,G.blue.light1,dn(G.gray.dark4),M.dark.gray,G.gray.base,A.regular,G.gray.dark1,G.gray.dark1,G.gray.dark1,dn(G.gray.dark2))),qe),xn=($(Qe={},w.Light,c(Be||(Be=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(Qe,w.Dark,c(Je||(Je=J(["\n    color: ",";\n  "])),G.gray.light1)),Qe),wn=($(_e={},sn.Small,c(Ve||(Ve=J(["\n    left: 10px;\n  "])))),$(_e,sn.Default,c(Ye||(Ye=J(["\n    left: 12px;\n  "])))),$(_e,sn.Large,c(Ze||(Ze=J(["\n    left: 16px;\n  "])))),_e),En=($(rn={},w.Light,c(en||(en=J(["\n    color: ",";\n  "])),G.gray.base)),$(rn,w.Dark,c(nn||(nn=J(["\n    color: ",";\n  "])),G.gray.dark1)),rn);c(tn||(tn=J([""])));var On,Sn,jn,Dn,Nn,Cn,Ln,Pn,zn=($(cn={},sn.Small,c(an||(an=J(["\n    height: 26px;\n    width: 26px;\n  "])))),$(cn,sn.Default,c(on||(on=J(["\n    height: 28px;\n    width: 28px;\n  "])))),$(cn,sn.Large,c(ln||(ln=J(["\n    height: 28px;\n    width: 28px;\n  "])))),cn),Mn=["placeholder","className","darkMode","size","disabled","children","state","value","onChange","onSubmit","aria-label","aria-labelledby"],Rn=e.forwardRef((function(n,r){var c,s=n.placeholder,d=void 0===s?"Search":s,w=n.className,D=n.darkMode,N=n.size,C=void 0===N?sn.Default:N,L=n.disabled,P=n.children,z=n.state,M=void 0===z?un.Unset:z,R=n.value,I=n.onChange,A=n.onSubmit,U=n["aria-label"],G=n["aria-labelledby"],T=B(n,Mn),H=x(D),W=H.theme,F=H.darkMode,K=Q(a(!1),2),J=K[0],V=K[1],Y=Q(a(0),2),Z=Y[0],_=Y[1],ee=function(){return V(!1)},ne=function(){return V(!0)},re=o(null),ae=o(null),oe=o(null),le=f(r,null),ie=o(null),ce=h({prefix:"result"}),ue=Q(a(),2),se=ue[0],de=ue[1],fe=ce("".concat(Z)),he=!i(P),pe=p(R,I),ge=pe.value,be=pe.handleChange,me=l((function(e){le.current&&(le.current.value=e,be(E(new Event("change",{cancelable:!0,bubbles:!0}),le.current)))}),[be,le]),ye=l((function(){var n=0,r=e.Children.map(P,(function r(t){if(O(t,"SearchResult")){var a,o=(n+=1)-1,l=S(t);return e.cloneElement(t,X(X({},t.props),{},{id:"result-".concat(o),key:"result-".concat(o),ref:null!==(a=t.props.ref)&&void 0!==a?a:null==ce?void 0:ce("".concat(o)),highlighted:o===Z,onClick:function(e){var n,r;if(null===(n=(r=t.props).onClick)||void 0===n||n.call(r,e),me(l),e.detail>=1&&re.current&&le.current){var a,o=new Event("submit",{cancelable:!0,bubbles:!0});null===(a=re.current)||void 0===a||a.dispatchEvent(o)}}}))}if(O(t,"SearchResultGroup")){var i=e.Children.map(t.props.children,r);if(i&&i.length>0)return e.cloneElement(t,X(X({},t.props),{},{children:i}))}}));return{resultsCount:n,updatedChildren:r}}),[P,Z,le,ce,me]),ve=t((function(){return ye()}),[ye]),ke=ve.updatedChildren,xe=ve.resultsCount,we=function(e){switch(e){case"first":_(0);break;case"last":_(xe);break;case"next":var n=!i(Z)&&Z+1<xe?Z+1:0;_(n);break;case"prev":var r=!i(Z)&&Z-1>=0?Z-1:xe-1;_(r)}};return g(fe,oe,12),b((function(){ee()}),[ae,oe],J&&he),e.createElement(k,{darkMode:F},e.createElement(te,{state:M,highlight:Z,resultDynamicRefs:ce},e.createElement("form",q({role:"search",ref:re,className:u(fn,w),onSubmit:function(e){e.preventDefault(),null==A||A(e),he&&(ee(),me(""))}},T),e.createElement("div",{ref:ae,role:"searchbox",tabIndex:-1,onMouseDown:function(e){L&&e.preventDefault()},onClick:function(e){!function(e){L?(e.preventDefault(),e.stopPropagation()):ne()}(e)},onFocus:function(e){var n,r=e.target,t=r===ie.current?ie.current:null!==(n=le.current)&&void 0!==n?n:r;t.focus(),de(t)},onKeyDown:function(e){var n,r,t=null===(n=oe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=ae.current)||void 0===r?void 0:r.contains(document.activeElement))||t)switch(e.keyCode){case j.Enter:var a;null==fe||null===(a=fe.current)||void 0===a||a.click();break;case j.Escape:var o;ee(),null===(o=le.current)||void 0===o||o.focus();break;case j.ArrowDown:var l;if(he)null===(l=le.current)||void 0===l||l.focus(),ne(),e.preventDefault(),we("next");break;case j.ArrowUp:var i;if(he)null===(i=le.current)||void 0===i||i.focus(),ne(),e.preventDefault(),we("prev");break;case j.Tab:J&&ee();break;default:he&&ne()}},className:u(hn,pn[C],gn[W],(c={},$(c,mn[W],se===le.current),$(c,yn[W],L),$(c,bn[W],!L),c)),"aria-label":U,"aria-labelledby":G},e.createElement(m,{className:u(xn[W],wn[C],$({},En[W],L)),role:"presentation"}),e.createElement("input",{type:"search",className:u(vn,kn[W]),value:ge,onChange:function(e){null==be||be(e)},placeholder:d,ref:le,readOnly:L,"aria-disabled":L}),ge&&e.createElement(v,{ref:ie,type:"button","aria-label":"Clear search",onClick:function(e){var n;e.stopPropagation(),me(""),null==le||null===(n=le.current)||void 0===n||n.focus()},className:zn[C],tabIndex:L?-1:0,disabled:L},e.createElement(y,null))),he&&e.createElement(Oe,{open:J,refEl:ae,ref:oe},ke))))}));Rn.displayName="SearchInput";var In,An,Un,Gn,Tn=D("search-result-title"),Hn=D("search-result-description"),Wn=c(On||(On=J(["\n  display: block;\n  font-family: ",";\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n\n  & ."," {\n    font-weight: ",";\n  }\n"])),I.default,z.body1.fontSize,L[3],L[1],L[3],Tn,A.bold),Fn=($(Dn={},w.Light,c(Sn||(Sn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.black,Hn,G.gray.dark1)),$(Dn,w.Dark,c(jn||(jn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.light2,Hn,G.gray.light1)),Dn),Kn=($(Ln={},w.Light,c(Nn||(Nn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.light1,Hn,G.gray.light1)),$(Ln,w.Dark,c(Cn||(Cn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.dark1,Hn,G.gray.dark1)),Ln),Xn=c(Pn||(Pn=J(["\n  max-height: ","px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])),3*L[3]),$n=["as","children","description","disabled","className","darkMode"],qn=W((function(n,r){var t,a=n.as,o=void 0===a?"li":a,l=n.children,i=n.description,c=n.disabled,s=n.className,d=n.darkMode,f=B(n,$n),h=x(d).theme,p=S(l),g=null!==(t=f["aria-label"])&&void 0!==t?t:f["aria-labelledby"]?"":p;return e.createElement(U,q({},f,{as:o,ref:r,className:u(Wn,Fn[h],$({},Kn[h],c),s),disabled:c,"aria-labelledby":f["aria-labelledby"],"aria-label":g}),e.createElement("div",{className:Tn},l),i&&e.createElement("div",{className:u(Hn,Xn)},i))}),"SearchResult");qn.displayName="SearchResult";var Bn=c(In||(In=J(["\n  padding-top: 12px;\n  padding-bottom: 0;\n"]))),Jn=($(Gn={},w.Light,c(An||(An=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(Gn,w.Dark,c(Un||(Un=J(["\n    color: ",";\n  "])),G.gray.base)),Gn),Qn=["children","label"],Vn=function(n){var r=n.children,t=n.label,a=B(n,Qn),o=N(r,["SearchResult","SearchResultGroup"]),l=x().theme;return e.createElement("div",null,e.createElement(U,q({"aria-label":t,isInteractive:!1,className:Bn},a),e.createElement(F,{className:Jn[l]},t)),o)};Vn.displayName="SearchResultGroup";export{Rn as SearchInput,qn as SearchResult,Vn as SearchResultGroup,sn as Size,un as State};
+import e,{useContext as n,createContext as r,useMemo as t,useState as a,useRef as o,useCallback as l}from"react";import i from"lodash/isUndefined";import{css as c,cx as u,keyframes as s}from"@leafygreen-ui/emotion";import{useAvailableSpace as d,useForwardedRef as f,useDynamicRefs as h,useControlledValue as p,useAutoScroll as g,useBackdropClick as b}from"@leafygreen-ui/hooks";import m from"@leafygreen-ui/icon/dist/MagnifyingGlass";import y from"@leafygreen-ui/icon/dist/XWithCircle";import v from"@leafygreen-ui/icon-button";import k,{useDarkMode as x}from"@leafygreen-ui/leafygreen-provider";import{Theme as w,createSyntheticEvent as E,isComponentType as O,getNodeTextContent as S,keyMap as j,createUniqueClassName as D,validateChildren as N}from"@leafygreen-ui/lib";import C from"@leafygreen-ui/popover";import{spacing as L,transitionDuration as P,typeScales as z,hoverRing as M,focusRing as R,fontFamilies as I,fontWeights as A}from"@leafygreen-ui/tokens";import{InputOption as U}from"@leafygreen-ui/input-option";import{palette as G}from"@leafygreen-ui/palette";import T from"@leafygreen-ui/icon/dist/Refresh";import{transparentize as H}from"polished";import{InferredPolymorphic as W}from"@leafygreen-ui/polymorphic";import{Overline as F}from"@leafygreen-ui/typography";function K(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function X(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?K(Object(r),!0).forEach((function(n){$(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):K(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function $(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},q.apply(this,arguments)}function B(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function J(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,l,i=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return V(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return V(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var Y,Z,_,ee,ne=["children"],re=r({});function te(n){var r=n.children,t=B(n,ne);return e.createElement(re.Provider,{value:t},r)}var ae,oe,le,ie,ce,ue,se,de,fe,he,pe=c(Y||(Y=J(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  font-style: italic;\n  font-weight: 300;\n  padding-block: ","px;\n"])),L[2],L[1]),ge=($(ee={},w.Light,c(Z||(Z=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(ee,w.Dark,c(_||(_=J(["\n    color: ",";\n  "])),G.gray.light1)),ee),be=function(){var n=x().theme;return e.createElement(U,{"aria-label":"No results found",isInteractive:!1,className:u(pe,ge[n])},e.createElement("span",null,"No results found"))},me=c(ae||(ae=J(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  padding-block: ","px;\n"])),L[2],L[1]),ye=s(oe||(oe=J(["\n  from {\n    transform: rotate(0deg);\n  } \n  to {\n    transform: rotate(360deg);\n  }\n"]))),ve=c(le||(le=J(["\n  height: 16px;\n  width: 16px;\n  animation: "," 1.5s linear infinite;\n"])),ye),ke=function(){var n=x().darkMode;return e.createElement(U,{"data-testid":"lg-search-input-loading-option","aria-label":"Loading results",isInteractive:!1,className:me},e.createElement(T,{color:n?G.blue.light1:G.blue.base,className:ve}),e.createElement("span",null,"Loading results"))},xe=c(ie||(ie=J(["\n  box-shadow: 0px 4px 7px ",";\n  padding: 12px 0;\n  border-radius: 12px;\n"])),H(.75,"#000000")),we=($(se={},w.Light,c(ce||(ce=J(["\n    background-color: ",";\n  "])),G.white)),$(se,w.Dark,c(ue||(ue=J(["\n    background-color: ",";\n  "])),G.gray.dark3)),se),Ee=c(de||(de=J(["\n  padding: 0;\n  margin: 0;\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"]))),Oe=e.forwardRef((function(r,a){var o=r.children,l=r.open,s=void 0!==l&&l,f=r.refEl,h=x().theme,p=n(re).state,g=t((function(){var e,n;return null!==(e=null===(n=f.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0}),[f,s]),b=d(f),m=i(b)?"unset":"".concat(Math.min(b,256),"px");return e.createElement(C,{"data-testid":"lg-search-input-popover",spacing:L[2],active:s,align:"bottom",justify:"start",className:u(xe,we[h],c(fe||(fe=J(["\n          width: ","px;\n          min-width: ","px;\n        "])),g,g)),refEl:f},"loading"===p?e.createElement(ke,null):e.createElement("ul",{role:"listbox","aria-live":"polite","aria-relevant":"additions removals","aria-expanded":s,ref:a,className:u(Ee,c(he||(he=J(["\n              max-height: ",";\n            "])),m))},e.Children.count(o)?o:e.createElement(be,null)))}));Oe.displayName="SearchResultsMenu";var Se,je,De,Ne,Ce,Le,Pe,ze,Me,Re,Ie,Ae,Ue,Ge,Te,He,We,Fe,Ke,Xe,$e,qe,Be,Je,Qe,Ve,Ye,Ze,_e,en,nn,rn,tn,an,on,ln,cn,un={Unset:"unset",Loading:"loading"},sn={Small:"small",Default:"default",Large:"large"},dn=function(e){return"0 0 0 100px ".concat(e," inset")},fn=c(Se||(Se=J(["\n  outline: none;\n"]))),hn=c(je||(je=J(["\n  position: relative;\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-items: center;\n  border: 1px solid;\n  border-radius: 6px;\n  z-index: 0;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n"])),P.default),pn=($(Le={},sn.Small,c(De||(De=J(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 28px;\n    grid-template-columns: 28px 1fr;\n    grid-auto-columns: 28px;\n  "])),z.body1.fontSize,z.body1.lineHeight)),$(Le,sn.Default,c(Ne||(Ne=J(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 36px;\n    grid-template-columns: 36px 1fr;\n    grid-auto-columns: 36px;\n  "])),z.body1.fontSize,z.body1.lineHeight)),$(Le,sn.Large,c(Ce||(Ce=J(["\n    font-size: 18px;\n    line-height: 32px;\n    height: 48px;\n    grid-template-columns: 48px 1fr;\n    grid-auto-columns: 48px;\n  "])))),Le),gn=($(Me={},w.Light,c(Pe||(Pe=J(["\n    color: ",";\n    background: ",";\n    border-color: ",";\n  "])),G.black,G.white,G.gray.base)),$(Me,w.Dark,c(ze||(ze=J(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.light2,G.gray.dark4,G.gray.base)),Me),bn=($(Ae={},w.Light,c(Re||(Re=J(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),M.light.gray)),$(Ae,w.Dark,c(Ie||(Ie=J(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),M.dark.gray)),Ae),mn=($(Te={},w.Light,c(Ue||(Ue=J(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),R.light.input,G.white)),$(Te,w.Dark,c(Ge||(Ge=J(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),R.dark.input,G.gray.dark4)),Te),yn=($(Fe={},w.Light,c(He||(He=J(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.base,G.gray.light2,G.gray.light1)),$(Fe,w.Dark,c(We||(We=J(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),G.gray.dark2,G.gray.dark3,G.gray.dark2)),Fe),vn=c(Ke||(Ke=J(["\n  font-size: inherit;\n  line-height: inherit;\n  color: inherit;\n  background-color: inherit;\n  font-family: ",";\n  width: 100%;\n  height: 1.5em;\n  font-weight: ",";\n  z-index: 1;\n  outline: none;\n  border: none;\n  padding: 0;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    font-size: inherit;\n    line-height: inherit;\n  }\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n"])),I.default,A.regular),kn=($(qe={},w.Light,c(Xe||(Xe=J(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: inherit;\n\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),dn(G.white),dn(G.white),R.light.input,dn(G.white),M.light.gray,G.gray.base,A.regular,G.gray.base,G.gray.base,G.gray.base,dn(G.gray.light2))),$(qe,w.Dark,c($e||($e=J(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: ",";\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n          border-color: ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),G.gray.light3,dn(G.gray.dark4),dn(G.gray.dark4),R.dark.input,G.blue.light1,dn(G.gray.dark4),M.dark.gray,G.gray.base,A.regular,G.gray.dark1,G.gray.dark1,G.gray.dark1,dn(G.gray.dark2))),qe),xn=($(Qe={},w.Light,c(Be||(Be=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(Qe,w.Dark,c(Je||(Je=J(["\n    color: ",";\n  "])),G.gray.light1)),Qe),wn=($(_e={},sn.Small,c(Ve||(Ve=J(["\n    left: 10px;\n  "])))),$(_e,sn.Default,c(Ye||(Ye=J(["\n    left: 12px;\n  "])))),$(_e,sn.Large,c(Ze||(Ze=J(["\n    left: 16px;\n  "])))),_e),En=($(rn={},w.Light,c(en||(en=J(["\n    color: ",";\n  "])),G.gray.base)),$(rn,w.Dark,c(nn||(nn=J(["\n    color: ",";\n  "])),G.gray.dark1)),rn);c(tn||(tn=J([""])));var On,Sn,jn,Dn,Nn,Cn,Ln,Pn,zn=($(cn={},sn.Small,c(an||(an=J(["\n    height: 26px;\n    width: 26px;\n  "])))),$(cn,sn.Default,c(on||(on=J(["\n    height: 28px;\n    width: 28px;\n  "])))),$(cn,sn.Large,c(ln||(ln=J(["\n    height: 28px;\n    width: 28px;\n  "])))),cn),Mn=["placeholder","className","darkMode","size","disabled","children","state","value","onChange","onSubmit","aria-label","aria-labelledby"],Rn=e.forwardRef((function(n,r){var c,s=n.placeholder,d=void 0===s?"Search":s,w=n.className,D=n.darkMode,N=n.size,C=void 0===N?sn.Default:N,L=n.disabled,P=n.children,z=n.state,M=void 0===z?un.Unset:z,R=n.value,I=n.onChange,A=n.onSubmit,U=n["aria-label"],G=n["aria-labelledby"],T=B(n,Mn),H=x(D),W=H.theme,F=H.darkMode,K=Q(a(!1),2),J=K[0],V=K[1],Y=Q(a(0),2),Z=Y[0],_=Y[1],ee=function(){return V(!1)},ne=function(){return V(!0)},re=o(null),ae=o(null),oe=o(null),le=f(r,null),ie=o(null),ce=h({prefix:"result"}),ue=Q(a(),2),se=ue[0],de=ue[1],fe=ce("".concat(Z)),he=!i(P),pe=p(R,I),ge=pe.value,be=pe.handleChange,me=l((function(e){le.current&&(le.current.value=e,be(E(new Event("change",{cancelable:!0,bubbles:!0}),le.current)))}),[be,le]),ye=l((function(){var n=0,r=e.Children.map(P,(function r(t){if(O(t,"SearchResult")){var a,o=(n+=1)-1,l=S(t);return e.cloneElement(t,X(X({},t.props),{},{id:"result-".concat(o),key:"result-".concat(o),ref:null!==(a=t.props.ref)&&void 0!==a?a:null==ce?void 0:ce("".concat(o)),highlighted:o===Z,onClick:function(e){var n,r;if(null===(n=(r=t.props).onClick)||void 0===n||n.call(r,e),me(l),e.detail>=1&&re.current&&le.current){var a,o=new Event("submit",{cancelable:!0,bubbles:!0});null===(a=re.current)||void 0===a||a.dispatchEvent(o)}}}))}if(O(t,"SearchResultGroup")){var i=e.Children.map(t.props.children,r);if(i&&i.length>0)return e.cloneElement(t,X(X({},t.props),{},{children:i}))}}));return{resultsCount:n,updatedChildren:r}}),[P,Z,le,ce,me]),ve=t((function(){return ye()}),[ye]),ke=ve.updatedChildren,xe=ve.resultsCount,we=function(e){switch(e){case"first":_(0);break;case"last":_(xe);break;case"next":var n=!i(Z)&&Z+1<xe?Z+1:0;_(n);break;case"prev":var r=!i(Z)&&Z-1>=0?Z-1:xe-1;_(r)}};return g(fe,oe,12),b((function(){ee()}),[ae,oe],J&&he),e.createElement(k,{darkMode:F},e.createElement(te,{state:M,highlight:Z,resultDynamicRefs:ce},e.createElement("form",q({role:"search",ref:re,className:u(fn,w),onSubmit:function(e){e.preventDefault(),null==A||A(e),he&&(ee(),me(""))}},T),e.createElement("div",{ref:ae,role:"searchbox",tabIndex:-1,onMouseDown:function(e){L&&e.preventDefault()},onClick:function(e){!function(e){L?(e.preventDefault(),e.stopPropagation()):ne()}(e)},onFocus:function(e){var n,r=e.target,t=r===ie.current?ie.current:null!==(n=le.current)&&void 0!==n?n:r;t.focus(),de(t)},onKeyDown:function(e){var n,r,t=null===(n=oe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=ae.current)||void 0===r?void 0:r.contains(document.activeElement))||t)switch(e.keyCode){case j.Enter:var a;null==fe||null===(a=fe.current)||void 0===a||a.click();break;case j.Escape:var o;ee(),null===(o=le.current)||void 0===o||o.focus();break;case j.ArrowDown:var l;if(he)null===(l=le.current)||void 0===l||l.focus(),ne(),e.preventDefault(),we("next");break;case j.ArrowUp:var i;if(he)null===(i=le.current)||void 0===i||i.focus(),ne(),e.preventDefault(),we("prev");break;case j.Tab:J&&ee();break;default:he&&ne()}},className:u(hn,pn[C],gn[W],(c={},$(c,mn[W],se===le.current),$(c,yn[W],L),$(c,bn[W],!L),c)),"aria-label":U,"aria-labelledby":G},e.createElement(m,{className:u(xn[W],wn[C],$({},En[W],L)),role:"presentation"}),e.createElement("input",{type:"search",className:u(vn,kn[W]),value:ge,onChange:function(e){null==be||be(e)},placeholder:d,ref:le,readOnly:L,"aria-disabled":L}),ge&&e.createElement(v,{ref:ie,type:"button","aria-label":"Clear search",onClick:function(e){var n;e.stopPropagation(),me(""),null==le||null===(n=le.current)||void 0===n||n.focus()},className:zn[C],tabIndex:L?-1:0,disabled:L},e.createElement(y,null))),he&&e.createElement(Oe,{open:J,refEl:ae,ref:oe},ke))))}));Rn.displayName="SearchInput";var In,An,Un,Gn,Tn=D("search-result-title"),Hn=D("search-result-description"),Wn=c(On||(On=J(["\n  display: block;\n  font-family: ",";\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n\n  & ."," {\n    font-weight: ",";\n  }\n"])),I.default,z.body1.fontSize,L[3],L[1],L[3],Tn,A.bold),Fn=($(Dn={},w.Light,c(Sn||(Sn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.black,Hn,G.gray.dark1)),$(Dn,w.Dark,c(jn||(jn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.light2,Hn,G.gray.light1)),Dn),Kn=($(Ln={},w.Light,c(Nn||(Nn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.light1,Hn,G.gray.light1)),$(Ln,w.Dark,c(Cn||(Cn=J(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Tn,G.gray.dark1,Hn,G.gray.dark1)),Ln),Xn=c(Pn||(Pn=J(["\n  max-height: ","px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])),3*L[3]),$n=["as","children","description","disabled","className","darkMode"],qn=W((function(n,r){var t,a=n.as,o=void 0===a?"li":a,l=n.children,i=n.description,c=n.disabled,s=n.className,d=n.darkMode,f=B(n,$n),h=x(d).theme,p=S(l),g=null!==(t=f["aria-label"])&&void 0!==t?t:f["aria-labelledby"]?"":p;return e.createElement(U,q({},f,{as:o,ref:r,className:u(Wn,Fn[h],$({},Kn[h],c),s),disabled:c,"aria-labelledby":f["aria-labelledby"],"aria-label":g}),e.createElement("div",{className:Tn},l),i&&e.createElement("div",{className:u(Hn,Xn)},i))}),"SearchResult");qn.displayName="SearchResult";var Bn=c(In||(In=J(["\n  padding-top: 12px;\n  padding-bottom: 0;\n"]))),Jn=($(Gn={},w.Light,c(An||(An=J(["\n    color: ",";\n  "])),G.gray.dark1)),$(Gn,w.Dark,c(Un||(Un=J(["\n    color: ",";\n  "])),G.gray.base)),Gn),Qn=["children","label"],Vn=function(n){var r=n.children,t=n.label,a=B(n,Qn),o=N(r,["SearchResult","SearchResultGroup"]),l=x().theme;return e.createElement("div",null,e.createElement(U,q({"aria-label":t,isInteractive:!1,className:Bn},a),e.createElement(F,{className:Jn[l]},t)),o)};Vn.displayName="SearchResultGroup";export{Rn as SearchInput,qn as SearchResult,Vn as SearchResultGroup,Oe as SearchResultsMenu,sn as Size,un as State};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

 export { SearchInput, type SearchInputProps, Size, State } from './SearchInput';
 export { SearchResult, type SearchResultProps } from './SearchResult';
 export { SearchResultGroup, type SearchResultGroupProps, } from './SearchResultGroup';
+export { SearchResultsMenu, type SearchResultsMenuProps, } from './SearchResultsMenu';
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/isUndefined"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/MagnifyingGlass"),require("@leafygreen-ui/icon/dist/XWithCircle"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/input-option"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/icon/dist/Refresh"),require("polished"),require("@leafygreen-ui/polymorphic"),require("@leafygreen-ui/typography")):"function"==typeof define&&define.amd?define(["exports","react","lodash/isUndefined","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/MagnifyingGlass","@leafygreen-ui/icon/dist/XWithCircle","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/popover","@leafygreen-ui/tokens","@leafygreen-ui/input-option","@leafygreen-ui/palette","@leafygreen-ui/icon/dist/Refresh","polished","@leafygreen-ui/polymorphic","@leafygreen-ui/typography"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/search-input"]={},e.React,e["/isUndefined"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.MagnifyingGlass,e.XWithCircle,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/input-option"],e["@leafygreen-ui/palette"],e.Refresh,e.polished,e["@leafygreen-ui/polymorphic"],e["@leafygreen-ui/typography"])}(this,(function(e,n,t,r,a,l,i,o,s,c,u,d,f,p,h,g,b,y){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=m(n),k=m(t),x=m(l),w=m(i),S=m(o),E=m(s),O=m(u),D=m(h);function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){T(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function T(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},R.apply(this,arguments)}function N(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function M(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,i,o=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=l.call(t)).done)&&(o.push(r.value),o.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return L(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return L(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var P,z,I,A,U=["children"],W=n.createContext({});function G(e){var n=e.children,t=N(e,U);return v.default.createElement(W.Provider,{value:t},n)}var F,X,H,B,K,V,$,J,Q,Y,Z=r.css(P||(P=M(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  font-style: italic;\n  font-weight: 300;\n  padding-block: ","px;\n"])),d.spacing[2],d.spacing[1]),_=(T(A={},c.Theme.Light,r.css(z||(z=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(A,c.Theme.Dark,r.css(I||(I=M(["\n    color: ",";\n  "])),p.palette.gray.light1)),A),ee=function(){var e=s.useDarkMode().theme;return v.default.createElement(f.InputOption,{"aria-label":"No results found",isInteractive:!1,className:r.cx(Z,_[e])},v.default.createElement("span",null,"No results found"))},ne=r.css(F||(F=M(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  padding-block: ","px;\n"])),d.spacing[2],d.spacing[1]),te=r.keyframes(X||(X=M(["\n  from {\n    transform: rotate(0deg);\n  } \n  to {\n    transform: rotate(360deg);\n  }\n"]))),re=r.css(H||(H=M(["\n  height: 16px;\n  width: 16px;\n  animation: "," 1.5s linear infinite;\n"])),te),ae=function(){var e=s.useDarkMode().darkMode;return v.default.createElement(f.InputOption,{"data-testid":"lg-search-input-loading-option","aria-label":"Loading results",isInteractive:!1,className:ne},v.default.createElement(D.default,{color:e?p.palette.blue.light1:p.palette.blue.base,className:re}),v.default.createElement("span",null,"Loading results"))},le=r.css(B||(B=M(["\n  box-shadow: 0px 4px 7px ",";\n  padding: 12px 0;\n  border-radius: 12px;\n"])),g.transparentize(.75,"#000000")),ie=(T($={},c.Theme.Light,r.css(K||(K=M(["\n    background-color: ",";\n  "])),p.palette.white)),T($,c.Theme.Dark,r.css(V||(V=M(["\n    background-color: ",";\n  "])),p.palette.gray.dark3)),$),oe=r.css(J||(J=M(["\n  padding: 0;\n  margin: 0;\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"]))),se=v.default.forwardRef((function(e,t){var l=e.children,i=e.open,o=void 0!==i&&i,c=e.refEl,u=s.useDarkMode().theme,f=n.useContext(W).state,p=n.useMemo((function(){var e,n;return null!==(e=null===(n=c.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0}),[c,o]),h=a.useAvailableSpace(c),g=k.default(h)?"unset":"".concat(Math.min(h,256),"px");return v.default.createElement(O.default,{"data-testid":"lg-search-input-popover",spacing:d.spacing[2],active:o,align:"bottom",justify:"start",className:r.cx(le,ie[u],r.css(Q||(Q=M(["\n          width: ","px;\n          min-width: ","px;\n        "])),p,p)),refEl:c},"loading"===f?v.default.createElement(ae,null):v.default.createElement("ul",{role:"listbox","aria-live":"polite","aria-relevant":"additions removals","aria-expanded":o,ref:t,className:r.cx(oe,r.css(Y||(Y=M(["\n              max-height: ",";\n            "])),g))},v.default.Children.count(l)?l:v.default.createElement(ee,null)))}));se.displayName="SearchResultsMenu";var ce,ue,de,fe,pe,he,ge,be,ye,me,ve,ke,xe,we,Se,Ee,Oe,De,Ce,je,Te,Re,Ne,Me,qe,Le,Pe,ze,Ie,Ae,Ue,We,Ge,Fe,Xe,He,Be,Ke={Unset:"unset",Loading:"loading"},Ve={Small:"small",Default:"default",Large:"large"},$e=function(e){return"0 0 0 100px ".concat(e," inset")},Je=r.css(ce||(ce=M(["\n  outline: none;\n"]))),Qe=r.css(ue||(ue=M(["\n  position: relative;\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-items: center;\n  border: 1px solid;\n  border-radius: 6px;\n  z-index: 0;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n"])),d.transitionDuration.default),Ye=(T(he={},Ve.Small,r.css(de||(de=M(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 28px;\n    grid-template-columns: 28px 1fr;\n    grid-auto-columns: 28px;\n  "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight)),T(he,Ve.Default,r.css(fe||(fe=M(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 36px;\n    grid-template-columns: 36px 1fr;\n    grid-auto-columns: 36px;\n  "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight)),T(he,Ve.Large,r.css(pe||(pe=M(["\n    font-size: 18px;\n    line-height: 32px;\n    height: 48px;\n    grid-template-columns: 48px 1fr;\n    grid-auto-columns: 48px;\n  "])))),he),Ze=(T(ye={},c.Theme.Light,r.css(ge||(ge=M(["\n    color: ",";\n    background: ",";\n    border-color: ",";\n  "])),p.palette.black,p.palette.white,p.palette.gray.base)),T(ye,c.Theme.Dark,r.css(be||(be=M(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.light2,p.palette.gray.dark4,p.palette.gray.base)),ye),_e=(T(ke={},c.Theme.Light,r.css(me||(me=M(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),d.hoverRing.light.gray)),T(ke,c.Theme.Dark,r.css(ve||(ve=M(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),d.hoverRing.dark.gray)),ke),en=(T(Se={},c.Theme.Light,r.css(xe||(xe=M(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.light.input,p.palette.white)),T(Se,c.Theme.Dark,r.css(we||(we=M(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.dark.input,p.palette.gray.dark4)),Se),nn=(T(De={},c.Theme.Light,r.css(Ee||(Ee=M(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.base,p.palette.gray.light2,p.palette.gray.light1)),T(De,c.Theme.Dark,r.css(Oe||(Oe=M(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.dark2,p.palette.gray.dark3,p.palette.gray.dark2)),De),tn=r.css(Ce||(Ce=M(["\n  font-size: inherit;\n  line-height: inherit;\n  color: inherit;\n  background-color: inherit;\n  font-family: ",";\n  width: 100%;\n  height: 1.5em;\n  font-weight: ",";\n  z-index: 1;\n  outline: none;\n  border: none;\n  padding: 0;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    font-size: inherit;\n    line-height: inherit;\n  }\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n"])),d.fontFamilies.default,d.fontWeights.regular),rn=(T(Re={},c.Theme.Light,r.css(je||(je=M(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: inherit;\n\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),$e(p.palette.white),$e(p.palette.white),d.focusRing.light.input,$e(p.palette.white),d.hoverRing.light.gray,p.palette.gray.base,d.fontWeights.regular,p.palette.gray.base,p.palette.gray.base,p.palette.gray.base,$e(p.palette.gray.light2))),T(Re,c.Theme.Dark,r.css(Te||(Te=M(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: ",";\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n          border-color: ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),p.palette.gray.light3,$e(p.palette.gray.dark4),$e(p.palette.gray.dark4),d.focusRing.dark.input,p.palette.blue.light1,$e(p.palette.gray.dark4),d.hoverRing.dark.gray,p.palette.gray.base,d.fontWeights.regular,p.palette.gray.dark1,p.palette.gray.dark1,p.palette.gray.dark1,$e(p.palette.gray.dark2))),Re),an=(T(qe={},c.Theme.Light,r.css(Ne||(Ne=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(qe,c.Theme.Dark,r.css(Me||(Me=M(["\n    color: ",";\n  "])),p.palette.gray.light1)),qe),ln=(T(Ie={},Ve.Small,r.css(Le||(Le=M(["\n    left: 10px;\n  "])))),T(Ie,Ve.Default,r.css(Pe||(Pe=M(["\n    left: 12px;\n  "])))),T(Ie,Ve.Large,r.css(ze||(ze=M(["\n    left: 16px;\n  "])))),Ie),on=(T(We={},c.Theme.Light,r.css(Ae||(Ae=M(["\n    color: ",";\n  "])),p.palette.gray.base)),T(We,c.Theme.Dark,r.css(Ue||(Ue=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),We);r.css(Ge||(Ge=M([""])));var sn,cn,un,dn,fn,pn,hn,gn,bn=(T(Be={},Ve.Small,r.css(Fe||(Fe=M(["\n    height: 26px;\n    width: 26px;\n  "])))),T(Be,Ve.Default,r.css(Xe||(Xe=M(["\n    height: 28px;\n    width: 28px;\n  "])))),T(Be,Ve.Large,r.css(He||(He=M(["\n    height: 28px;\n    width: 28px;\n  "])))),Be),yn=["placeholder","className","darkMode","size","disabled","children","state","value","onChange","onSubmit","aria-label","aria-labelledby"],mn=v.default.forwardRef((function(e,t){var l,i=e.placeholder,o=void 0===i?"Search":i,u=e.className,d=e.darkMode,f=e.size,p=void 0===f?Ve.Default:f,h=e.disabled,g=e.children,b=e.state,y=void 0===b?Ke.Unset:b,m=e.value,O=e.onChange,D=e.onSubmit,C=e["aria-label"],M=e["aria-labelledby"],L=N(e,yn),P=s.useDarkMode(d),z=P.theme,I=P.darkMode,A=q(n.useState(!1),2),U=A[0],W=A[1],F=q(n.useState(0),2),X=F[0],H=F[1],B=function(){return W(!1)},K=function(){return W(!0)},V=n.useRef(null),$=n.useRef(null),J=n.useRef(null),Q=a.useForwardedRef(t,null),Y=n.useRef(null),Z=a.useDynamicRefs({prefix:"result"}),_=q(n.useState(),2),ee=_[0],ne=_[1],te=Z("".concat(X)),re=!k.default(g),ae=a.useControlledValue(m,O),le=ae.value,ie=ae.handleChange,oe=n.useCallback((function(e){Q.current&&(Q.current.value=e,ie(c.createSyntheticEvent(new Event("change",{cancelable:!0,bubbles:!0}),Q.current)))}),[ie,Q]),ce=n.useCallback((function(){var e=0,n=v.default.Children.map(g,(function n(t){if(c.isComponentType(t,"SearchResult")){var r,a=(e+=1)-1,l=c.getNodeTextContent(t);return v.default.cloneElement(t,j(j({},t.props),{},{id:"result-".concat(a),key:"result-".concat(a),ref:null!==(r=t.props.ref)&&void 0!==r?r:null==Z?void 0:Z("".concat(a)),highlighted:a===X,onClick:function(e){var n,r;if(null===(n=(r=t.props).onClick)||void 0===n||n.call(r,e),oe(l),e.detail>=1&&V.current&&Q.current){var a,i=new Event("submit",{cancelable:!0,bubbles:!0});null===(a=V.current)||void 0===a||a.dispatchEvent(i)}}}))}if(c.isComponentType(t,"SearchResultGroup")){var i=v.default.Children.map(t.props.children,n);if(i&&i.length>0)return v.default.cloneElement(t,j(j({},t.props),{},{children:i}))}}));return{resultsCount:e,updatedChildren:n}}),[g,X,Q,Z,oe]),ue=n.useMemo((function(){return ce()}),[ce]),de=ue.updatedChildren,fe=ue.resultsCount,pe=function(e){switch(e){case"first":H(0);break;case"last":H(fe);break;case"next":var n=!k.default(X)&&X+1<fe?X+1:0;H(n);break;case"prev":var t=!k.default(X)&&X-1>=0?X-1:fe-1;H(t)}};return a.useAutoScroll(te,J,12),a.useBackdropClick((function(){B()}),[$,J],U&&re),v.default.createElement(E.default,{darkMode:I},v.default.createElement(G,{state:y,highlight:X,resultDynamicRefs:Z},v.default.createElement("form",R({role:"search",ref:V,className:r.cx(Je,u),onSubmit:function(e){e.preventDefault(),null==D||D(e),re&&(B(),oe(""))}},L),v.default.createElement("div",{ref:$,role:"searchbox",tabIndex:-1,onMouseDown:function(e){h&&e.preventDefault()},onClick:function(e){!function(e){h?(e.preventDefault(),e.stopPropagation()):K()}(e)},onFocus:function(e){var n,t=e.target,r=t===Y.current?Y.current:null!==(n=Q.current)&&void 0!==n?n:t;r.focus(),ne(r)},onKeyDown:function(e){var n,t,r=null===(n=J.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=$.current)||void 0===t?void 0:t.contains(document.activeElement))||r)switch(e.keyCode){case c.keyMap.Enter:var a;null==te||null===(a=te.current)||void 0===a||a.click();break;case c.keyMap.Escape:var l;B(),null===(l=Q.current)||void 0===l||l.focus();break;case c.keyMap.ArrowDown:var i;if(re)null===(i=Q.current)||void 0===i||i.focus(),K(),e.preventDefault(),pe("next");break;case c.keyMap.ArrowUp:var o;if(re)null===(o=Q.current)||void 0===o||o.focus(),K(),e.preventDefault(),pe("prev");break;case c.keyMap.Tab:U&&B();break;default:re&&K()}},className:r.cx(Qe,Ye[p],Ze[z],(l={},T(l,en[z],ee===Q.current),T(l,nn[z],h),T(l,_e[z],!h),l)),"aria-label":C,"aria-labelledby":M},v.default.createElement(x.default,{className:r.cx(an[z],ln[p],T({},on[z],h)),role:"presentation"}),v.default.createElement("input",{type:"search",className:r.cx(tn,rn[z]),value:le,onChange:function(e){null==ie||ie(e)},placeholder:o,ref:Q,readOnly:h,"aria-disabled":h}),le&&v.default.createElement(S.default,{ref:Y,type:"button","aria-label":"Clear search",onClick:function(e){var n;e.stopPropagation(),oe(""),null==Q||null===(n=Q.current)||void 0===n||n.focus()},className:bn[p],tabIndex:h?-1:0,disabled:h},v.default.createElement(w.default,null))),re&&v.default.createElement(se,{open:U,refEl:$,ref:J},de))))}));mn.displayName="SearchInput";var vn,kn,xn,wn,Sn=c.createUniqueClassName("search-result-title"),En=c.createUniqueClassName("search-result-description"),On=r.css(sn||(sn=M(["\n  display: block;\n  font-family: ",";\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n\n  & ."," {\n    font-weight: ",";\n  }\n"])),d.fontFamilies.default,d.typeScales.body1.fontSize,d.spacing[3],d.spacing[1],d.spacing[3],Sn,d.fontWeights.bold),Dn=(T(dn={},c.Theme.Light,r.css(cn||(cn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.black,En,p.palette.gray.dark1)),T(dn,c.Theme.Dark,r.css(un||(un=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.light2,En,p.palette.gray.light1)),dn),Cn=(T(hn={},c.Theme.Light,r.css(fn||(fn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.light1,En,p.palette.gray.light1)),T(hn,c.Theme.Dark,r.css(pn||(pn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.dark1,En,p.palette.gray.dark1)),hn),jn=r.css(gn||(gn=M(["\n  max-height: ","px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])),3*d.spacing[3]),Tn=["as","children","description","disabled","className","darkMode"],Rn=b.InferredPolymorphic((function(e,n){var t,a=e.as,l=void 0===a?"li":a,i=e.children,o=e.description,u=e.disabled,d=e.className,p=e.darkMode,h=N(e,Tn),g=s.useDarkMode(p).theme,b=c.getNodeTextContent(i),y=null!==(t=h["aria-label"])&&void 0!==t?t:h["aria-labelledby"]?"":b;return v.default.createElement(f.InputOption,R({},h,{as:l,ref:n,className:r.cx(On,Dn[g],T({},Cn[g],u),d),disabled:u,"aria-labelledby":h["aria-labelledby"],"aria-label":y}),v.default.createElement("div",{className:Sn},i),o&&v.default.createElement("div",{className:r.cx(En,jn)},o))}),"SearchResult");Rn.displayName="SearchResult";var Nn=r.css(vn||(vn=M(["\n  padding-top: 12px;\n  padding-bottom: 0;\n"]))),Mn=(T(wn={},c.Theme.Light,r.css(kn||(kn=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(wn,c.Theme.Dark,r.css(xn||(xn=M(["\n    color: ",";\n  "])),p.palette.gray.base)),wn),qn=["children","label"],Ln=function(e){var n=e.children,t=e.label,r=N(e,qn),a=c.validateChildren(n,["SearchResult","SearchResultGroup"]),l=s.useDarkMode().theme;return v.default.createElement("div",null,v.default.createElement(f.InputOption,R({"aria-label":t,isInteractive:!1,className:Nn},r),v.default.createElement(y.Overline,{className:Mn[l]},t)),a)};Ln.displayName="SearchResultGroup",e.SearchInput=mn,e.SearchResult=Rn,e.SearchResultGroup=Ln,e.Size=Ve,e.State=Ke}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/isUndefined"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/MagnifyingGlass"),require("@leafygreen-ui/icon/dist/XWithCircle"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/input-option"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/icon/dist/Refresh"),require("polished"),require("@leafygreen-ui/polymorphic"),require("@leafygreen-ui/typography")):"function"==typeof define&&define.amd?define(["exports","react","lodash/isUndefined","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/MagnifyingGlass","@leafygreen-ui/icon/dist/XWithCircle","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/popover","@leafygreen-ui/tokens","@leafygreen-ui/input-option","@leafygreen-ui/palette","@leafygreen-ui/icon/dist/Refresh","polished","@leafygreen-ui/polymorphic","@leafygreen-ui/typography"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/search-input"]={},e.React,e["/isUndefined"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.MagnifyingGlass,e.XWithCircle,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/input-option"],e["@leafygreen-ui/palette"],e.Refresh,e.polished,e["@leafygreen-ui/polymorphic"],e["@leafygreen-ui/typography"])}(this,(function(e,n,t,r,a,l,i,o,s,c,u,d,f,p,h,g,b,y){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=m(n),k=m(t),x=m(l),w=m(i),S=m(o),E=m(s),O=m(u),D=m(h);function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){T(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function T(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},R.apply(this,arguments)}function N(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function M(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,i,o=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=l.call(t)).done)&&(o.push(r.value),o.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return L(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return L(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var P,z,I,A,U=["children"],W=n.createContext({});function G(e){var n=e.children,t=N(e,U);return v.default.createElement(W.Provider,{value:t},n)}var F,X,H,B,K,V,$,J,Q,Y,Z=r.css(P||(P=M(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  font-style: italic;\n  font-weight: 300;\n  padding-block: ","px;\n"])),d.spacing[2],d.spacing[1]),_=(T(A={},c.Theme.Light,r.css(z||(z=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(A,c.Theme.Dark,r.css(I||(I=M(["\n    color: ",";\n  "])),p.palette.gray.light1)),A),ee=function(){var e=s.useDarkMode().theme;return v.default.createElement(f.InputOption,{"aria-label":"No results found",isInteractive:!1,className:r.cx(Z,_[e])},v.default.createElement("span",null,"No results found"))},ne=r.css(F||(F=M(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  padding-block: ","px;\n"])),d.spacing[2],d.spacing[1]),te=r.keyframes(X||(X=M(["\n  from {\n    transform: rotate(0deg);\n  } \n  to {\n    transform: rotate(360deg);\n  }\n"]))),re=r.css(H||(H=M(["\n  height: 16px;\n  width: 16px;\n  animation: "," 1.5s linear infinite;\n"])),te),ae=function(){var e=s.useDarkMode().darkMode;return v.default.createElement(f.InputOption,{"data-testid":"lg-search-input-loading-option","aria-label":"Loading results",isInteractive:!1,className:ne},v.default.createElement(D.default,{color:e?p.palette.blue.light1:p.palette.blue.base,className:re}),v.default.createElement("span",null,"Loading results"))},le=r.css(B||(B=M(["\n  box-shadow: 0px 4px 7px ",";\n  padding: 12px 0;\n  border-radius: 12px;\n"])),g.transparentize(.75,"#000000")),ie=(T($={},c.Theme.Light,r.css(K||(K=M(["\n    background-color: ",";\n  "])),p.palette.white)),T($,c.Theme.Dark,r.css(V||(V=M(["\n    background-color: ",";\n  "])),p.palette.gray.dark3)),$),oe=r.css(J||(J=M(["\n  padding: 0;\n  margin: 0;\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"]))),se=v.default.forwardRef((function(e,t){var l=e.children,i=e.open,o=void 0!==i&&i,c=e.refEl,u=s.useDarkMode().theme,f=n.useContext(W).state,p=n.useMemo((function(){var e,n;return null!==(e=null===(n=c.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0}),[c,o]),h=a.useAvailableSpace(c),g=k.default(h)?"unset":"".concat(Math.min(h,256),"px");return v.default.createElement(O.default,{"data-testid":"lg-search-input-popover",spacing:d.spacing[2],active:o,align:"bottom",justify:"start",className:r.cx(le,ie[u],r.css(Q||(Q=M(["\n          width: ","px;\n          min-width: ","px;\n        "])),p,p)),refEl:c},"loading"===f?v.default.createElement(ae,null):v.default.createElement("ul",{role:"listbox","aria-live":"polite","aria-relevant":"additions removals","aria-expanded":o,ref:t,className:r.cx(oe,r.css(Y||(Y=M(["\n              max-height: ",";\n            "])),g))},v.default.Children.count(l)?l:v.default.createElement(ee,null)))}));se.displayName="SearchResultsMenu";var ce,ue,de,fe,pe,he,ge,be,ye,me,ve,ke,xe,we,Se,Ee,Oe,De,Ce,je,Te,Re,Ne,Me,qe,Le,Pe,ze,Ie,Ae,Ue,We,Ge,Fe,Xe,He,Be,Ke={Unset:"unset",Loading:"loading"},Ve={Small:"small",Default:"default",Large:"large"},$e=function(e){return"0 0 0 100px ".concat(e," inset")},Je=r.css(ce||(ce=M(["\n  outline: none;\n"]))),Qe=r.css(ue||(ue=M(["\n  position: relative;\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-items: center;\n  border: 1px solid;\n  border-radius: 6px;\n  z-index: 0;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n"])),d.transitionDuration.default),Ye=(T(he={},Ve.Small,r.css(de||(de=M(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 28px;\n    grid-template-columns: 28px 1fr;\n    grid-auto-columns: 28px;\n  "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight)),T(he,Ve.Default,r.css(fe||(fe=M(["\n    font-size: ","px;\n    line-height: ","px;\n    height: 36px;\n    grid-template-columns: 36px 1fr;\n    grid-auto-columns: 36px;\n  "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight)),T(he,Ve.Large,r.css(pe||(pe=M(["\n    font-size: 18px;\n    line-height: 32px;\n    height: 48px;\n    grid-template-columns: 48px 1fr;\n    grid-auto-columns: 48px;\n  "])))),he),Ze=(T(ye={},c.Theme.Light,r.css(ge||(ge=M(["\n    color: ",";\n    background: ",";\n    border-color: ",";\n  "])),p.palette.black,p.palette.white,p.palette.gray.base)),T(ye,c.Theme.Dark,r.css(be||(be=M(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.light2,p.palette.gray.dark4,p.palette.gray.base)),ye),_e=(T(ke={},c.Theme.Light,r.css(me||(me=M(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),d.hoverRing.light.gray)),T(ke,c.Theme.Dark,r.css(ve||(ve=M(["\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus-within) {\n        box-shadow: ",";\n      }\n    }\n  "])),d.hoverRing.dark.gray)),ke),en=(T(Se={},c.Theme.Light,r.css(xe||(xe=M(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.light.input,p.palette.white)),T(Se,c.Theme.Dark,r.css(we||(we=M(["\n    &:not(:disabled):focus-within {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.dark.input,p.palette.gray.dark4)),Se),nn=(T(De={},c.Theme.Light,r.css(Ee||(Ee=M(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.base,p.palette.gray.light2,p.palette.gray.light1)),T(De,c.Theme.Dark,r.css(Oe||(Oe=M(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),p.palette.gray.dark2,p.palette.gray.dark3,p.palette.gray.dark2)),De),tn=r.css(Ce||(Ce=M(["\n  font-size: inherit;\n  line-height: inherit;\n  color: inherit;\n  background-color: inherit;\n  font-family: ",";\n  width: 100%;\n  height: 1.5em;\n  font-weight: ",";\n  z-index: 1;\n  outline: none;\n  border: none;\n  padding: 0;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    font-size: inherit;\n    line-height: inherit;\n  }\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n"])),d.fontFamilies.default,d.fontWeights.regular),rn=(T(Re={},c.Theme.Light,r.css(je||(je=M(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: inherit;\n\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),$e(p.palette.white),$e(p.palette.white),d.focusRing.light.input,$e(p.palette.white),d.hoverRing.light.gray,p.palette.gray.base,d.fontWeights.regular,p.palette.gray.base,p.palette.gray.base,p.palette.gray.base,$e(p.palette.gray.light2))),T(Re,c.Theme.Dark,r.css(Te||(Te=M(["\n    &:-webkit-autofill {\n      color: inherit;\n      background: transparent;\n      border: none;\n      -webkit-text-fill-color: ",";\n      &[aria-disabled='false'] {\n        box-shadow: ",";\n\n        &:focus {\n          box-shadow: ",",\n            ",";\n          border-color: ",";\n        }\n\n        &:hover:not(:focus) {\n          box-shadow: ",",\n            ",";\n        }\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &[aria-disabled='true'] {\n      &::placeholder {\n        color: ",";\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),p.palette.gray.light3,$e(p.palette.gray.dark4),$e(p.palette.gray.dark4),d.focusRing.dark.input,p.palette.blue.light1,$e(p.palette.gray.dark4),d.hoverRing.dark.gray,p.palette.gray.base,d.fontWeights.regular,p.palette.gray.dark1,p.palette.gray.dark1,p.palette.gray.dark1,$e(p.palette.gray.dark2))),Re),an=(T(qe={},c.Theme.Light,r.css(Ne||(Ne=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(qe,c.Theme.Dark,r.css(Me||(Me=M(["\n    color: ",";\n  "])),p.palette.gray.light1)),qe),ln=(T(Ie={},Ve.Small,r.css(Le||(Le=M(["\n    left: 10px;\n  "])))),T(Ie,Ve.Default,r.css(Pe||(Pe=M(["\n    left: 12px;\n  "])))),T(Ie,Ve.Large,r.css(ze||(ze=M(["\n    left: 16px;\n  "])))),Ie),on=(T(We={},c.Theme.Light,r.css(Ae||(Ae=M(["\n    color: ",";\n  "])),p.palette.gray.base)),T(We,c.Theme.Dark,r.css(Ue||(Ue=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),We);r.css(Ge||(Ge=M([""])));var sn,cn,un,dn,fn,pn,hn,gn,bn=(T(Be={},Ve.Small,r.css(Fe||(Fe=M(["\n    height: 26px;\n    width: 26px;\n  "])))),T(Be,Ve.Default,r.css(Xe||(Xe=M(["\n    height: 28px;\n    width: 28px;\n  "])))),T(Be,Ve.Large,r.css(He||(He=M(["\n    height: 28px;\n    width: 28px;\n  "])))),Be),yn=["placeholder","className","darkMode","size","disabled","children","state","value","onChange","onSubmit","aria-label","aria-labelledby"],mn=v.default.forwardRef((function(e,t){var l,i=e.placeholder,o=void 0===i?"Search":i,u=e.className,d=e.darkMode,f=e.size,p=void 0===f?Ve.Default:f,h=e.disabled,g=e.children,b=e.state,y=void 0===b?Ke.Unset:b,m=e.value,O=e.onChange,D=e.onSubmit,C=e["aria-label"],M=e["aria-labelledby"],L=N(e,yn),P=s.useDarkMode(d),z=P.theme,I=P.darkMode,A=q(n.useState(!1),2),U=A[0],W=A[1],F=q(n.useState(0),2),X=F[0],H=F[1],B=function(){return W(!1)},K=function(){return W(!0)},V=n.useRef(null),$=n.useRef(null),J=n.useRef(null),Q=a.useForwardedRef(t,null),Y=n.useRef(null),Z=a.useDynamicRefs({prefix:"result"}),_=q(n.useState(),2),ee=_[0],ne=_[1],te=Z("".concat(X)),re=!k.default(g),ae=a.useControlledValue(m,O),le=ae.value,ie=ae.handleChange,oe=n.useCallback((function(e){Q.current&&(Q.current.value=e,ie(c.createSyntheticEvent(new Event("change",{cancelable:!0,bubbles:!0}),Q.current)))}),[ie,Q]),ce=n.useCallback((function(){var e=0,n=v.default.Children.map(g,(function n(t){if(c.isComponentType(t,"SearchResult")){var r,a=(e+=1)-1,l=c.getNodeTextContent(t);return v.default.cloneElement(t,j(j({},t.props),{},{id:"result-".concat(a),key:"result-".concat(a),ref:null!==(r=t.props.ref)&&void 0!==r?r:null==Z?void 0:Z("".concat(a)),highlighted:a===X,onClick:function(e){var n,r;if(null===(n=(r=t.props).onClick)||void 0===n||n.call(r,e),oe(l),e.detail>=1&&V.current&&Q.current){var a,i=new Event("submit",{cancelable:!0,bubbles:!0});null===(a=V.current)||void 0===a||a.dispatchEvent(i)}}}))}if(c.isComponentType(t,"SearchResultGroup")){var i=v.default.Children.map(t.props.children,n);if(i&&i.length>0)return v.default.cloneElement(t,j(j({},t.props),{},{children:i}))}}));return{resultsCount:e,updatedChildren:n}}),[g,X,Q,Z,oe]),ue=n.useMemo((function(){return ce()}),[ce]),de=ue.updatedChildren,fe=ue.resultsCount,pe=function(e){switch(e){case"first":H(0);break;case"last":H(fe);break;case"next":var n=!k.default(X)&&X+1<fe?X+1:0;H(n);break;case"prev":var t=!k.default(X)&&X-1>=0?X-1:fe-1;H(t)}};return a.useAutoScroll(te,J,12),a.useBackdropClick((function(){B()}),[$,J],U&&re),v.default.createElement(E.default,{darkMode:I},v.default.createElement(G,{state:y,highlight:X,resultDynamicRefs:Z},v.default.createElement("form",R({role:"search",ref:V,className:r.cx(Je,u),onSubmit:function(e){e.preventDefault(),null==D||D(e),re&&(B(),oe(""))}},L),v.default.createElement("div",{ref:$,role:"searchbox",tabIndex:-1,onMouseDown:function(e){h&&e.preventDefault()},onClick:function(e){!function(e){h?(e.preventDefault(),e.stopPropagation()):K()}(e)},onFocus:function(e){var n,t=e.target,r=t===Y.current?Y.current:null!==(n=Q.current)&&void 0!==n?n:t;r.focus(),ne(r)},onKeyDown:function(e){var n,t,r=null===(n=J.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=$.current)||void 0===t?void 0:t.contains(document.activeElement))||r)switch(e.keyCode){case c.keyMap.Enter:var a;null==te||null===(a=te.current)||void 0===a||a.click();break;case c.keyMap.Escape:var l;B(),null===(l=Q.current)||void 0===l||l.focus();break;case c.keyMap.ArrowDown:var i;if(re)null===(i=Q.current)||void 0===i||i.focus(),K(),e.preventDefault(),pe("next");break;case c.keyMap.ArrowUp:var o;if(re)null===(o=Q.current)||void 0===o||o.focus(),K(),e.preventDefault(),pe("prev");break;case c.keyMap.Tab:U&&B();break;default:re&&K()}},className:r.cx(Qe,Ye[p],Ze[z],(l={},T(l,en[z],ee===Q.current),T(l,nn[z],h),T(l,_e[z],!h),l)),"aria-label":C,"aria-labelledby":M},v.default.createElement(x.default,{className:r.cx(an[z],ln[p],T({},on[z],h)),role:"presentation"}),v.default.createElement("input",{type:"search",className:r.cx(tn,rn[z]),value:le,onChange:function(e){null==ie||ie(e)},placeholder:o,ref:Q,readOnly:h,"aria-disabled":h}),le&&v.default.createElement(S.default,{ref:Y,type:"button","aria-label":"Clear search",onClick:function(e){var n;e.stopPropagation(),oe(""),null==Q||null===(n=Q.current)||void 0===n||n.focus()},className:bn[p],tabIndex:h?-1:0,disabled:h},v.default.createElement(w.default,null))),re&&v.default.createElement(se,{open:U,refEl:$,ref:J},de))))}));mn.displayName="SearchInput";var vn,kn,xn,wn,Sn=c.createUniqueClassName("search-result-title"),En=c.createUniqueClassName("search-result-description"),On=r.css(sn||(sn=M(["\n  display: block;\n  font-family: ",";\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n\n  & ."," {\n    font-weight: ",";\n  }\n"])),d.fontFamilies.default,d.typeScales.body1.fontSize,d.spacing[3],d.spacing[1],d.spacing[3],Sn,d.fontWeights.bold),Dn=(T(dn={},c.Theme.Light,r.css(cn||(cn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.black,En,p.palette.gray.dark1)),T(dn,c.Theme.Dark,r.css(un||(un=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.light2,En,p.palette.gray.light1)),dn),Cn=(T(hn={},c.Theme.Light,r.css(fn||(fn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.light1,En,p.palette.gray.light1)),T(hn,c.Theme.Dark,r.css(pn||(pn=M(["\n    & ."," {\n      color: ",";\n    }\n    & ."," {\n      color: ",";\n    }\n  "])),Sn,p.palette.gray.dark1,En,p.palette.gray.dark1)),hn),jn=r.css(gn||(gn=M(["\n  max-height: ","px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])),3*d.spacing[3]),Tn=["as","children","description","disabled","className","darkMode"],Rn=b.InferredPolymorphic((function(e,n){var t,a=e.as,l=void 0===a?"li":a,i=e.children,o=e.description,u=e.disabled,d=e.className,p=e.darkMode,h=N(e,Tn),g=s.useDarkMode(p).theme,b=c.getNodeTextContent(i),y=null!==(t=h["aria-label"])&&void 0!==t?t:h["aria-labelledby"]?"":b;return v.default.createElement(f.InputOption,R({},h,{as:l,ref:n,className:r.cx(On,Dn[g],T({},Cn[g],u),d),disabled:u,"aria-labelledby":h["aria-labelledby"],"aria-label":y}),v.default.createElement("div",{className:Sn},i),o&&v.default.createElement("div",{className:r.cx(En,jn)},o))}),"SearchResult");Rn.displayName="SearchResult";var Nn=r.css(vn||(vn=M(["\n  padding-top: 12px;\n  padding-bottom: 0;\n"]))),Mn=(T(wn={},c.Theme.Light,r.css(kn||(kn=M(["\n    color: ",";\n  "])),p.palette.gray.dark1)),T(wn,c.Theme.Dark,r.css(xn||(xn=M(["\n    color: ",";\n  "])),p.palette.gray.base)),wn),qn=["children","label"],Ln=function(e){var n=e.children,t=e.label,r=N(e,qn),a=c.validateChildren(n,["SearchResult","SearchResultGroup"]),l=s.useDarkMode().theme;return v.default.createElement("div",null,v.default.createElement(f.InputOption,R({"aria-label":t,isInteractive:!1,className:Nn},r),v.default.createElement(y.Overline,{className:Mn[l]},t)),a)};Ln.displayName="SearchResultGroup",e.SearchInput=mn,e.SearchResult=Rn,e.SearchResultGroup=Ln,e.SearchResultsMenu=se,e.Size=Ve,e.State=Ke}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/search-input",
-  "version": "2.0.15",
+  "version": "2.0.16",
   "description": "leafyGreen UI Kit Search Input",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/index.ts

@@ -7,1 +7,5 @@ export { SearchInput, type SearchInputProps, Size, State } from './SearchInput';
 } from './SearchResultGroup';
+export {
+  SearchResultsMenu,
+  type SearchResultsMenuProps,
+} from './SearchResultsMenu';

No alert changes

Improved metrics

Total package byte prevSize

310301

increased by0.12%

Lines of code

3763

increased by0.13%

No dependency changes