@viasat/beam-react 2.21.1 → 2.23.0

package/lib/wip/Search/SearchDropdown.es.js

@@ -1,46 +1,47 @@
-import { jsx as o } from "react/jsx-runtime";
-import { FloatingPortal as N } from "@floating-ui/react";
-import { Box as d } from "../../Box/Box.es.js";
-import g from "clsx";
-import { g as a } from "../../../chunks/classNames.BTJmrO_L.js";
-import { t as h } from "../../../chunks/constants.CKKGf1-i.js";
-import { ActionListContextProvider as P } from "../../ActionList/ActionList.context.es.js";
+import { jsx as s } from "react/jsx-runtime";
+import { FloatingPortal as d } from "@floating-ui/react";
+import { Box as N } from "../../Box/Box.es.js";
+import P from "clsx";
+import { g as e } from "../../../chunks/classNames.BTJmrO_L.js";
+import { t as g } from "../../../chunks/constants.CKKGf1-i.js";
+import { ActionListContextProvider as h } from "../../ActionList/ActionList.context.es.js";
 import { useCallback as b } from "react";
+import { R as o, s as y } from "../../../chunks/Search.Results.wKBufUSo.js";
 import { f as v } from "../../../chunks/floatingui.module.BcBFebz0.js";
-import { p as y } from "../../../chunks/popover.module.3dnl8y6-.js";
-import { a as e } from "../../../chunks/Search.Results.DVf6WKnI.js";
-const { baseClassNamePrefix: B } = a("floatingui"), { baseClassNamePrefix: S } = a("popover"), k = [e, e.Item, e.ViewAll], V = ({
+import { p as w } from "../../../chunks/popover.module.3dnl8y6-.js";
+const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
   setOpen: r,
   isMounted: t,
   getFloatingProps: l,
   floatingStyles: m,
   labelsRef: i,
   elementsRef: f,
-  getItemProps: p,
-  setFloating: n,
-  theme: s,
+  getItemProps: n,
+  setFloating: p,
+  theme: a,
   className: c,
   children: C,
   activeIndex: u
 }) => {
   const x = b(() => r(!1), [r]);
-  return t ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
-    d,
+  return t ? /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(
+    N,
     {
-      className: g(
-        s && h(s),
+      className: P(
+        a && g(a),
         v[B],
-        y[S],
+        w[k],
+        y[`${I}dropdown`],
         c
       ),
       ...l(),
       style: m,
-      ref: n,
-      children: /* @__PURE__ */ o(
-        P,
+      ref: p,
+      children: /* @__PURE__ */ s(
+        h,
         {
-          allowChildrenTypes: k,
-          getItemProps: p,
+          allowChildrenTypes: S,
+          getItemProps: n,
           itemsFocusable: !1,
           onItemClick: x,
           labelsRef: i,
@@ -53,5 +54,5 @@ const { baseClassNamePrefix: B } = a("floatingui"), { baseClassNamePrefix: S } =
   ) }) : null;
 };
 export {
-  V as SearchDropdown
+  q as SearchDropdown
 };

package/lib/wip/Search/index.d.ts

@@ -1 +1,4 @@
-export * from './Search';
+export { Search, type SearchProps } from './Search';
+export type { SearchResultsProps } from './Search.Results';
+export type { SearchResultsItemProps } from './Search.Results.Item';
+export type { SearchResultsViewAllProps } from './Search.Results.ViewAll';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.21.1",
+  "version": "2.23.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.21.1",
-    "@viasat/beam-shared": "2.21.1",
-    "@viasat/beam-styles": "2.21.1",
-    "@viasat/beam-tokens": "2.21.1",
-    "@viasat/beam-icons": "2.21.1",
+    "@viasat/beam-fonts": "2.23.0",
+    "@viasat/beam-shared": "2.23.0",
+    "@viasat/beam-styles": "2.23.0",
+    "@viasat/beam-tokens": "2.23.0",
+    "@viasat/beam-icons": "2.23.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/Search.Results.CFA_KEdP.js

@@ -1 +0,0 @@
-var L=require("../assets/Search.css");const c=require("react/jsx-runtime"),a=require("react"),u=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),x=require("../lib/wip/Search/Search.Results.Item.cjs.js"),h=require("../lib/ActionList/ActionList.cjs.js"),R=require("../lib/Icon/Icon.cjs.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const _=w(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__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:j}=u.getBEMClassNames("search__results__view-all"),o=a.forwardRef(({children:e,onClick:t,variant:s,as:r="div",className:p,...v},C)=>{const g=a.useContext(i),m=s??(g?"group":"global"),S=b.clsx(l[N],l[`${j}${m}`],p);return c.jsx(h.ActionList.Item,{ref:C,className:S,onClick:t,contentBefore:m==="global"?c.jsx(R.Icon,{icon:d}):void 0,role:"option",as:r,...v,children:e})});o.displayName="Search.Results.ViewAll";const{baseClassNamePrefix:y}=u.getBEMClassNames("search"),i=a.createContext(!1),f=({children:e,...t})=>{const s=b.clsx(l[`${y}__results`]);return c.jsx(i.Provider,{value:!0,children:c.jsx(h.ActionList.Group,{className:s,...t,children:e})})},n=f;n.Item=x.SearchResultsItem;n.ViewAll=o;n.displayName="Search.Results";exports.SearchResults=n;exports.SearchResultsComponent=f;exports.SearchResultsContext=i;exports.SearchResultsViewAll=o;exports.SvgSearch=d;exports.styles=l;

package/chunks/Search.Results.DVf6WKnI.js

@@ -1,68 +0,0 @@
-import "../assets/Search.css";
-import { jsx as s } from "react/jsx-runtime";
-import * as c from "react";
-import t from "react";
-import { g as i } from "./classNames.BTJmrO_L.js";
-import "./constants.CKKGf1-i.js";
-import { clsx as n } from "clsx";
-import { SearchResultsItem as w } from "../lib/wip/Search/Search.Results.Item.es.js";
-import { ActionList as _ } from "../lib/ActionList/ActionList.es.js";
-import { Icon as g } from "../lib/Icon/Icon.es.js";
-const x = (e) => /* @__PURE__ */ c.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.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__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: R, classModifierPrefix: S } = i("search__results__view-all"), b = t.forwardRef(
-  ({ children: e, onClick: r, variant: a, as: u = "div", className: d, ...f }, p) => {
-    const v = t.useContext(h), m = a ?? (v ? "group" : "global"), C = n(
-      l[R],
-      l[`${S}${m}`],
-      d
-    );
-    return /* @__PURE__ */ s(
-      _.Item,
-      {
-        ref: p,
-        className: C,
-        onClick: r,
-        contentBefore: m === "global" ? /* @__PURE__ */ s(g, { icon: x }) : void 0,
-        role: "option",
-        as: u,
-        ...f,
-        children: e
-      }
-    );
-  }
-);
-b.displayName = "Search.Results.ViewAll";
-const { baseClassNamePrefix: N } = i("search"), h = t.createContext(!1), L = ({
-  children: e,
-  ...r
-}) => {
-  const a = n(l[`${N}__results`]);
-  return /* @__PURE__ */ s(h.Provider, { value: !0, children: /* @__PURE__ */ s(_.Group, { className: a, ...r, children: e }) });
-}, o = L;
-o.Item = w;
-o.ViewAll = b;
-o.displayName = "Search.Results";
-export {
-  x as S,
-  o as a,
-  b,
-  L as c,
-  h as d,
-  l as s
-};

package/lib/wip/Search/Search.Results.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { SearchResultsItem } from './Search.Results.Item';
-import { SearchResultsViewAll } from './Search.Results.ViewAll';
-import { ActionListGroupProps } from '../../ActionList/ActionList.Group';
-export declare const SearchResultsContext: React.Context<boolean>;
-export interface SearchResultsProps extends ActionListGroupProps {
-    children?: React.ReactNode;
-    noResults?: React.ReactNode;
-}
-export declare const SearchResultsComponent: React.FC<SearchResultsProps>;
-export declare const SearchResults: typeof SearchResultsComponent & {
-    Item: typeof SearchResultsItem;
-    ViewAll: typeof SearchResultsViewAll;
-};
-export default SearchResults;

package/chunks/{panel.module.DGxSyRdA.js → panel.module.DJLJpnm_.js}

@@ -11,11 +11,11 @@ const n = {
   "bm-panel--position-start": "bm-panel--position-start",
   "bm-panel--position-end": "bm-panel--position-end",
   "bm-panel--position-bottom": "bm-panel--position-bottom",
-  "bm-panel--position-full": "bm-panel--position-full",
   "bm-panel--size-full": "bm-panel--size-full",
+  "bm-panel--position-full": "bm-panel--position-full",
+  "bm-panel__body": "bm-panel__body",
   "bm-panel--padding-sm": "bm-panel--padding-sm",
   "bm-panel__header": "bm-panel__header",
-  "bm-panel__body": "bm-panel__body",
   "bm-panel__footer": "bm-panel__footer",
   "bm-panel--padding-md": "bm-panel--padding-md",
   "bm-panel__header__row": "bm-panel__header__row",