@viasat/beam-react 2.30.0 → 2.36.0

package/index.es.js

@@ -5,19 +5,19 @@ import { Alert as a } from "./lib/Alert/Alert.es.js";
 import { Autocomplete as i } from "./lib/Autocomplete/Autocomplete.es.js";
 import { Avatar as n } from "./lib/Avatar/index.es.js";
 import { CloseButton as u } from "./lib/CloseButton/CloseButton.es.js";
-import { Button as T, ButtonIconWrap as l } from "./lib/Button/Button.es.js";
+import { Button as l, ButtonIconWrap as T } from "./lib/Button/Button.es.js";
 import { Dialog as c } from "./lib/Dialog/Dialog.es.js";
 import { Breadcrumb as L } from "./lib/Breadcrumbs/Breadcrumbs.es.js";
 import { B as C } from "./chunks/BreadcrumbsItem.6c7NEqgi.js";
 import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
 import { Badge as _ } from "./lib/Badge/Badge.es.js";
-import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
-import { Box as h } from "./lib/Box/Box.es.js";
+import { BadgeDot as D } from "./lib/BadgeDot/BadgeDot.es.js";
+import { Box as O } from "./lib/Box/Box.es.js";
 import { Checkbox as E } from "./lib/Checkbox/Checkbox.es.js";
 import { Chip as G } from "./lib/Chips/Chip.es.js";
 import { ChipGroup as M } from "./lib/Chips/ChipGroup.es.js";
 import { Divider as y } from "./lib/Divider/Divider.es.js";
-import { default as F } from "./lib/FileUpload/FileUpload.es.js";
+import { default as k } from "./lib/FileUpload/FileUpload.es.js";
 import { Flag as W } from "./lib/Flag/Flag.es.js";
 import { Form as K } from "./lib/Form/Form.es.js";
 import { H as Q } from "./chunks/form.context.D7b4066_.js";
@@ -31,13 +31,13 @@ import { List as xo } from "./lib/List/List.es.js";
 import { ActionList as fo } from "./lib/ActionList/ActionList.es.js";
 import { Logo as no } from "./lib/Logo/Logo.es.js";
 import { Menu as uo } from "./lib/Menu/Menu.es.js";
-import { useMenuContext as To } from "./lib/Menu/Menu.context.es.js";
+import { useMenuContext as lo } from "./lib/Menu/Menu.context.es.js";
 import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
 import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
 import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
 import { RadioButton as Po } from "./lib/RadioButton/RadioButton.es.js";
-import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Ho, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as ho, Root as Do, SideNav as Eo, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
-import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
+import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Do, OPAQUE_BACKDROP as Ho, RAIL_LAYOUT as Oo, Root as ho, SideNav as Eo, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
+import { SideNavProvider as yo, useSideNavContext as Fo } from "./lib/SideNav/SideNavContext.es.js";
 import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
 import { Select as wo } from "./lib/Select/Select.es.js";
 import { Spinner as Vo } from "./lib/Spinner/Spinner.es.js";
@@ -51,25 +51,26 @@ import { TextArea as xr } from "./lib/TextArea/TextArea.es.js";
 import { TextField as fr } from "./lib/TextField/TextField.es.js";
 import { Toast as dr } from "./lib/Toasts/Toast.es.js";
 import { T as sr, u as ur } from "./chunks/ToastContext.CYGy7l7R.js";
-import { ToastContainer as Tr } from "./lib/Toasts/ToastContainer.es.js";
+import { ToastContainer as lr } from "./lib/Toasts/ToastContainer.es.js";
 import { Tooltip as Sr, TooltipIconTrigger as cr } from "./lib/Tooltip/Tooltip.es.js";
 import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
 import { HeaderMasthead as Pr } from "./lib/Header/HeaderMasthead.es.js";
 import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
 import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
