@viasat/beam-react 2.23.0 → 2.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/chunks/{FloatingUI.context.Dl4Y1y1z.js → FloatingUI.context.D3kSM-y1.js} +2 -2
  2. package/chunks/Search.Results.DqEXVJeE.js +1 -0
  3. package/chunks/{Search.Results.wKBufUSo.js → Search.Results.XLqY_iES.js} +12 -3
  4. package/index.cjs.js +1 -1
  5. package/index.es.js +22 -20
  6. package/lib/Dialog/Dialog.Header.es.js +1 -1
  7. package/lib/Dialog/Dialog.Trigger.es.js +1 -1
  8. package/lib/FloatingUI/FloatingUI.content.es.js +1 -1
  9. package/lib/FloatingUI/FloatingUI.context.es.js +1 -1
  10. package/lib/FloatingUI/FloatingUI.root.es.js +1 -1
  11. package/lib/FloatingUI/FloatingUI.trigger.close.es.js +7 -7
  12. package/lib/FloatingUI/FloatingUI.trigger.es.js +4 -4
  13. package/lib/Menu/ActionListContextWrapper.es.js +1 -1
  14. package/lib/Popover/Popover.content.es.js +1 -1
  15. package/lib/Popover/Popover.trigger.es.js +1 -1
  16. package/lib/Search/Search.Results.Item.cjs.js +1 -0
  17. package/lib/{wip/Search → Search}/Search.Results.Item.d.ts +1 -1
  18. package/lib/{wip/Search → Search}/Search.Results.Item.es.js +1 -1
  19. package/lib/Search/Search.Results.ViewAll.cjs.js +1 -0
  20. package/lib/{wip/Search → Search}/Search.Results.ViewAll.d.ts +8 -1
  21. package/lib/Search/Search.Results.ViewAll.es.js +11 -0
  22. package/lib/Search/Search.Results.cjs.js +1 -0
  23. package/lib/Search/Search.Results.es.js +12 -0
  24. package/lib/Search/Search.cjs.js +1 -0
  25. package/lib/{wip/Search → Search}/Search.d.ts +2 -2
  26. package/lib/{wip/Search → Search}/Search.es.js +14 -14
  27. package/lib/Search/SearchDropdown.cjs.js +1 -0
  28. package/lib/{wip/Search → Search}/SearchDropdown.es.js +7 -7
  29. package/lib/Search/useSearchDropdown.cjs.js +1 -0
  30. package/lib/{wip/Search → Search}/useSearchDropdown.es.js +2 -2
  31. package/lib/Tooltip/Tooltip.es.js +1 -1
  32. package/lib/index.cjs.js +1 -1
  33. package/lib/index.d.ts +1 -0
  34. package/lib/index.es.js +21 -19
  35. package/lib/wip/Panel/Panel.Header.Heading.es.js +1 -1
  36. package/lib/wip/Panel/Panel.Inline.es.js +12 -12
  37. package/lib/wip/index.cjs.js +1 -1
  38. package/lib/wip/index.d.ts +0 -1
  39. package/lib/wip/index.es.js +2 -4
  40. package/package.json +6 -6
  41. package/chunks/Search.Results.BM9NkYBp.js +0 -1
  42. package/lib/wip/Search/Search.Results.Item.cjs.js +0 -1
  43. package/lib/wip/Search/Search.Results.ViewAll.cjs.js +0 -1
  44. package/lib/wip/Search/Search.Results.ViewAll.es.js +0 -11
  45. package/lib/wip/Search/Search.Results.cjs.js +0 -1
  46. package/lib/wip/Search/Search.Results.es.js +0 -12
  47. package/lib/wip/Search/Search.cjs.js +0 -1
  48. package/lib/wip/Search/SearchDropdown.cjs.js +0 -1
  49. package/lib/wip/Search/useSearchDropdown.cjs.js +0 -1
  50. /package/lib/{wip/Search → Search}/SearchDropdown.d.ts +0 -0
  51. /package/lib/{wip/Search → Search}/index.cjs.js +0 -0
  52. /package/lib/{wip/Search → Search}/index.d.ts +0 -0
  53. /package/lib/{wip/Search → Search}/index.es.js +0 -0
  54. /package/lib/{wip/Search → Search}/useSearchDropdown.d.ts +0 -0
@@ -330,7 +330,7 @@ const dt = 16, At = (t) => {
330
330
  };
331
331
  export {
332
332
  xt as B,
333
- St as a,
334
- It as u,
333
+ It as a,
334
+ St as u,
335
335
  At as v
336
336
  };
@@ -0,0 +1 @@
1
+ var L=require("../assets/Search.css");const c=require("react/jsx-runtime"),a=require("react"),m=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),x=require("../lib/Search/Search.Results.Item.cjs.js"),u=require("../lib/ActionList/ActionList.cjs.js"),w=require("../lib/Icon/Icon.cjs.js");function R(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const _=R(a),d=e=>_.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-search":"bm-search","bm-search--disabled":"bm-search--disabled","bm-search--fluid":"bm-search--fluid","bm-search__field":"bm-search__field","bm-search__field__input":"bm-search__field__input","bm-search--error":"bm-search--error","bm-search--read-only":"bm-search--read-only","bm-search__content":"bm-search__content","bm-search__field__spinner":"bm-search__field__spinner","bm-search__dropdown":"bm-search__dropdown","bm-search__results__view-all":"bm-search__results__view-all","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-search__results__view-all--group":"bm-search__results__view-all--group"},{baseClassNamePrefix:N,classModifierPrefix:S}=m.getBEMClassNames("search__results__view-all"),h=a.forwardRef(({children:e,onClick:r,variant:s,as:t="div",className:f,...p},v)=>{const g=a.useContext(i),o=s??(g?"group":"global"),C=b.clsx(l[N],l[`${S}${o}`],f);return c.jsx(u.ActionList.Item,{ref:v,className:C,onClick:r,contentBefore:o==="global"?c.jsx(w.Icon,{icon:d}):void 0,role:"option",as:t,...p,children:e})}),{baseClassNamePrefix:j}=m.getBEMClassNames("search"),i=a.createContext(!1),n=({children:e,...r})=>{const s=b.clsx(l[`${j}__results`]);return c.jsx(i.Provider,{value:!0,children:c.jsx(u.ActionList.Group,{className:s,...r,children:e})})};n.displayName="Results";n.Item=x.Item;n.ViewAll=h;exports.Results=n;exports.SearchResultsContext=i;exports.SvgSearch=d;exports.ViewAll=h;exports.styles=l;
@@ -5,7 +5,7 @@ import v, { forwardRef as C, useContext as w } from "react";
5
5
  import { g as i } from "./classNames.BTJmrO_L.js";
6
6
  import "./constants.CKKGf1-i.js";
7
7
  import { clsx as c } from "clsx";
8
- import { Item as g } from "../lib/wip/Search/Search.Results.Item.es.js";
8
+ import { Item as g } from "../lib/Search/Search.Results.Item.es.js";
9
9
  import { ActionList as n } from "../lib/ActionList/ActionList.es.js";
10
10
  import { Icon as x } from "../lib/Icon/Icon.es.js";
11
11
  const R = (e) => /* @__PURE__ */ m.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ m.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z", fill: "currentColor" })), t = {
@@ -27,8 +27,17 @@ const R = (e) => /* @__PURE__ */ m.createElement("svg", { viewBox: "0 0 24 24",
27
27
  "bm-search__results__view-all": "bm-search__results__view-all",
28
28
  "bm-action-list__item__content-before": "bm-action-list__item__content-before",
29
29
  "bm-search__results__view-all--group": "bm-search__results__view-all--group"
30
- }, { baseClassNamePrefix: N, classModifierPrefix: L } = i("search__results__view-all"), I = C(
31
- ({ children: e, onClick: s, variant: a, as: b = "div", className: d, ...h }, f) => {
30
+ }, { baseClassNamePrefix: N, classModifierPrefix: L } = i(
31
+ "search__results__view-all"
32
+ ), I = C(
33
+ ({
34
+ children: e,
35
+ onClick: s,
36
+ variant: a,
37
+ as: b = "div",
38
+ className: d,
39
+ ...h
40
+ }, f) => {
32
41
  const p = w(_), l = a ?? (p ? "group" : "global"), u = c(
33
42
  t[N],
34
43
  t[`${L}${l}`],
package/index.cjs.js CHANGED
@@ -1 +1 @@
1
- var pe=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lib/Accordion/Accordion.cjs.js"),l=require("./lib/Accordion/AccordionGroup.cjs.js"),c=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),q=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),A=require("./chunks/BreadcrumbsItem.DM3uQ5rs.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),g=require("./lib/Box/Box.cjs.js"),L=require("./lib/Checkbox/Checkbox.cjs.js"),P=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),x=require("./lib/FileUpload/FileUpload.cjs.js"),h=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.hesWPMlU.js"),G=require("./lib/Icon/Icon.cjs.js"),R=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),D=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.BJK1U8nL.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),se=require("./lib/PageLayout/PageLayout.cjs.js"),le=require("./lib/Slider/Slider.cjs.js"),ce=require("./lib/Card/Card.cjs.js"),de=require("./lib/Card/CardGroup.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),be=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=s.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=q.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=g.Box;exports.Checkbox=L.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=G.Icon;exports.SwitchGroup=R.SwitchGroup;exports.CheckboxGroup=D.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=se.PageLayout;exports.Slider=le.Slider;exports.Card=ce.Card;exports.CardGroup=de.CardGroup;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=be.validators;
1
+ var Se=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lib/Accordion/Accordion.cjs.js"),c=require("./lib/Accordion/AccordionGroup.cjs.js"),l=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),q=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),A=require("./chunks/BreadcrumbsItem.DM3uQ5rs.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),g=require("./lib/Box/Box.cjs.js"),L=require("./lib/Checkbox/Checkbox.cjs.js"),P=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),h=require("./lib/FileUpload/FileUpload.cjs.js"),x=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.hesWPMlU.js"),G=require("./lib/Icon/Icon.cjs.js"),R=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),D=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.BJK1U8nL.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),se=require("./lib/PageLayout/PageLayout.cjs.js"),ce=require("./lib/Slider/Slider.cjs.js"),le=require("./lib/Card/Card.cjs.js"),de=require("./lib/Card/CardGroup.cjs.js"),be=require("./lib/Search/Search.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),pe=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=s.Accordion;exports.AccordionGroup=c.AccordionGroup;exports.Alert=l.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=q.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=g.Box;exports.Checkbox=L.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=h.default;exports.Flag=x.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=G.Icon;exports.SwitchGroup=R.SwitchGroup;exports.CheckboxGroup=D.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=se.PageLayout;exports.Slider=ce.Slider;exports.Card=le.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=pe.validators;
package/index.es.js CHANGED
@@ -12,8 +12,8 @@ import { B as C } from "./chunks/BreadcrumbsItem.6c7NEqgi.js";
12
12
  import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
