@dloizides/ui-nav 1.38.0 → 1.39.0

package/dist/index.mjs

@@ -980,6 +980,7 @@ var NAV_TEST_IDS = {
   topbarCenter: "topbar-center",
   brandHome: "nav-brand-home",
   brandMarkIcon: "nav-brand-mark-icon",
+  brandMarkSlot: "nav-brand-mark-slot",
   brandMarkName: "nav-brand-mark-name"
 };
 var APP_SHELL_SUFFIX = {
@@ -1720,19 +1721,21 @@ var BrandMark = ({
   label,
   onNavigate,
   size = DEFAULT_ICON_SIZE,
-  iconOnly = false
+  iconOnly = false,
+  mark
 }) => {
   const { theme } = useUi();
+  const box = { height: size, width: size };
   return /* @__PURE__ */ jsx(BrandHomeLink, { label, route, onNavigate, children: /* @__PURE__ */ jsxs(View, { style: styles5.row, children: [
-    /* @__PURE__ */ jsx(
+    mark === void 0 ? /* @__PURE__ */ jsx(
       Image,
       {
         accessibilityElementsHidden: true,
         source,
-        style: { height: size, width: size },
+        style: box,
         testID: NAV_TEST_IDS.brandMarkIcon
       }
-    ),
+    ) : /* @__PURE__ */ jsx(View, { accessibilityElementsHidden: true, style: box, testID: NAV_TEST_IDS.brandMarkSlot, children: mark }),
     iconOnly ? null : /* @__PURE__ */ jsx(
       Text,
       {
@@ -1908,7 +1911,7 @@ var styles9 = StyleSheet.create({
   // so on react-native-web it — and the nav leaves inside it — sit above the scrim
   // and receive presses instead of the scrim swallowing them.
   panel: { position: "absolute", top: 0, bottom: 0, left: 0, width: DRAWER_WIDTH, zIndex: PANEL_Z_INDEX },
-  panelFull: { width: "100%" },
+  windowFill: { right: void 0, bottom: void 0 },
   panelBody: { flex: 1 },
   menuToggle: {
     minWidth: MIN_TOUCH_TARGET,
@@ -1946,6 +1949,8 @@ var MobileDrawer = ({
   const { theme } = useUi();
   const panelRef = useRef(null);
   const isFull = width === "full";
+  const viewport = useWindowDimensions();
+  const windowSize = isFull ? [styles9.windowFill, { width: viewport.width, height: viewport.height }] : null;
   const showHeaderBar = header !== void 0 || isFull;
   useEffect(() => {
     const node = panelRef.current;
@@ -1960,7 +1965,7 @@ var MobileDrawer = ({
     node.addEventListener("click", handleClick);
     return () => node.removeEventListener("click", handleClick);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs(View, { style: styles9.overlay, children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles9.overlay, windowSize], children: [
     isFull ? null : /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -1978,7 +1983,7 @@ var MobileDrawer = ({
         ref: panelRef,
         "aria-modal": true,
         role: "dialog",
-        style: [styles9.panel, isFull ? styles9.panelFull : null, { backgroundColor: theme.colors.surface }],
+        style: [styles9.panel, windowSize, { backgroundColor: theme.colors.surface }],
         testID: drawerTestID,
         children: [
           showHeaderBar ? /* @__PURE__ */ jsx(