@phillips/seldon 1.146.0 → 1.146.2

package/dist/_virtual/index5.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/components/ComboBox/ComboBox.d.ts

@@ -55,6 +55,14 @@ export interface ComboBoxProps {
      * If true, the input will be cleared when the user clicks away when the input value is not in the options list.
      */
     autoClearInput?: boolean;
+    /**
+     * popoverContainer ref for the ComboBox
+     */
+    popoverContainerRef?: React.RefObject<HTMLElement>;
+    /**
+     * No options message translation
+     */
+    noOptionsMessage?: string;
 }
 /**
  * ## Overview

package/dist/components/ComboBox/ComboBox.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Root as D, Trigger as E, Portal as T, Content as j } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { Root as T, Trigger as j, Portal as F, Content as K } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import p from "../../node_modules/classnames/index.js";
-import { Command as w, CommandInput as F, CommandList as K, CommandGroup as G, CommandItem as X } from "../../node_modules/cmdk/dist/index.js";
+import { Command as w, CommandInput as G, CommandList as X, CommandGroup as q, CommandItem as z } from "../../node_modules/cmdk/dist/index.js";
 import l from "react";
-import { useOnClickOutside as q } from "../../node_modules/usehooks-ts/dist/index.js";
+import { useOnClickOutside as A } from "../../node_modules/usehooks-ts/dist/index.js";
 import "../../assets/formatted/AccountActive.js";
 import "../../assets/formatted/Account.js";
 import "../../assets/formatted/Add.js";
@@ -14,11 +14,11 @@ import "../../assets/formatted/ArrowRight.js";
 import "../../assets/formatted/ArrowUp.js";
 import "../../assets/formatted/Bag.js";
 import "../../assets/formatted/Calendar.js";
-import z from "../../assets/formatted/ChevronDown.js";
+import H from "../../assets/formatted/ChevronDown.js";
 import "../../assets/formatted/ChevronLeft.js";
 import "../../assets/formatted/ChevronRight.js";
 import "../../assets/formatted/ChevronUp.js";
-import A from "../../assets/formatted/CloseX.js";
+import J from "../../assets/formatted/CloseX.js";
 import "../../assets/formatted/ConditionReport.js";
 import "../../assets/formatted/Delete.js";
 import "../../assets/formatted/Download.js";
@@ -68,9 +68,9 @@ import "../../assets/formatted/VolumeMaximum.js";
 import "../../assets/formatted/VolumeMid.js";
 import "../../assets/formatted/VolumeMinimum.js";
 import "../../assets/formatted/WeChat.js";
-import { getCommonProps as H } from "../../utils/index.js";
+import { getCommonProps as M } from "../../utils/index.js";
 import { getScssVar as v } from "../../utils/scssUtils.js";
-const J = l.forwardRef(function({
+const Q = l.forwardRef(function({
   options: N = [],
   className: g,
   id: r,
@@ -84,18 +84,20 @@ const J = l.forwardRef(function({
   ariaLabelContent: _,
   hideLabel: R = !1,
   autoClearInput: O = !0,
-  ...k
-}, y) {
-  const { className: e, ...I } = H({ id: r }, "ComboBox"), [C, s] = l.useState(!1), $ = l.useRef(null), S = z, B = A, b = l.useRef(null), P = l.useRef({}), c = N.filter(
+  popoverContainerRef: k,
+  noOptionsMessage: y = "No Options.",
+  ...I
+}, S) {
+  const { className: e, ...B } = M({ id: r }, "ComboBox"), [C, s] = l.useState(!1), $ = l.useRef(null), P = H, D = J, b = l.useRef(null), E = l.useRef({}), n = N.filter(
     (o) => o.value.toLowerCase().includes(m.toLowerCase()) || o.label && o.label.toLowerCase().includes(m.toLowerCase())
   );
-  return q(b, (o) => {
+  return A(b, (o) => {
     if (o.target.closest(`.${e}__item`) || o.target.closest(`.${e}__content`))
       return;
-    !c.some(
+    !n.some(
       (a) => a.value.toLowerCase() === m.toLowerCase()
     ) && O && i(""), s(!1), o.stopPropagation();
-  }), /* @__PURE__ */ t("div", { ref: y, className: p(e, g), id: r, ...I, ...k, children: /* @__PURE__ */ n("div", { ref: b, children: [
+  }), /* @__PURE__ */ t("div", { ref: S, className: p(e, g), id: r, ...B, ...I, children: /* @__PURE__ */ c("div", { ref: b, children: [
     /* @__PURE__ */ t(
       "label",
       {
@@ -116,10 +118,10 @@ const J = l.forwardRef(function({
             o.key === "Escape" && s(!1);
           }, 0);
         },
-        children: /* @__PURE__ */ n(D, { open: !0, children: [
-          /* @__PURE__ */ n("div", { className: `${e}__input-wrapper`, children: [
-            /* @__PURE__ */ t(E, { asChild: !0, children: /* @__PURE__ */ t(
-              F,
+        children: /* @__PURE__ */ c(T, { open: !0, children: [
+          /* @__PURE__ */ c("div", { className: `${e}__input-wrapper`, children: [
+            /* @__PURE__ */ t(j, { asChild: !0, children: /* @__PURE__ */ t(
+              G,
               {
                 ref: $,
                 placeholder: x,
@@ -148,7 +150,7 @@ const J = l.forwardRef(function({
                 "aria-label": u || `${r}-clear`,
                 tabIndex: -1,
                 children: /* @__PURE__ */ t("div", { className: `${e}__icon`, children: /* @__PURE__ */ t(
-                  B,
+                  D,
                   {
                     color: v("", "$primary-black"),
                     height: 18,
@@ -173,7 +175,7 @@ const J = l.forwardRef(function({
                       [`${e}__icon--flipped`]: C
                     }),
                     children: /* @__PURE__ */ t(
-                      S,
+                      P,
                       {
                         color: v("", "$pure-black"),
                         height: 18,
@@ -186,20 +188,20 @@ const J = l.forwardRef(function({
               }
             )
           ] }),
-          /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
-            j,
+          /* @__PURE__ */ t(F, { container: k?.current, children: /* @__PURE__ */ t(
+            K,
             {
               className: `${e}__content`,
               "aria-label": _ || `${r}-content`,
-              children: C && /* @__PURE__ */ t(K, { className: `${e}__list`, children: c.some(
+              children: C && /* @__PURE__ */ t(X, { className: `${e}__list`, children: n.some(
                 (o) => o.value.toLowerCase().includes(m.toLowerCase()) || o.label && o.label.toLowerCase().includes(m.toLowerCase())
-              ) ? /* @__PURE__ */ t(G, { children: c.map(
+              ) ? /* @__PURE__ */ t(q, { children: n.map(
                 (o, h) => (o.value.toLowerCase().includes(m.toLowerCase()) || o.label && o.label.toLowerCase().includes(m.toLowerCase())) && /* @__PURE__ */ t(
-                  X,
+                  z,
                   {
                     className: `${e}__item`,
                     value: o.label ? `${o.label} ${o.value}` : o.value,
-                    ref: (a) => P.current[o.value] = a,
+                    ref: (a) => E.current[o.value] = a,
                     onSelect: (a) => {
                       i(a), s(!1);
                     },
@@ -207,7 +209,7 @@ const J = l.forwardRef(function({
                   },
                   `${o.value}-${h}`
                 )
-              ) }) : /* @__PURE__ */ t(w.Empty, { children: "No Options." }) })
+              ) }) : /* @__PURE__ */ t(w.Empty, { children: y }) })
             }
           ) })
         ] })
@@ -215,7 +217,7 @@ const J = l.forwardRef(function({
     )
   ] }) });
 });
-J.displayName = "ComboBox";
+Q.displayName = "ComboBox";
 export {
-  J as default
+  Q as default
 };

package/dist/components/ComboBox/ComboBox.stories.d.ts

@@ -16,3 +16,4 @@ export declare const Playground: {
     };
     argTypes: {};
 };
+export declare const ComboBoxInDrawer: () => import("react/jsx-runtime").JSX.Element;

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index7.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/ics/dist/index.js

@@ -1,6 +1,6 @@
-import { __exports as l } from "../../../_virtual/index5.js";
+import { __exports as l } from "../../../_virtual/index7.js";
 import "./pipeline/index.js";
-import { __exports as _ } from "../../../_virtual/index6.js";
+import { __exports as _ } from "../../../_virtual/index8.js";
 Object.defineProperty(l, "__esModule", {
   value: !0
 });

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index6.js";
+import { __exports as u } from "../../../../_virtual/index8.js";
 import "./build.js";
 import "./format.js";
 import "./validate.js";

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index8.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss

@@ -1,8 +1,6 @@
 @use '../../../allPartials' as *;
 
 .#{$px}-nav__item {
-  cursor: pointer;
-
   @include isHeaderMobile {
     a {
       white-space: normal;
@@ -35,6 +33,7 @@
   & > button {
     background-color: transparent;
     border: 0;
+    cursor: pointer;
     display: flex;
     padding: 0.5rem 0.625rem calc(0.5rem + 2px); // 1 px so that the bottom border of the nav counts as part of the button
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.146.0",
+  "version": "1.146.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"