13
13
  import { Badge as _ } from "./lib/Badge/Badge.es.js";
14
14
  import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
15
- import { Box as D } from "./lib/Box/Box.es.js";
16
- import { Checkbox as h } from "./lib/Checkbox/Checkbox.es.js";
15
+ import { Box as h } from "./lib/Box/Box.es.js";
16
+ import { Checkbox as E } from "./lib/Checkbox/Checkbox.es.js";
17
17
  import { Chip as G } from "./lib/Chips/Chip.es.js";
18
18
  import { ChipGroup as M } from "./lib/Chips/ChipGroup.es.js";
19
19
  import { Divider as y } from "./lib/Divider/Divider.es.js";
@@ -36,7 +36,7 @@ import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
36
36
  import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
37
37
  import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
38
38
  import { RadioButton as Po } from "./lib/RadioButton/RadioButton.es.js";
39
- 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 Do, Root as Eo, SideNav as ho, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
39
+ 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";
40
40
  import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
41
41
  import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
42
42
  import { Select as wo } from "./lib/Select/Select.es.js";
@@ -57,18 +57,19 @@ import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
57
57
  import { HeaderMasthead as Pr } from "./lib/Header/HeaderMasthead.es.js";
58
58
  import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
59
59
  import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
60
- import { PortalContext as Or, usePortal as Dr } from "./lib/PortalProvider/PortalContext.es.js";
61
- import { PortalProvider as hr } from "./lib/PortalProvider/PortalProvider.es.js";
60
+ import { PortalContext as Or, usePortal as hr } from "./lib/PortalProvider/PortalContext.es.js";
61
+ import { PortalProvider as Er } from "./lib/PortalProvider/PortalProvider.es.js";
62
62
  import { Popover as Gr } from "./lib/Popover/Popover.es.js";
63
63
  import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
64
64
  import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
65
65
  import { Slider as Fr } from "./lib/Slider/Slider.es.js";
66
66
  import { Card as Wr } from "./lib/Card/Card.es.js";
67
67
  import { CardGroup as Kr } from "./lib/Card/CardGroup.es.js";
