chore: add on-event behavior to allowed list for navigation behaviors

schema/core.xsd

@@ -1235,9 +1235,11 @@
     <xs:complexType>
       <xs:sequence>
         <xs:element minOccurs="1" maxOccurs="unbounded" ref="hv:nav-route" />
+        <xs:element minOccurs="0" maxOccurs="unbounded" ref="hv:behavior" />
       </xs:sequence>
       <xs:attribute name="id" use="required" type="hv:ID" />
       <xs:attribute name="type" use="required" type="hv:navigator-type" />
+      <xs:attribute name="merge" type="xs:boolean" />
     </xs:complexType>
   </xs:element>
 
@@ -1249,6 +1251,7 @@
       <xs:attribute name="id" use="required" type="hv:ID" />
       <xs:attribute name="href" use="required" type="xs:string" />
       <xs:attribute name="selected" type="xs:boolean" />
+      <xs:attribute name="modal" type="xs:boolean" />
     </xs:complexType>
   </xs:element>
 

src/behaviors/hv-hide/index.ts

@@ -35,8 +35,8 @@ export default {
     );
 
     const hideElement = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -65,13 +65,16 @@ export default {
       hideElement();
     } else {
       // If there's a delay, first trigger the indicators before the hide
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then hide the target.
       later(delay).then(hideElement).catch(hideElement);
     }

src/behaviors/hv-select-all/index.ts

@@ -37,8 +37,8 @@ export default {
     );
 
     const selectAll = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -66,13 +66,16 @@ export default {
       selectAll();
     } else {
       // If there's a delay, first trigger the indicators before the select-all.
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then select-all the target.
       later(delay).then(selectAll).catch(selectAll);
     }

src/behaviors/hv-set-value/index.ts

@@ -38,8 +38,8 @@ export default {
     );
 
     const setValue = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -68,13 +68,16 @@ export default {
       setValue();
     } else {
       // If there's a delay, first trigger the indicators before the show.
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then show the target.
       later(delay).then(setValue).catch(setValue);
     }

src/behaviors/hv-show/index.ts

@@ -35,8 +35,8 @@ export default {
     );
 
     const showElement = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -65,13 +65,16 @@ export default {
       showElement();
     } else {
       // If there's a delay, first trigger the indicators before the show.
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then show the target.
       later(delay).then(showElement).catch(showElement);
     }

src/behaviors/hv-toggle/index.ts

@@ -35,8 +35,8 @@ export default {
     );
 
     const toggleElement = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -68,13 +68,16 @@ export default {
       toggleElement();
     } else {
       // If there's a delay, first trigger the indicators before the toggle.
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then toggle the target.
       later(delay).then(toggleElement).catch(toggleElement);
     }

src/behaviors/hv-unselect-all/index.ts