-import { PortalContext as Or, usePortal as hr } from "./lib/PortalProvider/PortalContext.es.js";
+import { PortalContext as Hr, usePortal as Or } from "./lib/PortalProvider/PortalContext.es.js";
 import { PortalProvider as Er } from "./lib/PortalProvider/PortalProvider.es.js";
 import { Popover as Gr } from "./lib/Popover/Popover.es.js";
 import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
 import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
-import { Slider as Fr } from "./lib/Slider/Slider.es.js";
+import { Slider as kr } from "./lib/Slider/Slider.es.js";
 import { Card as Wr } from "./lib/Card/Card.es.js";
 import { CardGroup as Kr } from "./lib/Card/CardGroup.es.js";
 import { Search as Qr } from "./lib/Search/Search.es.js";
-import { ALL_THEMES as qr, BeamThemeProvider as zr, fromAttr as Jr, toAttr as Xr, useBeamTheme as Zr } from "./utils/theming/useBeamTheme.es.js";
-import { v as oe } from "./chunks/useFormValidator.hook.CSmddwEt.js";
+import { DateField as qr } from "./lib/wip/DateField/DateField.es.js";
+import { ALL_THEMES as Jr, BeamThemeProvider as Xr, fromAttr as Zr, toAttr as $r, useBeamTheme as oe } from "./utils/theming/useBeamTheme.es.js";
+import { v as ee } from "./chunks/useFormValidator.hook.CSmddwEt.js";
 export {
-  qr as ALL_THEMES,
+  Jr as ALL_THEMES,
   t as Accordion,
   m as AccordionGroup,
   fo as ActionList,
@@ -77,13 +78,13 @@ export {
   i as Autocomplete,
   n as Avatar,
   _ as Badge,
-  H as BadgeDot,
-  zr as BeamThemeProvider,
-  h as Box,
+  D as BadgeDot,
+  Xr as BeamThemeProvider,
+  O as Box,
   L as Breadcrumb,
   C as BreadcrumbItem,
-  T as Button,
-  l as ButtonIconWrap,
+  l as Button,
+  T as ButtonIconWrap,
   Wr as Card,
   Kr as CardGroup,
   E as Checkbox,
@@ -92,10 +93,11 @@ export {
   M as ChipGroup,
   u as CloseButton,
   go as DRAWER_LAYOUT,
+  qr as DateField,
   c as Dialog,
   y as Divider,
   N as EmptyState,
-  F as FileUpload,
+  k as FileUpload,
   W as Flag,
   K as Form,
   _o as HIDDEN_LAYOUT,
@@ -112,20 +114,20 @@ export {
   xo as List,
   no as Logo,
   uo as Menu,
-  Ho as NO_LAYOUT,
+  Do as NO_LAYOUT,
   So as NativeSelect,
-  Oo as OPAQUE_BACKDROP,
+  Ho as OPAQUE_BACKDROP,
   Mr as PageHeader,
   yr as PageLayout,
   Bo as Pagination,
   Gr as Popover,
-  Or as PortalContext,
+  Hr as PortalContext,
   Er as PortalProvider,
   vo as ProgressBar,
-  ho as RAIL_LAYOUT,
+  Oo as RAIL_LAYOUT,
   Po as RadioButton,
   oo as RadioButtonGroup,
-  Do as Root,
+  ho as Root,
   Qr as Search,
   Yo as SegmentedControl,
   wo as Select,
@@ -134,7 +136,7 @@ export {
   Go as SideNavClosedLayouts,
   bo as SideNavOpenLayouts,
   yo as SideNavProvider,
-  Fr as Slider,
+  kr as Slider,
   Vo as Spinner,
   jo as StateLayer,
   zo as Stepper,
@@ -146,18 +148,18 @@ export {
   xr as TextArea,
   fr as TextField,
   dr as Toast,
-  Tr as ToastContainer,
+  lr as ToastContainer,
   sr as ToastProvider,
   Sr as Tooltip,
   cr as TooltipIconTrigger,
-  Jr as fromAttr,
+  Zr as fromAttr,
   Xo as processMetadata,
-  Xr as toAttr,
+  $r as toAttr,
   Zo as useBeamStepper,
-  Zr as useBeamTheme,
-  To as useMenuContext,
-  hr as usePortal,
-  ko as useSideNavContext,
+  oe as useBeamTheme,
+  lo as useMenuContext,
+  Or as usePortal,
+  Fo as useSideNavContext,
   ur as useToast,
-  oe as validators
+  ee as validators
 };

package/lib/ActionList/ActionList.Group.d.ts

@@ -14,7 +14,7 @@ export interface ActionListGroupProps extends React.ComponentPropsWithoutRef<'di
      */
     indent?: boolean | number;
     /**
-     * Add a divider between groups
+     * Add a divider at the bottom of this group
      *
      * @default false
      */

package/lib/Autocomplete/Autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),Ue=require("../../chunks/classNames.DAeKwerT.js"),Xe=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.BRWGQi7s.js"),V=require("clsx"),E=require("../../chunks/form.context.hesWPMlU.js"),Ye=require("../Form/contexts/label.context.cjs.js"),Ze=require("../Form/contexts/helperText.context.cjs.js"),L=require("../ActionList/ActionList.cjs.js"),H=require("../_Options/Option.context.cjs.js"),et=require("../_Options/Option.cjs.js"),tt=require("../_Options/useSelectValue.cjs.js"),st=require("./useAutocompleteDropdown.cjs.js"),lt=require("./AutocompleteDropdown.cjs.js"),ot=require("./useAutocompleteChips.cjs.js"),it=require("./useAutocompleteKeyboardManager.cjs.js"),rt=require("./utils/filterOptions.cjs.js"),nt=require("./useClearSelection.cjs.js"),ct=require("./AutocompleteField.cjs.js"),at=require("./useAutocompleteA11y.cjs.js"),ut=require("./useAutocompleteInteractions.cjs.js"),dt=require("../_Options/strategies/SelectionStrategy.cjs.js"),pt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:mt,subElementClassPrefix:$,classModifierPrefix:c}=Ue.getBEMClassNames("combobox"),bt=n.forwardRef(({theme:q,width:K,error:u,children:G,label:W=null,contentBefore:z,contentAfter:J,fluid:Q=!1,helperText:B=null,validationRules:U=[],className:X,hideRequiredMarker:Y=!1,disabled:Z=!1,readOnly:ee=!1,required:te=!1,placeholder:se="",onChange:x,noResultsText:le="No results found",optionFilter:v,hideChevron:oe=!1,..._},ie)=>{const{id:D,name:re,"aria-describedby":ne,multiple:s=!1,clearable:ce=s,...ae}=_,{showErrors:ue,isInvalid:de,errorShown:pe,disabled:l,readOnly:r,required:C}=E.useFormField({name:re,validationRules:U,disabledProp:Z,readOnlyProp:ee,requiredProp:te}),{aria:y,ids:me}=at.default({helperText:B,externalDescribedBy:ne,error:u,errorShown:pe,invalid:!!u||de}),{helperTextId:be,errorId:xe,validationErrorsId:_e,labelId:g}=me,ye=!!(u!=null&&u.length),fe=n.useCallback(t=>{x==null||x(t)},[x]),{value:d,setValue:F,selectProps:he,handleBlur:Ae,singleValue:P}=tt.useSelectValue({onChange:fe,..._},ie),[p,S]=n.useState(null),I=!p&&(!d||Array.isArray(d)&&!d.length),{optionsContext:Oe,optionIds:a,optionsProps:m,selectedOptionsProps:j,deselectOptionValue:w,getOptionByIndex:qe}=H.useCreateOptionsContext(d,F,s),ve=n.useMemo(()=>{if(!P)return;const t=a.map(e=>m.get(e)).findIndex(e=>(e==null?void 0:e.value)===P);return t!==-1?t:void 0},[a,m,P]),M=n.useRef(null),{getFieldProps:Ce,getInputProps:ge,dropdownProps:Pe,refs:Se,open:R,setOpen:f,status:Ie,setDisplayActiveIndex:je}=st.useAutocompleteDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:ve,fieldRef:M}),h=Se.domReference,Me=V(i.styles[mt],q&&Xe.themeClassName(q),Q&&i.styles[`${c}fluid`],y.invalid&&i.styles[`${c}error`],l&&i.styles[`${c}disabled`],r&&i.styles[`${c}read-only`],I&&i.styles[`${c}empty`],s&&i.styles[`${c}multiple`],i.styles[`${c}autocomplete`],i.styles[`${c}dropdown-${Ie}`],X),{canClear:Ne,handleClear:$e}=nt.default({multiple:s,clearable:ce,isEmpty:I,disabled:l,readOnly:r,setValue:F,setSearchText:S,inputRef:h,setOpen:f}),{chipGroupProps:Be,handleBlur:De,selectedChip:Fe,setSelectedChip:we,enabled:Re,selectPreviousChip:ke,selectNextChip:Te,options:Ve,deselectOptionValue:Ee}=ot.useAutocompleteChips({multiple:s,disabled:l,readOnly:r,open:R,setOpen:f,options:j,deselectOptionValue:w,fieldRef:M,inputRef:h}),{getKeyboardProps:k}=it.useAutocompleteKeyboardManager({multiple:s,disabled:l,readOnly:r,open:R,setOpen:f,inputRef:h,fieldRef:M,chips:{enabled:Re,selectedChip:Fe,setSelectedChip:we,selectPreviousChip:ke,selectNextChip:Te,options:Ve,deselectOptionValue:Ee}}),T=n.useMemo(()=>dt.createSelectionStrategy(s),[s]),{handleBlur:Le,handleFocus:He,handleItemClick:Ke}=ut.useAutocompleteInteractions({selectionStrategy:T,selectedOptions:j,inputRef:h,blurSelect:Ae,blurChips:De,setSearchText:S,setOpen:f,searchText:p,getOptionByIndex:qe,setDisplayActiveIndex:je}),N=n.useMemo(()=>a.reduce((t,e)=>{const b=m.get(e);if(!b)return t;const A=v?v(b,p):rt.default(b,p);return t[e]=A,t},{}),[a,m,p,v]),Ge=n.useMemo(()=>a.every(t=>N[t]),[a,N]),{ref:We,...ze}=k(Ce()),Je=k(ge());return o.jsxs(H.OptionsProvider,{value:Oe,children:[o.jsxs("div",{className:Me,style:{maxWidth:K},children:[o.jsx(Ye.LabelProvider,{ctxHtmlFor:D,ctxDisabled:l,ctxRequired:C&&!Y,ctxId:g,children:W}),o.jsx(ct.AutocompleteField,{id:D,disabled:l,readOnly:r,required:C,contentBefore:z,contentAfter:J,chips:o.jsx(pt.OptionChips,{multiple:s,disabled:l,readOnly:r,selectedOptions:j,deselectOptionValue:w,chipGroupProps:Be,input:o.jsx("input",{className:i.styles[`${$}field__input`],"aria-readonly":r,"aria-disabled":l,"aria-required":C,"aria-invalid":y.invalid,"aria-errormessage":y.errorMessage||void 0,"aria-labelledby":!_.ariaLabel&&g?g:void 0,"aria-label":_.ariaLabel,"aria-describedby":y.describedBy,placeholder:s&&!I?"":se,onChange:t=>S(t.target.value),disabled:l,readOnly:r,autoComplete:"off",tabIndex:l?-1:0,autoFocus:!1,...Je})}),hasClearButton:Ne,hideChevron:oe,onClear:$e,onBlur:Le,onFocusCapture:He,...ze,ref:We}),o.jsxs(Ze.HelperTextProvider,{ctxId:be,ctxDisabled:l,children:[B,ye&&o.jsx(E.HelperText,{id:xe,appearance:"negative",children:u})]}),ue(_e)]}),o.jsxs("select",{...ae,...he,hidden:!0,multiple:s,children:[o.jsx("option",{value:"",children:"empty"}),G]}),o.jsx(lt.AutocompleteDropdown,{...Pe,className:i.styles[`${$}dropdown`],disabled:l,readOnly:r,theme:q,multiple:s,onItemClick:Ke,children:o.jsx(L.ActionList,{role:"listbox",noResults:Ge?le:void 0,children:a.map(t=>{const e=m.get(t);if(!e)return null;const b=T.isSelected(e.value,d),A=N[t],Qe=A||e.disabled;return n.createElement(L.ActionList.Item,{...e,className:V(i.styles[`${$}option`],e.className),disabled:Qe,hidden:A,defaultSelected:b,key:`opt-${e.value??e.label}`,kind:s?"checkbox":"singleCheckMark",role:"option"})})})})]})}),O=bt;O.Option=et.Option;O.displayName="Autocomplete";exports.Autocomplete=O;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),lt=require("../../chunks/classNames.DAeKwerT.js"),rt=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.BRWGQi7s.js"),nt=require("clsx"),c=require("react"),J=require("../../chunks/form.context.hesWPMlU.js"),ct=require("../Form/contexts/label.context.cjs.js"),at=require("../Form/contexts/helperText.context.cjs.js"),Q=require("../ActionList/ActionList.cjs.js"),U=require("../_Options/Option.context.cjs.js"),ut=require("../_Options/Option.cjs.js"),dt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const pt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),bt=require("../_Options/useRenderOption.cjs.js"),mt=require("../_Options/useSelectValue.cjs.js"),_t=require("./useAutocompleteDropdown.cjs.js"),xt=require("./AutocompleteDropdown.cjs.js"),ht=require("./useAutocompleteChips.cjs.js"),ft=require("./useAutocompleteKeyboardManager.cjs.js"),yt=require("./utils/filterOptions.cjs.js"),Ot=require("./useClearSelection.cjs.js"),gt=require("./AutocompleteField.cjs.js"),At=require("./useAutocompleteA11y.cjs.js"),qt=require("./useAutocompleteInteractions.cjs.js"),vt=require("../_Options/strategies/SelectionStrategy.cjs.js"),Ct=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:It,subElementClassPrefix:D,classModifierPrefix:a}=lt.getBEMClassNames("combobox"),Pt=c.forwardRef(({theme:q,width:X,error:d,children:Y,label:Z=null,contentBefore:ee,contentAfter:te,fluid:se=!1,helperText:F=null,validationRules:oe=[],className:ie,hideRequiredMarker:le=!1,disabled:re=!1,readOnly:ne=!1,required:ce=!1,placeholder:ae="",onChange:f,noResultsText:ue="No results found",optionFilter:v,hideChevron:de=!1,...y},pe)=>{const{id:L,name:be,"aria-describedby":me,multiple:t=!1,clearable:_e=t,...xe}=y,{showErrors:he,isInvalid:fe,errorShown:ye,disabled:s,readOnly:r,required:C}=J.useFormField({name:be,validationRules:oe,disabledProp:re,readOnlyProp:ne,requiredProp:ce}),{aria:O,ids:Oe}=At.default({helperText:F,externalDescribedBy:me,error:d,errorShown:ye,invalid:!!d||fe}),{helperTextId:ge,errorId:Ae,validationErrorsId:qe,labelId:I}=Oe,ve=!!(d!=null&&d.length),Ce=c.useCallback(e=>{f==null||f(e)},[f]),{value:b,setValue:G,selectProps:Ie,handleBlur:Pe,singleValue:P}=mt.useSelectValue({onChange:Ce,...y},pe),[m,S]=c.useState(null),j=!m&&(!b||Array.isArray(b)&&!b.length),{optionsContext:Se,optionIds:u,optionsProps:_,selectedOptionsProps:V,deselectOptionValue:T,getOptionByIndex:je,structureIds:M,groupsProps:w,optionGroupOf:E,optionIdsByGroup:B}=U.useCreateOptionsContext(b,G,t),Ve=c.useMemo(()=>{if(!P)return;const e=u.map(l=>_.get(l)).findIndex(l=>(l==null?void 0:l.value)===P);return e!==-1?e:void 0},[u,_,P]),N=c.useRef(null),{getFieldProps:Me,getInputProps:we,dropdownProps:Be,refs:Ne,open:H,setOpen:g,status:Re,setDisplayActiveIndex:$e}=_t.useAutocompleteDropdown({disabled:s,readOnly:r,lastSelectedOptionIndex:Ve,fieldRef:N}),A=Ne.domReference,De=nt(i.styles[It],q&&rt.themeClassName(q),se&&i.styles[`${a}fluid`],O.invalid&&i.styles[`${a}error`],s&&i.styles[`${a}disabled`],r&&i.styles[`${a}read-only`],j&&i.styles[`${a}empty`],t&&i.styles[`${a}multiple`],i.styles[`${a}autocomplete`],i.styles[`${a}dropdown-${Re}`],ie),{canClear:Fe,handleClear:Le}=Ot.default({multiple:t,clearable:_e,isEmpty:j,disabled:s,readOnly:r,setValue:G,setSearchText:S,inputRef:A,setOpen:g}),{chipGroupProps:Ge,handleBlur:Te,selectedChip:Ee,setSelectedChip:He,enabled:ke,selectPreviousChip:Ke,selectNextChip:We,options:ze,deselectOptionValue:Je}=ht.useAutocompleteChips({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,options:V,deselectOptionValue:T,fieldRef:N,inputRef:A}),{getKeyboardProps:k}=ft.useAutocompleteKeyboardManager({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,inputRef:A,fieldRef:N,chips:{enabled:ke,selectedChip:Ee,setSelectedChip:He,selectPreviousChip:Ke,selectNextChip:We,options:ze,deselectOptionValue:Je}}),K=c.useMemo(()=>vt.createSelectionStrategy(t),[t]),{handleBlur:Qe,handleFocus:Ue,handleItemClick:Xe}=qt.useAutocompleteInteractions({selectionStrategy:K,selectedOptions:V,inputRef:A,blurSelect:Pe,blurChips:Te,setSearchText:S,setOpen:g,searchText:m,getOptionByIndex:je,setDisplayActiveIndex:$e}),p=c.useMemo(()=>u.reduce((e,l)=>{const n=_.get(l);if(!n)return e;const x=E.get(l),z=x?w.get(x):void 0,R=v?v(n,m,z):yt.default(n,m);return e[l]=R,e},{}),[u,_,m,v,E,w]),Ye=c.useMemo(()=>u.length===0?!1:u.every(e=>p[e]),[u,p]),Ze=c.useMemo(()=>pt.getLastVisibleStructureIndex(M,B,p),[M,B,p]),W=bt.useRenderOption({optionsProps:_,selectionStrategy:K,value:b,multiple:t,optionClassName:i.styles[`${D}option`],filteredOptionsById:p}),{ref:et,...tt}=k(Me()),st=k(we());return o.jsxs(U.OptionsProvider,{value:Se,children:[o.jsxs("div",{className:De,style:{maxWidth:X},children:[o.jsx(ct.LabelProvider,{ctxHtmlFor:L,ctxDisabled:s,ctxRequired:C&&!le,ctxId:I,children:Z}),o.jsx(gt.AutocompleteField,{id:L,disabled:s,readOnly:r,required:C,contentBefore:ee,contentAfter:te,chips:o.jsx(Ct.OptionChips,{multiple:t,disabled:s,readOnly:r,selectedOptions:V,deselectOptionValue:T,chipGroupProps:Ge,input:o.jsx("input",{className:i.styles[`${D}field__input`],"aria-readonly":r,"aria-disabled":s,"aria-required":C,"aria-invalid":O.invalid,"aria-errormessage":O.errorMessage||void 0,"aria-labelledby":!y.ariaLabel&&I?I:void 0,"aria-label":y.ariaLabel,"aria-describedby":O.describedBy,placeholder:t&&!j?"":ae,onChange:e=>S(e.target.value),disabled:s,readOnly:r,autoComplete:"off",tabIndex:s?-1:0,autoFocus:!1,...st})}),hasClearButton:Fe,hideChevron:de,onClear:Le,onBlur:Qe,onFocusCapture:Ue,...tt,ref:et}),o.jsxs(at.HelperTextProvider,{ctxId:ge,ctxDisabled:s,children:[F,ve&&o.jsx(J.HelperText,{id:Ae,appearance:"negative",children:d})]}),he(qe)]}),o.jsxs("select",{...xe,...Ie,hidden:!0,multiple:t,children:[o.jsx("option",{value:"",children:"empty"}),Y]}),o.jsx(xt.AutocompleteDropdown,{...Be,className:i.styles[`${D}dropdown`],disabled:s,readOnly:r,theme:q,multiple:t,onItemClick:Xe,children:o.jsx(Q.ActionList,{role:"listbox",noResults:Ye?ue:void 0,children:M.map((e,l)=>{if(e.kind==="option")return W(e.id);const n=w.get(e.id);if(!n)return null;const x=B.get(e.id)??[],R=!x.some($=>!p[$]),ot=l===Ze,it=!!n.divider&&!ot;return o.jsx(Q.ActionList.Group,{heading:n.heading,divider:it,disabled:n.disabled,hidden:R,children:x.map($=>W($,n.disabled))},e.id)})})})]})}),h=Pt;h.Option=ut.Option;h.OptionGroup=dt.OptionGroup;h.displayName="Autocomplete";exports.Autocomplete=h;exports.default=h;

package/lib/Autocomplete/Autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { FormValidator } from '@viasat/beam-shared/components/form';
 import { ThemeTypes } from '@viasat/beam-shared/utils';
 import { default as React, FC, PropsWithoutRef, ReactNode } from 'react';
-import { Option, OptionProps } from '../_Options';
+import { Option, OptionGroup, OptionGroupProps, OptionProps } from '../_Options';
 export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'> {
     /**
      * Specify HelperText for Autocomplete
@@ -78,7 +78,7 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
      */
     contentAfter?: ReactNode;
     /**
-     * Add `Autocomplete.Option` components as children
+     * Add any combination of `Autocomplete.Option` and `Autocomplete.OptionGroup` components as children
      */
     children: ReactNode;
     /**
@@ -102,13 +102,13 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
      */
     hideChevron?: boolean;
     /**
-     * Provide a custom option filtering function. Receives all option props (including undefined placeholders), and the current search text.
-     * Should return a filtered array (can re-order). Defaults to internal case-insensitive label/value matching
+     * Provide a custom option filtering function. Receives the option props, the current search text, and (when the option is inside an `Autocomplete.OptionGroup`) the owning group's props. Return `true` to filter the option out, `false` to keep it visible. Defaults to internal case-insensitive label/value matching that ignores the group.
      */
-    optionFilter?: (option: OptionProps, searchText: string | null) => boolean;
+    optionFilter?: (option: OptionProps, searchText: string | null, group?: OptionGroupProps) => boolean;
 }
 declare const AutocompleteComponent: FC<PropsWithoutRef<AutocompleteProps>>;
 export declare const Autocomplete: typeof AutocompleteComponent & {
     Option: typeof Option;
+    OptionGroup: typeof OptionGroup;
 };
 export default Autocomplete;