@viasat/beam-react 2.23.0 → 2.24.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.
- package/chunks/{FloatingUI.context.Dl4Y1y1z.js → FloatingUI.context.D3kSM-y1.js} +2 -2
- package/chunks/Search.Results.DqEXVJeE.js +1 -0
- package/chunks/{Search.Results.wKBufUSo.js → Search.Results.XLqY_iES.js} +12 -3
- package/index.cjs.js +1 -1
- package/index.es.js +22 -20
- package/lib/Dialog/Dialog.Header.es.js +1 -1
- package/lib/Dialog/Dialog.Trigger.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.context.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.root.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.trigger.close.es.js +7 -7
- package/lib/FloatingUI/FloatingUI.trigger.es.js +4 -4
- package/lib/Menu/ActionListContextWrapper.es.js +1 -1
- package/lib/Popover/Popover.content.es.js +1 -1
- package/lib/Popover/Popover.trigger.es.js +1 -1
- package/lib/Search/Search.Results.Item.cjs.js +1 -0
- package/lib/{wip/Search → Search}/Search.Results.Item.d.ts +1 -1
- package/lib/{wip/Search → Search}/Search.Results.Item.es.js +1 -1
- package/lib/Search/Search.Results.ViewAll.cjs.js +1 -0
- package/lib/{wip/Search → Search}/Search.Results.ViewAll.d.ts +8 -1
- package/lib/Search/Search.Results.ViewAll.es.js +11 -0
- package/lib/Search/Search.Results.cjs.js +1 -0
- package/lib/Search/Search.Results.es.js +12 -0
- package/lib/Search/Search.cjs.js +1 -0
- package/lib/{wip/Search → Search}/Search.d.ts +2 -2
- package/lib/{wip/Search → Search}/Search.es.js +14 -14
- package/lib/Search/SearchDropdown.cjs.js +1 -0
- package/lib/{wip/Search → Search}/SearchDropdown.es.js +7 -7
- package/lib/Search/useSearchDropdown.cjs.js +1 -0
- package/lib/{wip/Search → Search}/useSearchDropdown.es.js +2 -2
- package/lib/Tooltip/Tooltip.es.js +1 -1
- package/lib/index.cjs.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.es.js +21 -19
- package/lib/wip/Panel/Panel.Header.Heading.es.js +1 -1
- package/lib/wip/Panel/Panel.Inline.es.js +12 -12
- package/lib/wip/index.cjs.js +1 -1
- package/lib/wip/index.d.ts +0 -1
- package/lib/wip/index.es.js +2 -4
- package/package.json +6 -6
- package/chunks/Search.Results.BM9NkYBp.js +0 -1
- package/lib/wip/Search/Search.Results.Item.cjs.js +0 -1
- package/lib/wip/Search/Search.Results.ViewAll.cjs.js +0 -1
- package/lib/wip/Search/Search.Results.ViewAll.es.js +0 -11
- package/lib/wip/Search/Search.Results.cjs.js +0 -1
- package/lib/wip/Search/Search.Results.es.js +0 -12
- package/lib/wip/Search/Search.cjs.js +0 -1
- package/lib/wip/Search/SearchDropdown.cjs.js +0 -1
- package/lib/wip/Search/useSearchDropdown.cjs.js +0 -1
- /package/lib/{wip/Search → Search}/SearchDropdown.d.ts +0 -0
- /package/lib/{wip/Search → Search}/index.cjs.js +0 -0
- /package/lib/{wip/Search → Search}/index.d.ts +0 -0
- /package/lib/{wip/Search → Search}/index.es.js +0 -0
- /package/lib/{wip/Search → Search}/useSearchDropdown.d.ts +0 -0
|
@@ -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/
|
|
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(
|
|
31
|
-
|
|
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
|
|
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
|
|
16
|
-
import { Checkbox as
|
|
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
|
|
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
|
|
61
|
-
import { PortalProvider as
|
|
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 {
|
|
69
|
-
import {
|
|
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
|
-
|
|
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
|
-
|
|
81
|
-
|
|
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
|
-
|
|
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
|
-
|
|
123
|
+
Er as PortalProvider,
|
|
123
124
|
vo as ProgressBar,
|
|
124
|
-
|
|
125
|
+
ho as RAIL_LAYOUT,
|
|
125
126
|
Po as RadioButton,
|
|
126
127
|
oo as RadioButtonGroup,
|
|
127
|
-
|
|
128
|
+
Do as Root,
|
|
129
|
+
Qr as Search,
|
|
128
130
|
Yo as SegmentedControl,
|
|
129
131
|
wo as Select,
|
|
130
|
-
|
|
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
|
-
|
|
153
|
+
Jr as fromAttr,
|
|
152
154
|
Xo as processMetadata,
|
|
153
|
-
|
|
155
|
+
Xr as toAttr,
|
|
154
156
|
Zo as useBeamStepper,
|
|
155
|
-
|
|
157
|
+
Zr as useBeamTheme,
|
|
156
158
|
To as useMenuContext,
|
|
157
|
-
|
|
159
|
+
hr as usePortal,
|
|
158
160
|
ko as useSideNavContext,
|
|
159
161
|
ur as useToast,
|
|
160
|
-
|
|
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 {
|
|
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.
|
|
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 {
|
|
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,
|
|
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,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useMemo as
|
|
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 {
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
|
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 {
|
|
3
|
-
import { useMergeRefs as
|
|
4
|
-
import { ensureSingularRef as
|
|
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 =
|
|
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 {
|
|
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.
|
|
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.
|
|
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 '
|
|
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 "
|
|
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
|
-
} &
|
|
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 '
|
|
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
|
-
*
|
|
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 "
|
|
3
|
-
import { t as fe } from "
|
|
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 "
|
|
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 "
|
|
8
|
-
import { LabelProvider as Se } from "
|
|
9
|
-
import { HelperTextProvider as Ne } from "
|
|
10
|
-
import { useUniversalRef as Re } from "
|
|
11
|
-
import { useAccessibleId as f } from "
|
|
12
|
-
import { Icon as Pe } from "
|
|
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 "
|
|
16
|
-
import { useDebounced as ge } from "
|
|
17
|
-
import { useEffectAfterMount as _e } from "
|
|
18
|
-
import { Spinner as we } from "
|
|
19
|
-
import { CloseButton as Ee } from "
|
|
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 "
|
|
3
|
+
import { Box as N } from "../Box/Box.es.js";
|
|
4
4
|
import P from "clsx";
|
|
5
|
-
import { g as e } from "
|
|
6
|
-
import { t as g } from "
|
|
7
|
-
import { ActionListContextProvider as h } from "
|
|
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 "
|
|
10
|
-
import { f as v } from "
|
|
11
|
-
import { p as w } from "
|
|
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 "
|
|
4
|
-
import { useBlur as W } from "
|
|
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.
|
|
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"),
|
|
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
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
|
|
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
|
|
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
|
|
35
|
-
import { Pagination as
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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
|
-
|
|
87
|
+
E as Chip,
|
|
87
88
|
b as ChipGroup,
|
|
88
89
|
s as CloseButton,
|
|
89
90
|
No as DRAWER_LAYOUT,
|
|
90
|
-
|
|
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
|
-
|
|
112
|
+
co as NativeSelect,
|
|
112
113
|
Oo as OPAQUE_BACKDROP,
|
|
113
114
|
br as PageHeader,
|
|
114
115
|
yr as PageLayout,
|
|
115
|
-
|
|
116
|
-
|
|
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
|
-
|
|
128
|
-
|
|
129
|
-
|
|
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
|
-
|
|
146
|
-
|
|
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
|
-
|
|
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.
|
|
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 {
|
|
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:
|
|
19
|
-
dividerColor:
|
|
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 =
|
|
29
|
+
), h = a && d === "initial" ? "open" : d;
|
|
30
30
|
return I ? /* @__PURE__ */ g(C, { children: [
|
|
31
|
-
r && /* @__PURE__ */ t(u, { position: n, dividerColor:
|
|
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:
|
|
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:
|
|
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:
|
|
56
|
-
transitionConfig:
|
|
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:
|
|
63
|
+
open: a ?? !0,
|
|
64
64
|
portalled: !1,
|
|
65
|
-
transitionConfig:
|
|
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:
|
|
76
|
+
alwaysVisible: a === void 0,
|
|
77
77
|
...f,
|
|
78
78
|
children: c
|
|
79
79
|
}
|
package/lib/wip/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Panel/Panel.cjs.js");exports.Panel=e.Panel;
|
package/lib/wip/index.d.ts
CHANGED
package/lib/wip/index.es.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.24.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.
|
|
63
|
-
"@viasat/beam-shared": "2.
|
|
64
|
-
"@viasat/beam-styles": "2.
|
|
65
|
-
"@viasat/beam-tokens": "2.
|
|
66
|
-
"@viasat/beam-icons": "2.
|
|
62
|
+
"@viasat/beam-fonts": "2.24.0",
|
|
63
|
+
"@viasat/beam-shared": "2.24.0",
|
|
64
|
+
"@viasat/beam-styles": "2.24.0",
|
|
65
|
+
"@viasat/beam-tokens": "2.24.0",
|
|
66
|
+
"@viasat/beam-icons": "2.24.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
|
|
File without changes
|