@@ -37,8 +37,8 @@ export default {
     );
 
     const unselectAll = () => {
-      const doc: Document = getRoot();
-      const targetElement: Element | null | undefined = doc.getElementById(
+      const doc: Document | null = getRoot();
+      const targetElement: Element | null | undefined = doc?.getElementById(
         targetId,
       );
       if (!targetElement) {
@@ -66,13 +66,16 @@ export default {
       unselectAll();
     } else {
       // If there's a delay, first trigger the indicators before the unselect-all.
-      const newRoot = Behaviors.setIndicatorsBeforeLoad(
-        showIndicatorIds,
-        hideIndicatorIds,
-        getRoot(),
-      );
-      // Update the DOM to reflect the new state of the indicators.
-      updateRoot(newRoot);
+      const doc: Document | null = getRoot();
+      if (doc) {
+        const newRoot = Behaviors.setIndicatorsBeforeLoad(
+          showIndicatorIds,
+          hideIndicatorIds,
+          doc,
+        );
+        // Update the DOM to reflect the new state of the indicators.
+        updateRoot(newRoot);
+      }
       // Wait for the delay then unselect-all the target.
       later(delay).then(unselectAll).catch(unselectAll);
     }

src/behaviors/index.ts

@@ -44,4 +44,6 @@ export {
   setIndicatorsBeforeLoad,
   performUpdate,
   setIndicatorsAfterLoad,
+  isOncePreviouslyApplied,
+  setRanOnce,
 } from 'hyperview/src/services/behaviors';

src/contexts/index.ts

@@ -7,6 +7,7 @@
  */
 
 import type { ComponentType } from 'react';
+import type { HvComponentOnUpdate } from 'hyperview/src/types';
 import React from 'react';
 import type { RefreshControlProps } from 'react-native';
 
@@ -24,5 +25,11 @@ export const RefreshControlComponentContext = React.createContext<
 >(undefined);
 
 export const DocContext = React.createContext<{
-  getDoc: () => Document;
+  getDoc: () => Document | undefined;
+  setDoc?: (doc: Document) => void;
 } | null>(null);
+
+export const OnUpdateContext = React.createContext<{
+  onUpdate: HvComponentOnUpdate;
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+}>({ onUpdate: () => {} });

src/contexts/navigation.ts

@@ -5,7 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { Fetch, HvBehavior, HvComponent } from 'hyperview/src/types';
+import type {
+  Fetch,
+  HvBehavior,
+  HvComponent,
+  HvComponentOnUpdate,
+} from 'hyperview/src/types';
 
 import React, { ComponentType, ReactNode } from 'react';
 
@@ -18,6 +23,7 @@ export type NavigationContextProps = {
   onError?: (error: Error) => void;
   onParseAfter?: (url: string) => void;
   onParseBefore?: (url: string) => void;
+  onUpdate: HvComponentOnUpdate;
   url?: string;
   behaviors?: HvBehavior[];
   components?: HvComponent[];

src/contexts/navigator-map.tsx

@@ -9,30 +9,20 @@
 import React, { createContext, useState } from 'react';
 
 export type NavigatorMapContextProps = {
-  setRoute: (key: string, route: string) => void;
-  getRoute: (key: string) => string | undefined;
-  setElement: (key: string, element: Element) => void;
-  getElement: (key: string) => Element | undefined;
   setPreload: (key: number, element: Element) => void;
   getPreload: (key: number) => Element | undefined;
-  initialRouteName?: string;
 };
 
 /**
  * Context used to store runtime information about the navigator and urls
  * Each navigator creates its own context
  *  - routeMap: Urls defined in <nav-route> elements are stored in the routeMap by their key
  *  - elementMap: Contains element sub-navigators defined in a <nav-route> element
- *  - initialRouteName: The name of the first route to render
  *  - preloadMap: A map of preload elements by their id
  */
 export const NavigatorMapContext = createContext<NavigatorMapContextProps>({
-  getElement: () => undefined,
   getPreload: () => undefined,
-  getRoute: () => '',
-  setElement: () => undefined,
   setPreload: () => undefined,
-  setRoute: () => undefined,
 });
 
 type Props = { children: React.ReactNode };
@@ -42,26 +32,8 @@ type Props = { children: React.ReactNode };
  * store runtime information about the navigator and urls.
  */
 export function NavigatorMapProvider(props: Props) {
-  const [routeMap] = useState<Map<string, string>>(new Map());
-  const [elementMap] = useState<Map<string, Element>>(new Map());
   const [preloadMap] = useState<Map<number, Element>>(new Map());
 
-  const setRoute = (key: string, route: string) => {
-    routeMap.set(key, route);
-  };
-
-  const getRoute = (key: string): string | undefined => {
-    return routeMap.get(key);
-  };
-
-  const setElement = (key: string, element: Element) => {
-    elementMap.set(key, element);
-  };
-
-  const getElement = (key: string): Element | undefined => {
-    return elementMap.get(key);
-  };
-
   const setPreload = (key: number, element: Element) => {
     preloadMap.set(key, element);
   };
@@ -73,12 +45,8 @@ export function NavigatorMapProvider(props: Props) {
   return (
     <NavigatorMapContext.Provider
       value={{
-        getElement,
         getPreload,
-        getRoute,
-        setElement,
         setPreload,
-        setRoute,
       }}
     >
       {props.children}