68
- import { ALL_THEMES as Qr, BeamThemeProvider as jr, fromAttr as qr, toAttr as zr, useBeamTheme as Jr } from "./utils/theming/useBeamTheme.es.js";
69
- import { v as Zr } from "./chunks/useFormValidator.hook.CSmddwEt.js";
68
+ import { Search as Qr } from "./lib/Search/Search.es.js";
69
+ import { ALL_THEMES as qr, BeamThemeProvider as zr, fromAttr as Jr, toAttr as Xr, useBeamTheme as Zr } from "./utils/theming/useBeamTheme.es.js";
70
+ import { v as oe } from "./chunks/useFormValidator.hook.CSmddwEt.js";
70
71
  export {
71
- Qr as ALL_THEMES,
72
+ qr as ALL_THEMES,
72
73
  t as Accordion,
73
74
  m as AccordionGroup,
74
75
  fo as ActionList,
@@ -77,15 +78,15 @@ export {
77
78
  n as Avatar,
78
79
  _ as Badge,
79
80
  H as BadgeDot,
80
- jr as BeamThemeProvider,
81
- D as Box,
81
+ zr as BeamThemeProvider,
82
+ h as Box,
82
83
  L as Breadcrumb,
83
84
  C as BreadcrumbItem,
84
85
  T as Button,
85
86
  l as ButtonIconWrap,
86
87
  Wr as Card,
87
88
  Kr as CardGroup,
88
- h as Checkbox,
89
+ E as Checkbox,
89
90
  Z as CheckboxGroup,
90
91
  G as Chip,
91
92
  M as ChipGroup,
@@ -119,15 +120,16 @@ export {
119
120
  Bo as Pagination,
120
121
  Gr as Popover,
121
122
  Or as PortalContext,
122
- hr as PortalProvider,
123
+ Er as PortalProvider,
123
124
  vo as ProgressBar,
124
- Do as RAIL_LAYOUT,
125
+ ho as RAIL_LAYOUT,
125
126
  Po as RadioButton,
126
127
  oo as RadioButtonGroup,
127
- Eo as Root,
128
+ Do as Root,
129
+ Qr as Search,
128
130
  Yo as SegmentedControl,
129
131
  wo as Select,
130
- ho as SideNav,
132
+ Eo as SideNav,
131
133
  Io as SideNavBackdrops,
132
134
  Go as SideNavClosedLayouts,
133
135
  bo as SideNavOpenLayouts,
@@ -148,14 +150,14 @@ export {
148
150
  sr as ToastProvider,
149
151
  Sr as Tooltip,
150
152
  cr as TooltipIconTrigger,
151
- qr as fromAttr,
153
+ Jr as fromAttr,
152
154
  Xo as processMetadata,
153
- zr as toAttr,
155
+ Xr as toAttr,
154
156
  Zo as useBeamStepper,
155
- Jr as useBeamTheme,
157
+ Zr as useBeamTheme,
156
158
  To as useMenuContext,
157
- Dr as usePortal,
159
+ hr as usePortal,
158
160
  ko as useSideNavContext,
159
161
  ur as useToast,
160
- Zr as validators
162
+ oe as validators
161
163
  };
@@ -10,7 +10,7 @@ import "../../chunks/constants.CKKGf1-i.js";
10
10
  import { s as r } from "../../chunks/dialog.module.TRHzVysh.js";
11
11
  import { Tooltip as k } from "../Tooltip/Tooltip.es.js";
12
12
  import { CloseButton as B } from "../CloseButton/CloseButton.es.js";
13
- import { a as P } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
13
+ import { u as P } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
14
14
  import { useDialogContext as D } from "./Dialog.context.es.js";
15
15
  const m = {
16
16
  positive: "Success",
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
2
+ import "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
3
  import { Trigger as o } from "../FloatingUI/FloatingUI.trigger.es.js";
4
4
  import { CloseTrigger as e } from "../FloatingUI/FloatingUI.trigger.close.es.js";
5
5
  import "../FloatingUI/FloatingUI.content.es.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, jsxs as M } from "react/jsx-runtime";
2
- import { a as v, v as I } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
2
+ import { u as v, v as I } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
3
  import c, { useMemo as N } from "react";
4
4
  import { useMergeRefs as B, useTransitionStatus as R, FloatingNode as S, FloatingPortal as D, FloatingOverlay as O, FloatingFocusManager as U } from "@floating-ui/react";
5
5
  import { g as u } from "../../chunks/classNames.BTJmrO_L.js";
@@ -1,5 +1,5 @@
1
1
  import "react";
2
- import { B as e, u as n, a as r } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
2
+ import { B as e, a as n, u as r } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
3
  import "@floating-ui/react";
4
4
  import "./FloatingUI.interactions.es.js";
5
5
  export {
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { u as n, B as r } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
2
+ import { a as n, B as r } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
3
  function m({
4
4
  children: o,
5
5
  ...t
@@ -1,20 +1,20 @@
1
- import { jsx as f, Fragment as u } from "react/jsx-runtime";
2
- import { useMemo as a, useCallback as m, cloneElement as C } from "react";
1
+ import { jsx as u, Fragment as f } from "react/jsx-runtime";
2
+ import { useMemo as m, useCallback as a, cloneElement as C } from "react";
3
3
  import { ensureSingularRef as d } from "../../utils/functions.es.js";
4
- import { a as g } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
4
+ import { u as g } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
5
5
  const b = ({ children: e, ...l }) => {
6
- const { setOpen: r } = g(), o = a(() => d(e), [e]), n = m(
6
+ const { setOpen: r } = g(), o = m(() => d(e), [e]), n = a(
7
7
  (s) => {
8
8
  r == null || r(!1, s, "click");
9
9
  },
10
10
  [r]
11
- ), t = m(
11
+ ), t = a(
12
12
  (s) => {
13
13
  var c, i;
14
14
  n(s), (i = (c = o.props).onClick) == null || i.call(c, s);
15
15
  },
16
16
  [n, o.props]
17
- ), p = a(
17
+ ), p = m(
18
18
  () => ({
19
19
  ...l,
20
20
  ...o.props,
@@ -22,7 +22,7 @@ const b = ({ children: e, ...l }) => {
22
22
  }),
23
23
  [t, l, o.props]
24
24
  );
25
- return /* @__PURE__ */ f(u, { children: C(o, p) });
25
+ return /* @__PURE__ */ u(f, { children: C(o, p) });
26
26
  };
27
27
  export {
28
28
  b as CloseTrigger,
@@ -1,10 +1,10 @@
1
1
  import f, { useMemo as c } from "react";
2
- import { a } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
3
- import { useMergeRefs as i } from "@floating-ui/react";
4
- import { ensureSingularRef as m } from "../../utils/functions.es.js";
2
+ import { u as i } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
+ import { useMergeRefs as m } from "@floating-ui/react";
4
+ import { ensureSingularRef as p } from "../../utils/functions.es.js";
5
5
  const h = ({ children: r, ...o }) => {
6
6
  try {
7
- const t = a(), e = c(() => m(r), [r]), n = i([
7
+ const t = i(), e = c(() => p(r), [r]), n = m([
8
8
  t.refs.setReference,
9
9
  e.props.ref ?? e.ref
10
10
  ]), s = t.getReferenceProps({
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { ActionListContextProvider as i } from "../ActionList/ActionList.context.es.js";
3
- import { a as n } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
3
+ import { u as n } from "../../chunks/FloatingUI.context.D3kSM-y1.js";
4
4
  const x = ({
5
5
  children: t,
6
6
  ...o
@@ -3,7 +3,7 @@ import a from "clsx";
3
3
  import { p as n } from "../../chunks/popover.module.3dnl8y6-.js";
4
4
  import { g as i } from "../../chunks/classNames.BTJmrO_L.js";
5
5
  import { t as f, c as C } from "../../chunks/constants.CKKGf1-i.js";
6
- import "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
6
+ import "../../chunks/FloatingUI.context.D3kSM-y1.js";
7
7
  import "react";
8
8
  import "@floating-ui/react";
9
9
  import { Content as c } from "../FloatingUI/FloatingUI.content.es.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
2
+ import "../../chunks/FloatingUI.context.D3kSM-y1.js";
3
3
  import { Trigger as g } from "../FloatingUI/FloatingUI.trigger.es.js";
4
4
  import { CloseTrigger as i } from "../FloatingUI/FloatingUI.trigger.close.es.js";
5
5
  import "../FloatingUI/FloatingUI.content.es.js";
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),n=require("../ActionList/ActionList.cjs.js"),s=o.forwardRef(({children:t,...e},i)=>r.jsx(n.ActionList.Item,{ref:i,...e,children:t}));exports.Item=s;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef, ElementType, ReactElement } from 'react';
2
- import { ActionListItemProps } from '../../ActionList/ActionList.Item';
2
+ import { ActionListItemProps } from '../ActionList/ActionList.Item';
3
3
  export type SearchResultsItemProps<C extends ElementType = 'div'> = Omit<ActionListItemProps<C>, 'defaultSelected' | 'kind' | 'onSelectionChange' | 'role'>;
4
4
  interface SearchResultsItemComponent {
5
5
  <C extends ElementType = 'div'>(props: ActionListItemProps<C> & {
@@ -1,6 +1,6 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
2
  import { forwardRef as e } from "react";
3
- import { ActionList as f } from "../../ActionList/ActionList.es.js";
3
+ import { ActionList as f } from "../ActionList/ActionList.es.js";
4
4
  const s = e(
5
5
  ({ children: r, ...o }, t) => /* @__PURE__ */ m(f.Item, { ref: t, ...o, children: r })
6
6
  );
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../chunks/Search.Results.DqEXVJeE.js");require("../ActionList/ActionList.cjs.js");require("../Icon/Icon.cjs.js");exports.ViewAll=e.ViewAll;
@@ -11,12 +11,19 @@ export type SearchResultsViewAllProps<C extends ElementType = 'div'> = {
11
11
  * 'group' when inside a Search.Results, 'global' when directly inside Search.
12
12
  */
13
13
  variant?: 'group' | 'global';
14
- } & ComponentPropsWithoutRef<C>;
14
+ } & // Intentionally not using Omit<..., 'as' | 'variant'> here — the conflict scenario
15
+ ComponentPropsWithoutRef<C>;
15
16
  interface SearchResultsViewAllComponent {
16
17
  <C extends ElementType = 'div'>(props: SearchResultsViewAllProps<C> & {
17
18
  ref?: ComponentPropsWithRef<C>['ref'];
18
19
  }): ReactElement | null;
19
20
  displayName?: string;
20
21
  }
22
+ interface SearchResultsViewAllComponent {
23
+ <C extends React.ElementType = 'div'>(props: SearchResultsViewAllProps<C> & {
24
+ ref?: React.ComponentPropsWithRef<C>['ref'];
25
+ }): React.ReactElement | null;
26
+ displayName?: string;
27
+ }
21
28
  export declare const ViewAll: SearchResultsViewAllComponent;
22
29
  export {};
@@ -0,0 +1,11 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../chunks/classNames.BTJmrO_L.js";
4
+ import "../../chunks/constants.CKKGf1-i.js";
5
+ import "clsx";
6
+ import { V as a } from "../../chunks/Search.Results.XLqY_iES.js";
7
+ import "../ActionList/ActionList.es.js";
8
+ import "../Icon/Icon.es.js";
9
+ export {
10
+ a as ViewAll
11
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../chunks/Search.Results.DqEXVJeE.js");require("./Search.Results.Item.cjs.js");require("../ActionList/ActionList.cjs.js");exports.Results=e.Results;exports.SearchResultsContext=e.SearchResultsContext;
@@ -0,0 +1,12 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../chunks/classNames.BTJmrO_L.js";
4
+ import "../../chunks/constants.CKKGf1-i.js";
5
+ import "clsx";
6
+ import { R, a as l } from "../../chunks/Search.Results.XLqY_iES.js";
7
+ import "./Search.Results.Item.es.js";
8
+ import "../ActionList/ActionList.es.js";
9
+ export {
10
+ R as Results,
11
+ l as SearchResultsContext
12
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),be=require("../../chunks/classNames.DAeKwerT.js"),_e=require("../../chunks/constants.hwjHOsvT.js"),S=require("react"),t=require("../../chunks/Search.Results.DqEXVJeE.js"),V=require("clsx"),pe=require("../../chunks/form.context.hesWPMlU.js"),fe=require("../Form/contexts/label.context.cjs.js"),xe=require("../Form/contexts/helperText.context.cjs.js"),me=require("../Form/hooks/useUniversalRef.hook.cjs.js"),_=require("../Form/hooks/useAccessibleId.hook.cjs.js"),he=require("../Icon/Icon.cjs.js"),ye=require("./useSearchDropdown.cjs.js"),Se=require("./SearchDropdown.cjs.js"),Ie=require("../ActionList/ActionList.cjs.js"),qe=require("../../utils/hooks/useDebounced.cjs.js"),Re=require("../../utils/hooks/useEffectAfterMount.cjs.js"),je=require("../Spinner/Spinner.cjs.js"),Ne=require("../CloseButton/CloseButton.cjs.js"),{baseClassNamePrefix:De,subElementClassPrefix:c,classModifierPrefix:p}=be.getBEMClassNames("search"),n=S.forwardRef(({id:C,defaultValue:z="",value:I,onChange:r,onSearch:U,loading:q=!1,debounce:W=200,onKeyDown:f,label:R,contentAfter:j,contentBefore:N,helperText:D,fluid:G,width:J,theme:P,disabled:i,hideIcon:Q,icon:X=t.SvgSearch,error:l,readOnly:u,clearable:v=!0,noResults:A,clearButtonAriaLabel:Y="Clear search",className:Z,children:k,"aria-describedby":O,"aria-labelledby":K,"aria-label":w,...x},ee)=>{const{refFn:se,ref:te}=me.useUniversalRef(ee),[re,$]=S.useState(String(z)),d=I!==void 0,o=d?String(I):re,ie=e=>{d||$(e.target.value),r==null||r(e)},{immediate:m,debounced:g}=qe.useDebounced(U,W),le=e=>{if(f==null||f(e),e.key==="Enter"){if(e.isDefaultPrevented()||e.isPropagationStopped())return;const{activeIndex:a,elementsRef:de}=h,y=a!==null?de.current[a]:null;y&&y.getAttribute("aria-disabled")!=="true"?(e.preventDefault(),y.click()):a===null&&m(o)}e.key==="Escape"&&(!v||h.open)&&e.preventDefault()},{id:b}=_.useAccessibleId(),{id:E}=_.useAccessibleId(),{id:F}=_.useAccessibleId(),{id:M}=_.useAccessibleId(),T=!!(l!=null&&l.length),H=!!k||!!A,B=V(D&&M,T&&F,O),L=K??(R?E:void 0),{dropdownProps:h,getFieldProps:ae,getInputProps:ce}=ye.useSearchDropdown({enabled:H,disabled:!!i,readOnly:!!u});Re.useEffectAfterMount(()=>{g(o)},[o,g]);const ne=V(t.styles[De],P&&_e.themeClassName(P),G&&t.styles[`${p}fluid`],i&&t.styles[`${p}disabled`],u&&t.styles[`${p}read-only`],l&&t.styles[`${p}error`],Z),oe=e=>{var a;i||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(a=te.current)==null||a.focus())},ue=S.useCallback(()=>{d?r==null||r({target:{value:"",name:x.name,id:b,type:"search"}}):$(""),m("")},[b,d,r,m,x.name]);return s.jsxs("div",{id:C,className:ne,role:"search",style:{maxWidth:J},"aria-labelledby":L,"aria-label":w,"aria-describedby":B,"aria-busy":q,children:[s.jsx(fe.LabelProvider,{ctxDisabled:!!i,ctxRequired:!1,ctxHtmlFor:b,ctxId:E,children:R}),s.jsxs("div",{className:t.styles[`${c}field`],...ae({onPointerDown:oe}),children:[!Q&&s.jsx(he.Icon,{icon:X,"aria-hidden":!0}),N&&s.jsx("div",{className:t.styles[`${c}content`],children:N}),s.jsx("input",{id:b,type:"search",className:t.styles[`${c}field__input`],value:o,disabled:i,readOnly:u,"aria-invalid":!!l,"aria-labelledby":L,"aria-label":w,"aria-describedby":B,...ce({...x,onChange:ie,onKeyDown:le}),ref:se}),q&&s.jsx("div",{className:t.styles[`${c}field__spinner`],children:s.jsx(je.Spinner,{size:"xxs"})}),v&&o&&!i&&!u&&s.jsx(Ne.CloseButton,{onClick:ue,className:`${c}field__clear-button`,size:"sm","aria-label":Y}),j&&s.jsx("div",{className:t.styles[`${c}content`],children:j})]}),s.jsxs(xe.HelperTextProvider,{ctxId:M,ctxDisabled:!!i,children:[D,T&&s.jsx(pe.HelperText,{id:F,appearance:"negative",children:l})]}),H&&s.jsx(Se.SearchDropdown,{...h,children:s.jsx(Ie.ActionList,{role:"listbox",noResults:A,children:k})})]})});n.displayName="Search";n.Results=t.Results;n.Results.displayName="Search.Results";n.Results.Item.displayName="Search.Results.Item";n.Results.ViewAll.displayName="Search.Results.ViewAll";exports.Search=n;
@@ -2,7 +2,7 @@ import { ThemeTypes } from '@viasat/beam-shared/utils';
2
2
  import { Nullable } from '@viasat/beam-shared/utils/types';
3
3
  import { default as React, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
4
4
  import { Results } from './Search.Results';
5
- import { IconComponentType } from '../../../utils/types';
5
+ import { IconComponentType } from '../../utils/types';
6
6
  export interface SearchProps extends React.ComponentPropsWithRef<'input'> {
7
7
  /**
8
8
  * Specify a callback that gets called whenever a search is conducted
@@ -85,7 +85,7 @@ export interface SearchProps extends React.ComponentPropsWithRef<'input'> {
85
85
  */
86
86
  theme?: ThemeTypes;
87
87
  /**
88
- * Speficy the Search results to display in the Search dropdown
88
+ * Specify the Search results to display in the Search dropdown
89
89
  * (see Search.Results)
90
90
  */
91
91
  children?: React.ReactNode;
@@ -1,22 +1,22 @@
1
1
  import { jsxs as S, jsx as t } from "react/jsx-runtime";
2
- import { g as ue } from "../../../chunks/classNames.BTJmrO_L.js";
3
- import { t as fe } from "../../../chunks/constants.CKKGf1-i.js";
2
+ import { g as ue } from "../../chunks/classNames.BTJmrO_L.js";
3
+ import { t as fe } from "../../chunks/constants.CKKGf1-i.js";
4
4
  import pe, { forwardRef as be, useCallback as he } from "react";
5
- import { s as r, S as xe, R as Ie } from "../../../chunks/Search.Results.wKBufUSo.js";
5
+ import { s as r, S as xe, R as Ie } from "../../chunks/Search.Results.XLqY_iES.js";
6
6
  import q from "clsx";
7
- import { H as ye } from "../../../chunks/form.context.D7b4066_.js";
8
- import { LabelProvider as Se } from "../../Form/contexts/label.context.es.js";
9
- import { HelperTextProvider as Ne } from "../../Form/contexts/helperText.context.es.js";
10
- import { useUniversalRef as Re } from "../../Form/hooks/useUniversalRef.hook.es.js";
11
- import { useAccessibleId as f } from "../../Form/hooks/useAccessibleId.hook.es.js";
12
- import { Icon as Pe } from "../../Icon/Icon.es.js";
7
+ import { H as ye } from "../../chunks/form.context.D7b4066_.js";
8
+ import { LabelProvider as Se } from "../Form/contexts/label.context.es.js";
9
+ import { HelperTextProvider as Ne } from "../Form/contexts/helperText.context.es.js";
10
+ import { useUniversalRef as Re } from "../Form/hooks/useUniversalRef.hook.es.js";
11
+ import { useAccessibleId as f } from "../Form/hooks/useAccessibleId.hook.es.js";
12
+ import { Icon as Pe } from "../Icon/Icon.es.js";
13
13
  import { useSearchDropdown as ve } from "./useSearchDropdown.es.js";
14
14
  import { SearchDropdown as De } from "./SearchDropdown.es.js";
15
- import { ActionList as $e } from "../../ActionList/ActionList.es.js";
16
- import { useDebounced as ge } from "../../../utils/hooks/useDebounced.es.js";
17
- import { useEffectAfterMount as _e } from "../../../utils/hooks/useEffectAfterMount.es.js";
18
- import { Spinner as we } from "../../Spinner/Spinner.es.js";
19
- import { CloseButton as Ee } from "../../CloseButton/CloseButton.es.js";
15
+ import { ActionList as $e } from "../ActionList/ActionList.es.js";
16
+ import { useDebounced as ge } from "../../utils/hooks/useDebounced.es.js";
17
+ import { useEffectAfterMount as _e } from "../../utils/hooks/useEffectAfterMount.es.js";
18
+ import { Spinner as we } from "../Spinner/Spinner.es.js";
19
+ import { CloseButton as Ee } from "../CloseButton/CloseButton.es.js";
20
20
  const { baseClassNamePrefix: ke, subElementClassPrefix: o, classModifierPrefix: p } = ue("search"), n = be(
21
21
  ({
22
22
  id: z,
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("@floating-ui/react"),q=require("../Box/Box.cjs.js"),N=require("clsx"),t=require("../../chunks/classNames.DAeKwerT.js"),_=require("../../chunks/constants.hwjHOsvT.js"),b=require("../ActionList/ActionList.context.cjs.js"),g=require("react"),e=require("../../chunks/Search.Results.DqEXVJeE.js"),h=require("../../chunks/floatingui.module.D3Aw_aYe.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:y}=t.getBEMClassNames("search"),v=[e.Results,e.Results.Item,e.Results.ViewAll],w=({setOpen:o,isMounted:r,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:l,className:x,children:f,activeIndex:C})=>{const d=g.useCallback(()=>o(!1),[o]);return r?s.jsx(p.FloatingPortal,{children:s.jsx(q.Box,{className:N(l&&_.themeClassName(l),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${y}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(b.ActionListContextProvider,{allowChildrenTypes:v,getItemProps:u,itemsFocusable:!1,onItemClick:d,labelsRef:n,elementsRef:c,activeIndex:C,children:f})})}):null};exports.SearchDropdown=w;
@@ -1,14 +1,14 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import { FloatingPortal as d } from "@floating-ui/react";
3
- import { Box as N } from "../../Box/Box.es.js";
3
+ import { Box as N } from "../Box/Box.es.js";
4
4
  import P from "clsx";
5
- import { g as e } from "../../../chunks/classNames.BTJmrO_L.js";
6
- import { t as g } from "../../../chunks/constants.CKKGf1-i.js";
7
- import { ActionListContextProvider as h } from "../../ActionList/ActionList.context.es.js";
5
+ import { g as e } from "../../chunks/classNames.BTJmrO_L.js";
6
+ import { t as g } from "../../chunks/constants.CKKGf1-i.js";
7
+ import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
8
8
  import { useCallback as b } from "react";
9
- import { R as o, s as y } from "../../../chunks/Search.Results.wKBufUSo.js";
10
- import { f as v } from "../../../chunks/floatingui.module.BcBFebz0.js";
11
- import { p as w } from "../../../chunks/popover.module.3dnl8y6-.js";
9
+ import { R as o, s as y } from "../../chunks/Search.Results.XLqY_iES.js";
10
+ import { f as v } from "../../chunks/floatingui.module.BcBFebz0.js";
11
+ import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
12
12
  const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
13
13
  setOpen: r,
14
14
  isMounted: t,
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@floating-ui/react"),o=require("react"),H=require("../FloatingUI/useTyping.cjs.js"),_=require("../FloatingUI/useBlur.cjs.js"),N=h=>{const{disabled:r,readOnly:l,enabled:e=!0}=h,[n,i]=o.useState(!1),d=o.useRef(n);d.current=n;const[f,g]=o.useState(null);o.useEffect(()=>n?void 0:g(null),[n]);const{context:c,refs:a,floatingStyles:p}=s.useFloating({placement:"bottom-start",middleware:[s.flip(),s.size({apply({elements:t,rects:u,availableHeight:S}){Object.assign(t.floating.style,{width:`${u.reference.width}px`}),S<t.floating.scrollHeight?Object.assign(t.floating.style,{maxHeight:`${S}px`,overflowY:"auto"}):Object.assign(t.floating.style,{maxHeight:""})}})],whileElementsMounted:s.autoUpdate,open:n,onOpenChange:i}),b=o.useRef([]),x=o.useRef([]),k=s.useClick(c,{enabled:!n&&e&&!r&&!l,toggle:!1,stickIfOpen:!1,keyboardHandlers:!1}),E=s.useRole(c,{enabled:e,role:"listbox"}),M=H.default(c,{enabled:!n&&e&&!r&&!l,event:"keyboard"}),j=s.useFocus(c,{enabled:!n&&e&&!r&&!l,visibleOnly:!0}),q=s.useDismiss(c,{enabled:n&&e&&!r&&!l,escapeKey:!0,outsidePress:!0,referencePress:!1}),C=_.useBlur(c,{enabled:e&&!r&&!l}),D=s.useListNavigation(c,{enabled:e&&!r&&!l,listRef:b,activeIndex:f,onNavigate:g,focusItemOnHover:!1,focusItemOnOpen:"auto",openOnArrowKeyDown:!0,nested:!1,loop:!0,virtual:!0,scrollItemIntoView:!0}),{getReferenceProps:m,getFloatingProps:y,getItemProps:R}=s.useInteractions([E,M,D]),{getReferenceProps:I}=s.useInteractions([k,j,q,C]),{isMounted:v,styles:O}=s.useTransitionStyles(c,{duration:50});o.useEffect(()=>{if(!e||r||l||d.current)return;const t=a.domReference.current,u=document.activeElement;t&&u&&t.contains(u)&&i(!0)},[e,r,l,i,a.domReference]);const P=o.useCallback((t={})=>e?m(t):t,[m,e]),w=o.useCallback((t={})=>e?{ref:a.setReference,...I(t)}:t,[e,a.setReference,I]),F=o.useMemo(()=>({isMounted:v,getFloatingProps:y,getItemProps:R,floatingStyles:{...p,...O},setOpen:i,labelsRef:x,elementsRef:b,setFloating:a.setFloating,activeIndex:f,open:n}),[v,y,R,p,O,a.setFloating,f,n]);return o.useMemo(()=>({getFieldProps:w,getInputProps:P,dropdownProps:F,refs:a}),[F,w,P,a])};exports.useSearchDropdown=N;
@@ -1,7 +1,7 @@
1
1
  import { useFloating as $, autoUpdate as z, flip as B, size as L, useClick as U, useRole as V, useFocus as Y, useDismiss as q, useListNavigation as G, useInteractions as F, useTransitionStyles as J } from "@floating-ui/react";
2
2
  import { useState as h, useRef as u, useEffect as k, useCallback as S, useMemo as E } from "react";
3
- import Q from "../../FloatingUI/useTyping.es.js";
4
- import { useBlur as W } from "../../FloatingUI/useBlur.es.js";
3
+ import Q from "../FloatingUI/useTyping.es.js";
4
+ import { useBlur as W } from "../FloatingUI/useBlur.es.js";
5
5
  const te = (H) => {
6
6
  const { disabled: n, readOnly: o, enabled: e = !0 } = H, [s, i] = h(!1), f = u(s);
7
7
  f.current = s;
@@ -3,7 +3,7 @@ import { jsx as t, jsxs as w } from "react/jsx-runtime";
3
3
  import { createContext as h, forwardRef as T, useContext as S, useMemo as N } from "react";
4
4
  import { FloatingUIRoot as P } from "../FloatingUI/FloatingUI.root.es.js";
5
5
  import { Trigger as _ } from "../FloatingUI/FloatingUI.trigger.es.js";
6
- import "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
6
+ import "../../chunks/FloatingUI.context.D3kSM-y1.js";
7
7
  import { Content as k } from "../FloatingUI/FloatingUI.content.es.js";
8
8
  import { j as v, k as O } from "../../chunks/tokens.BD_71qmL.js";
9
9
  import { g as $ } from "../../chunks/classNames.BTJmrO_L.js";
package/lib/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),s=require("./Alert/Alert.cjs.js"),c=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.DM3uQ5rs.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),B=require("./Box/Box.cjs.js"),g=require("./Checkbox/Checkbox.cjs.js"),P=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),N=require("./Flag/Flag.cjs.js"),m=require("./Form/Form.cjs.js"),h=require("../chunks/form.context.hesWPMlU.js"),H=require("./Icon/Icon.cjs.js"),G=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),R=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),D=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),y=require("./List/List.cjs.js"),E=require("./ActionList/ActionList.cjs.js"),F=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.BJK1U8nL.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),ce=require("./Card/CardGroup.cjs.js"),de=require("../chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=s.Alert;exports.Autocomplete=c.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=B.Box;exports.Checkbox=g.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=N.Flag;exports.Form=m.Form;exports.HelperText=h.HelperText;exports.Icon=H.Icon;exports.SwitchGroup=G.SwitchGroup;exports.CheckboxGroup=R.CheckboxGroup;exports.RadioButtonGroup=D.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=y.List;exports.ActionList=E.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Slider=le.Slider;exports.Card=se.Card;exports.CardGroup=ce.CardGroup;exports.validators=de.validators;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),c=require("./Accordion/AccordionGroup.cjs.js"),l=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.DM3uQ5rs.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),B=require("./Box/Box.cjs.js"),g=require("./Checkbox/Checkbox.cjs.js"),P=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.hesWPMlU.js"),H=require("./Icon/Icon.cjs.js"),G=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),R=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),D=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),y=require("./List/List.cjs.js"),E=require("./ActionList/ActionList.cjs.js"),F=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.BJK1U8nL.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),ce=require("./Slider/Slider.cjs.js"),le=require("./Card/Card.cjs.js"),se=require("./Card/CardGroup.cjs.js"),de=require("./Search/Search.cjs.js"),be=require("../chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=u.Accordion;exports.AccordionGroup=c.AccordionGroup;exports.Alert=l.Alert;exports.Autocomplete=s.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=B.Box;exports.Checkbox=g.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=m.HelperText;exports.Icon=H.Icon;exports.SwitchGroup=G.SwitchGroup;exports.CheckboxGroup=R.CheckboxGroup;exports.RadioButtonGroup=D.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=y.List;exports.ActionList=E.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Slider=ce.Slider;exports.Card=le.Card;exports.CardGroup=se.CardGroup;exports.Search=de.Search;exports.validators=be.validators;
package/lib/index.d.ts CHANGED
@@ -49,3 +49,4 @@ export * from './PageHeader';
49
49
  export * from './PageLayout';
50
50
  export * from './Slider';
51
51
  export * from './Card';
52
+ export * from './Search';
package/lib/index.es.js CHANGED
@@ -5,7 +5,7 @@ import { Autocomplete as f } from "./Autocomplete/Autocomplete.es.js";
5
5
  import { Avatar as d } from "./Avatar/index.es.js";
6
6
  import { CloseButton as s } from "./CloseButton/CloseButton.es.js";
7
7
  import { Button as A, ButtonIconWrap as l } from "./Button/Button.es.js";
8
- import { Dialog as c } from "./Dialog/Dialog.es.js";
8
+ import { Dialog as S } from "./Dialog/Dialog.es.js";
9
9
  import { Breadcrumb as v } from "./Breadcrumbs/Breadcrumbs.es.js";
10
10
  import { B as C } from "../chunks/BreadcrumbsItem.6c7NEqgi.js";
11
11
  import { EmptyState as P } from "./EmptyState/EmptyState.es.js";
@@ -13,7 +13,7 @@ import { Badge as g } from "./Badge/Badge.es.js";
13
13
  import { BadgeDot as _ } from "./BadgeDot/BadgeDot.es.js";
14
14
  import { Box as D } from "./Box/Box.es.js";
15
15
  import { Checkbox as I } from "./Checkbox/Checkbox.es.js";
16
- import { Chip as G } from "./Chips/Chip.es.js";
16
+ import { Chip as E } from "./Chips/Chip.es.js";
17
17
  import { ChipGroup as b } from "./Chips/ChipGroup.es.js";
18
18
  import { Divider as y } from "./Divider/Divider.es.js";
19
19
  import { default as k } from "./FileUpload/FileUpload.es.js";
@@ -31,11 +31,11 @@ import { ActionList as ao } from "./ActionList/ActionList.es.js";
31
31
  import { Logo as io } from "./Logo/Logo.es.js";
32
32
  import { Menu as so } from "./Menu/Menu.es.js";
33
33
  import { useMenuContext as Ao } from "./Menu/Menu.context.es.js";
34
- import { NativeSelect as To } from "./NativeSelect/NativeSelect.es.js";
35
- import { Pagination as So } from "./Pagination/Pagination.es.js";
34
+ import { NativeSelect as co } from "./NativeSelect/NativeSelect.es.js";
35
+ import { Pagination as To } from "./Pagination/Pagination.es.js";
36
36
  import { ProgressBar as Bo } from "./ProgressBar/ProgressBar.es.js";
37
37
  import { RadioButton as Lo } from "./RadioButton/RadioButton.es.js";
38
- import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Ho, SideNav as Io, SideNavBackdrops as Eo, SideNavClosedLayouts as Go, SideNavOpenLayouts as ho, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
38
+ import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Ho, SideNav as Io, SideNavBackdrops as ho, SideNavClosedLayouts as Eo, SideNavOpenLayouts as Go, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
39
39
  import { SideNavProvider as yo, useSideNavContext as Mo } from "./SideNav/SideNavContext.es.js";
40
40
  import { SegmentedControl as Fo } from "./SegmentedControl/SegmentedControl.es.js";
41
41
  import { Select as Wo } from "./Select/Select.es.js";
@@ -51,20 +51,21 @@ import { TextField as ar } from "./TextField/TextField.es.js";
51
51
  import { Toast as ir } from "./Toasts/Toast.es.js";
52
52
  import { T as nr, u as sr } from "../chunks/ToastContext.CYGy7l7R.js";
53
53
  import { ToastContainer as Ar } from "./Toasts/ToastContainer.es.js";
54
- import { Tooltip as Tr, TooltipIconTrigger as cr } from "./Tooltip/Tooltip.es.js";
54
+ import { Tooltip as cr, TooltipIconTrigger as Sr } from "./Tooltip/Tooltip.es.js";
55
55
  import { Header as vr, InternalHeader as Br } from "./Header/Header.es.js";
56
56
  import { HeaderMasthead as Lr } from "./Header/HeaderMasthead.es.js";
57
57
  import { HeaderActionGroup as Nr } from "./Header/HeaderActionGroup.es.js";
58
58
  import { HeaderNavigation as Rr } from "./Header/HeaderNavigation.es.js";
59
59
  import { PortalContext as Or, usePortal as Dr } from "./PortalProvider/PortalContext.es.js";
60
60
  import { PortalProvider as Ir } from "./PortalProvider/PortalProvider.es.js";
61
- import { Popover as Gr } from "./Popover/Popover.es.js";
61
+ import { Popover as Er } from "./Popover/Popover.es.js";
62
62
  import { PageHeader as br } from "./PageHeader/PageHeader.es.js";
63
63
  import { PageLayout as yr } from "./PageLayout/PageLayout.es.js";
64
64
  import { Slider as kr } from "./Slider/Slider.es.js";
65
65
  import { Card as Yr } from "./Card/Card.es.js";
66
66
  import { CardGroup as wr } from "./Card/CardGroup.es.js";
67
- import { v as Vr } from "../chunks/useFormValidator.hook.CSmddwEt.js";
67
+ import { Search as Vr } from "./Search/Search.es.js";
68
+ import { v as jr } from "../chunks/useFormValidator.hook.CSmddwEt.js";
68
69
  export {
69
70
  e as Accordion,
70
71
  p as AccordionGroup,
@@ -83,11 +84,11 @@ export {
83
84
  wr as CardGroup,
84
85
  I as Checkbox,
85
86
  X as CheckboxGroup,
86
- G as Chip,
87
+ E as Chip,
87
88
  b as ChipGroup,
88
89
  s as CloseButton,
89
90
  No as DRAWER_LAYOUT,
90
- c as Dialog,
91
+ S as Dialog,
91
92
  y as Divider,
92
93
  P as EmptyState,
93
94
  k as FileUpload,
@@ -108,12 +109,12 @@ export {
108
109
  io as Logo,
109
110
  so as Menu,
110
111
  _o as NO_LAYOUT,
111
- To as NativeSelect,
112
+ co as NativeSelect,
112
113
  Oo as OPAQUE_BACKDROP,
113
114
  br as PageHeader,
114
115
  yr as PageLayout,
115
- So as Pagination,
116
- Gr as Popover,
116
+ To as Pagination,
117
+ Er as Popover,
117
118
  Or as PortalContext,
118
119
  Ir as PortalProvider,
119
120
  Bo as ProgressBar,
@@ -121,12 +122,13 @@ export {
121
122
  Lo as RadioButton,
122
123
  $ as RadioButtonGroup,
123
124
  Ho as Root,
125
+ Vr as Search,
124
126
  Fo as SegmentedControl,
125
127
  Wo as Select,
126
128
  Io as SideNav,
127
- Eo as SideNavBackdrops,
128
- Go as SideNavClosedLayouts,
129
- ho as SideNavOpenLayouts,
129
+ ho as SideNavBackdrops,
130
+ Eo as SideNavClosedLayouts,
131
+ Go as SideNavOpenLayouts,
130
132
  yo as SideNavProvider,
131
133
  kr as Slider,
132
134
  Ko as Spinner,
@@ -142,13 +144,13 @@ export {
142
144
  ir as Toast,
143
145
  Ar as ToastContainer,
144
146
  nr as ToastProvider,
145
- Tr as Tooltip,
146
- cr as TooltipIconTrigger,
147
+ cr as Tooltip,
148
+ Sr as TooltipIconTrigger,
147
149
  Jo as processMetadata,
148
150
  Xo as useBeamStepper,
149
151
  Ao as useMenuContext,
150
152
  Dr as usePortal,
151
153
  Mo as useSideNavContext,
152
154
  sr as useToast,
153
- Vr as validators
155
+ jr as validators
154
156
  };
@@ -3,7 +3,7 @@ import { useContext as r, useLayoutEffect as f } from "react";
3
3
  import p from "clsx";
4
4
  import { g as u } from "../../../chunks/classNames.BTJmrO_L.js";
5
5
  import "../../../chunks/constants.CKKGf1-i.js";
6
- import { B as g } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
6
+ import { B as g } from "../../../chunks/FloatingUI.context.D3kSM-y1.js";
7
7
  import { PanelContext as x } from "./Panel.context.es.js";
8
8
  import { useId as I } from "../../../utils/hooks/useId.es.js";
9
9
  import { s as b } from "../../../chunks/panel.module.DJLJpnm_.js";
@@ -4,7 +4,7 @@ import { g as F } from "../../../chunks/classNames.BTJmrO_L.js";
4
4
  import "../../../chunks/constants.CKKGf1-i.js";
5
5
  import { PanelContext as w } from "./Panel.context.es.js";
6
6
  import { FloatingUIRoot as U } from "../../FloatingUI/FloatingUI.root.es.js";
7
- import { a as b } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
7
+ import { u as b } from "../../../chunks/FloatingUI.context.D3kSM-y1.js";
8
8
  import { InlineDivider as u } from "./Panel.Divider.es.js";
9
9
  import { s as j } from "../../../chunks/panel.module.DJLJpnm_.js";
10
10
  const { baseClassNamePrefix: y } = F("panel"), B = ({
@@ -15,8 +15,8 @@ const { baseClassNamePrefix: y } = F("panel"), B = ({
15
15
  dividerBefore: r,
16
16
  dividerInner: l,
17
17
  dividerAfter: m,
18
- alwaysVisible: s,
19
- dividerColor: a,
18
+ alwaysVisible: a,
19
+ dividerColor: s,
20
20
  ...p
21
21
  }) => {
22
22
  const {
@@ -26,9 +26,9 @@ const { baseClassNamePrefix: y } = F("panel"), B = ({
26
26
  } = b(), { isMounted: I, status: d } = N(
27
27
  c,
28
28
  f
29
- ), h = s && d === "initial" ? "open" : d;
29
+ ), h = a && d === "initial" ? "open" : d;
30
30
  return I ? /* @__PURE__ */ g(C, { children: [
31
- r && /* @__PURE__ */ t(u, { position: n, dividerColor: a }),
31
+ r && /* @__PURE__ */ t(u, { position: n, dividerColor: s }),
32
32
  /* @__PURE__ */ t(
33
33
  "div",
34
34
  {
@@ -37,12 +37,12 @@ const { baseClassNamePrefix: y } = F("panel"), B = ({
37
37
  "data-position": n,
38
38
  "data-status": h,
39
39
  children: /* @__PURE__ */ g("div", { className: j[`${y}__inline-wrapper-content`], children: [
40
- l && /* @__PURE__ */ t(u, { position: n, dividerColor: a }),
40
+ l && /* @__PURE__ */ t(u, { position: n, dividerColor: s }),
41
41
  /* @__PURE__ */ t("aside", { ...p, className: e, children: i })
42
42
  ] })
43
43
  }
44
44
  ),
45
- m && /* @__PURE__ */ t(u, { position: n, dividerColor: a })
45
+ m && /* @__PURE__ */ t(u, { position: n, dividerColor: s })
46
46
  ] }) : null;
47
47
  }, V = ({
48
48
  contextValue: i,
@@ -52,17 +52,17 @@ const { baseClassNamePrefix: y } = F("panel"), B = ({
52
52
  dividerBefore: r,
53
53
  dividerInner: l,
54
54
  dividerAfter: m,
55
- open: s,
56
- transitionConfig: a,
55
+ open: a,
56
+ transitionConfig: s,
57
57
  dividerColor: p,
58
58
  children: c,
59
59
  ...f
60
60
  }) => /* @__PURE__ */ t(w.Provider, { value: i, children: /* @__PURE__ */ t(
61
61
  U,
62
62
  {
63
- open: s ?? !0,
63
+ open: a ?? !0,
64
64
  portalled: !1,
65
- transitionConfig: a,
65
+ transitionConfig: s,
66
66
  children: /* @__PURE__ */ t(
67
67
  B,
68
68
  {
@@ -73,7 +73,7 @@ const { baseClassNamePrefix: y } = F("panel"), B = ({
73
73
  dividerInner: l,
74
74
  dividerAfter: m,
75
75
  dividerColor: p,
76
- alwaysVisible: s === void 0,
76
+ alwaysVisible: a === void 0,
77
77
  ...f,
78
78
  children: c
79
79
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Search/Search.cjs.js"),r=require("./Panel/Panel.cjs.js");exports.Search=e.Search;exports.Panel=r.Panel;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Panel/Panel.cjs.js");exports.Panel=e.Panel;
@@ -1,2 +1 @@
1
- export * from './Search';
2
1
  export * from './Panel';
@@ -1,6 +1,4 @@
1
- import { Search as o } from "./Search/Search.es.js";
2
- import { Panel as f } from "./Panel/Panel.es.js";
1
+ import { Panel as r } from "./Panel/Panel.es.js";
3
2
  export {
4
- f as Panel,
5
- o as Search
3
+ r as Panel
6
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-react",
3
- "version": "2.23.0",
3
+ "version": "2.25.0",
4
4
  "description": "React component library for the Beam design system",
5
5
  "license": "MIT",
6
6
  "author": "Viasat",
@@ -59,11 +59,11 @@
59
59
  "access": "public"
60
60
  },
61
61
  "dependencies": {
62
- "@viasat/beam-fonts": "2.23.0",
63
- "@viasat/beam-shared": "2.23.0",
64
- "@viasat/beam-styles": "2.23.0",
65
- "@viasat/beam-tokens": "2.23.0",
66
- "@viasat/beam-icons": "2.23.0",
62
+ "@viasat/beam-fonts": "2.25.0",
63
+ "@viasat/beam-shared": "2.25.0",
64
+ "@viasat/beam-styles": "2.25.0",
65
+ "@viasat/beam-tokens": "2.25.0",
66
+ "@viasat/beam-icons": "2.25.0",
67
67
  "clsx": "^1.2.1",
68
68
  "@floating-ui/react": "^0.26.18",
69
69
  "@stepperize/react": "^5.1.5",
@@ -1 +0,0 @@
1
- var L=require("../assets/Search.css");const c=require("react/jsx-runtime"),a=require("react"),m=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),w=require("../lib/wip/Search/Search.Results.Item.cjs.js"),u=require("../lib/ActionList/ActionList.cjs.js"),x=require("../lib/Icon/Icon.cjs.js");function R(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const _=R(a),d=e=>_.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-search":"bm-search","bm-search--disabled":"bm-search--disabled","bm-search--fluid":"bm-search--fluid","bm-search__field":"bm-search__field","bm-search__field__input":"bm-search__field__input","bm-search--error":"bm-search--error","bm-search--read-only":"bm-search--read-only","bm-search__content":"bm-search__content","bm-search__field__spinner":"bm-search__field__spinner","bm-search__dropdown":"bm-search__dropdown","bm-search__results__view-all":"bm-search__results__view-all","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-search__results__view-all--group":"bm-search__results__view-all--group"},{baseClassNamePrefix:N,classModifierPrefix:S}=m.getBEMClassNames("search__results__view-all"),h=a.forwardRef(({children:e,onClick:r,variant:s,as:t="div",className:f,...p},v)=>{const g=a.useContext(i),o=s??(g?"group":"global"),C=b.clsx(l[N],l[`${S}${o}`],f);return c.jsx(u.ActionList.Item,{ref:v,className:C,onClick:r,contentBefore:o==="global"?c.jsx(x.Icon,{icon:d}):void 0,role:"option",as:t,...p,children:e})}),{baseClassNamePrefix:j}=m.getBEMClassNames("search"),i=a.createContext(!1),n=({children:e,...r})=>{const s=b.clsx(l[`${j}__results`]);return c.jsx(i.Provider,{value:!0,children:c.jsx(u.ActionList.Group,{className:s,...r,children:e})})};n.displayName="Results";n.Item=w.Item;n.ViewAll=h;exports.Results=n;exports.SearchResultsContext=i;exports.SvgSearch=d;exports.ViewAll=h;exports.styles=l;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),n=require("../../ActionList/ActionList.cjs.js"),s=o.forwardRef(({children:t,...e},i)=>r.jsx(n.ActionList.Item,{ref:i,...e,children:t}));exports.Item=s;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../../chunks/Search.Results.BM9NkYBp.js");require("../../ActionList/ActionList.cjs.js");require("../../Icon/Icon.cjs.js");exports.ViewAll=e.ViewAll;
@@ -1,11 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../../chunks/classNames.BTJmrO_L.js";
4
- import "../../../chunks/constants.CKKGf1-i.js";
5
- import "clsx";
6
- import { V as a } from "../../../chunks/Search.Results.wKBufUSo.js";
7
- import "../../ActionList/ActionList.es.js";
8
- import "../../Icon/Icon.es.js";
9
- export {
10
- a as ViewAll
11
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../../chunks/Search.Results.BM9NkYBp.js");require("./Search.Results.Item.cjs.js");require("../../ActionList/ActionList.cjs.js");exports.Results=e.Results;exports.SearchResultsContext=e.SearchResultsContext;
@@ -1,12 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../../chunks/classNames.BTJmrO_L.js";
4
- import "../../../chunks/constants.CKKGf1-i.js";
5
- import "clsx";
6
- import { R, a as l } from "../../../chunks/Search.Results.wKBufUSo.js";
7
- import "./Search.Results.Item.es.js";
8
- import "../../ActionList/ActionList.es.js";
9
- export {
10
- R as Results,
11
- l as SearchResultsContext
12
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),be=require("../../../chunks/classNames.DAeKwerT.js"),_e=require("../../../chunks/constants.hwjHOsvT.js"),S=require("react"),t=require("../../../chunks/Search.Results.BM9NkYBp.js"),V=require("clsx"),pe=require("../../../chunks/form.context.hesWPMlU.js"),fe=require("../../Form/contexts/label.context.cjs.js"),xe=require("../../Form/contexts/helperText.context.cjs.js"),me=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),_=require("../../Form/hooks/useAccessibleId.hook.cjs.js"),he=require("../../Icon/Icon.cjs.js"),ye=require("./useSearchDropdown.cjs.js"),Se=require("./SearchDropdown.cjs.js"),Ie=require("../../ActionList/ActionList.cjs.js"),qe=require("../../../utils/hooks/useDebounced.cjs.js"),Re=require("../../../utils/hooks/useEffectAfterMount.cjs.js"),je=require("../../Spinner/Spinner.cjs.js"),Ne=require("../../CloseButton/CloseButton.cjs.js"),{baseClassNamePrefix:De,subElementClassPrefix:c,classModifierPrefix:p}=be.getBEMClassNames("search"),n=S.forwardRef(({id:C,defaultValue:z="",value:I,onChange:i,onSearch:U,loading:q=!1,debounce:W=200,onKeyDown:f,label:R,contentAfter:j,contentBefore:N,helperText:D,fluid:G,width:J,theme:P,disabled:r,hideIcon:Q,icon:X=t.SvgSearch,error:l,readOnly:u,clearable:v=!0,noResults:w,clearButtonAriaLabel:Y="Clear search",className:Z,children:A,"aria-describedby":O,"aria-labelledby":K,"aria-label":k,...x},ee)=>{const{refFn:se,ref:te}=me.useUniversalRef(ee),[ie,$]=S.useState(String(z)),d=I!==void 0,o=d?String(I):ie,re=e=>{d||$(e.target.value),i==null||i(e)},{immediate:m,debounced:g}=qe.useDebounced(U,W),le=e=>{if(f==null||f(e),e.key==="Enter"){if(e.isDefaultPrevented()||e.isPropagationStopped())return;const{activeIndex:a,elementsRef:de}=h,y=a!==null?de.current[a]:null;y&&y.getAttribute("aria-disabled")!=="true"?(e.preventDefault(),y.click()):a===null&&m(o)}e.key==="Escape"&&(!v||h.open)&&e.preventDefault()},{id:b}=_.useAccessibleId(),{id:E}=_.useAccessibleId(),{id:F}=_.useAccessibleId(),{id:M}=_.useAccessibleId(),T=!!(l!=null&&l.length),H=!!A||!!w,B=V(D&&M,T&&F,O),L=K??(R?E:void 0),{dropdownProps:h,getFieldProps:ae,getInputProps:ce}=ye.useSearchDropdown({enabled:H,disabled:!!r,readOnly:!!u});Re.useEffectAfterMount(()=>{g(o)},[o,g]);const ne=V(t.styles[De],P&&_e.themeClassName(P),G&&t.styles[`${p}fluid`],r&&t.styles[`${p}disabled`],u&&t.styles[`${p}read-only`],l&&t.styles[`${p}error`],Z),oe=e=>{var a;r||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(a=te.current)==null||a.focus())},ue=S.useCallback(()=>{d?i==null||i({target:{value:"",name:x.name,id:b,type:"search"}}):$(""),m("")},[b,d,i,m,x.name]);return s.jsxs("div",{id:C,className:ne,role:"search",style:{maxWidth:J},"aria-labelledby":L,"aria-label":k,"aria-describedby":B,"aria-busy":q,children:[s.jsx(fe.LabelProvider,{ctxDisabled:!!r,ctxRequired:!1,ctxHtmlFor:b,ctxId:E,children:R}),s.jsxs("div",{className:t.styles[`${c}field`],...ae({onPointerDown:oe}),children:[!Q&&s.jsx(he.Icon,{icon:X,"aria-hidden":!0}),N&&s.jsx("div",{className:t.styles[`${c}content`],children:N}),s.jsx("input",{id:b,type:"search",className:t.styles[`${c}field__input`],value:o,disabled:r,readOnly:u,"aria-invalid":!!l,"aria-labelledby":L,"aria-label":k,"aria-describedby":B,...ce({...x,onChange:re,onKeyDown:le}),ref:se}),q&&s.jsx("div",{className:t.styles[`${c}field__spinner`],children:s.jsx(je.Spinner,{size:"xxs"})}),v&&o&&!r&&!u&&s.jsx(Ne.CloseButton,{onClick:ue,className:`${c}field__clear-button`,size:"sm","aria-label":Y}),j&&s.jsx("div",{className:t.styles[`${c}content`],children:j})]}),s.jsxs(xe.HelperTextProvider,{ctxId:M,ctxDisabled:!!r,children:[D,T&&s.jsx(pe.HelperText,{id:F,appearance:"negative",children:l})]}),H&&s.jsx(Se.SearchDropdown,{...h,children:s.jsx(Ie.ActionList,{role:"listbox",noResults:w,children:A})})]})});n.displayName="Search";n.Results=t.Results;n.Results.displayName="Search.Results";n.Results.Item.displayName="Search.Results.Item";n.Results.ViewAll.displayName="Search.Results.ViewAll";exports.Search=n;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("@floating-ui/react"),_=require("../../Box/Box.cjs.js"),q=require("clsx"),t=require("../../../chunks/classNames.DAeKwerT.js"),N=require("../../../chunks/constants.hwjHOsvT.js"),b=require("../../ActionList/ActionList.context.cjs.js"),g=require("react"),e=require("../../../chunks/Search.Results.BM9NkYBp.js"),h=require("../../../chunks/floatingui.module.D3Aw_aYe.js"),B=require("../../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:r,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:l,className:x,children:f,activeIndex:C})=>{const d=g.useCallback(()=>o(!1),[o]);return r?s.jsx(p.FloatingPortal,{children:s.jsx(_.Box,{className:q(l&&N.themeClassName(l),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(b.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:d,labelsRef:n,elementsRef:c,activeIndex:C,children:f})})}):null};exports.SearchDropdown=v;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@floating-ui/react"),o=require("react"),H=require("../../FloatingUI/useTyping.cjs.js"),_=require("../../FloatingUI/useBlur.cjs.js"),N=h=>{const{disabled:r,readOnly:l,enabled:e=!0}=h,[n,i]=o.useState(!1),d=o.useRef(n);d.current=n;const[f,g]=o.useState(null);o.useEffect(()=>n?void 0:g(null),[n]);const{context:c,refs:a,floatingStyles:p}=s.useFloating({placement:"bottom-start",middleware:[s.flip(),s.size({apply({elements:t,rects:u,availableHeight:S}){Object.assign(t.floating.style,{width:`${u.reference.width}px`}),S<t.floating.scrollHeight?Object.assign(t.floating.style,{maxHeight:`${S}px`,overflowY:"auto"}):Object.assign(t.floating.style,{maxHeight:""})}})],whileElementsMounted:s.autoUpdate,open:n,onOpenChange:i}),b=o.useRef([]),x=o.useRef([]),k=s.useClick(c,{enabled:!n&&e&&!r&&!l,toggle:!1,stickIfOpen:!1,keyboardHandlers:!1}),E=s.useRole(c,{enabled:e,role:"listbox"}),M=H.default(c,{enabled:!n&&e&&!r&&!l,event:"keyboard"}),j=s.useFocus(c,{enabled:!n&&e&&!r&&!l,visibleOnly:!0}),q=s.useDismiss(c,{enabled:n&&e&&!r&&!l,escapeKey:!0,outsidePress:!0,referencePress:!1}),C=_.useBlur(c,{enabled:e&&!r&&!l}),D=s.useListNavigation(c,{enabled:e&&!r&&!l,listRef:b,activeIndex:f,onNavigate:g,focusItemOnHover:!1,focusItemOnOpen:"auto",openOnArrowKeyDown:!0,nested:!1,loop:!0,virtual:!0,scrollItemIntoView:!0}),{getReferenceProps:m,getFloatingProps:y,getItemProps:R}=s.useInteractions([E,M,D]),{getReferenceProps:I}=s.useInteractions([k,j,q,C]),{isMounted:v,styles:O}=s.useTransitionStyles(c,{duration:50});o.useEffect(()=>{if(!e||r||l||d.current)return;const t=a.domReference.current,u=document.activeElement;t&&u&&t.contains(u)&&i(!0)},[e,r,l,i,a.domReference]);const P=o.useCallback((t={})=>e?m(t):t,[m,e]),w=o.useCallback((t={})=>e?{ref:a.setReference,...I(t)}:t,[e,a.setReference,I]),F=o.useMemo(()=>({isMounted:v,getFloatingProps:y,getItemProps:R,floatingStyles:{...p,...O},setOpen:i,labelsRef:x,elementsRef:b,setFloating:a.setFloating,activeIndex:f,open:n}),[v,y,R,p,O,a.setFloating,f,n]);return o.useMemo(()=>({getFieldProps:w,getInputProps:P,dropdownProps:F,refs:a}),[F,w,P,a])};exports.useSearchDropdown=N;
File without changes
File without changes
File without changes
File without changes