@player-ui/auto-scroll-manager-plugin-react 0.8.0--canary.307.9645 → 0.8.0-next.0

package/dist/cjs/index.cjs

@@ -0,0 +1,201 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  AutoScrollManagerContext: () => AutoScrollManagerContext,
+  AutoScrollManagerPlugin: () => AutoScrollManagerPlugin,
+  AutoScrollProvider: () => AutoScrollProvider,
+  ScrollType: () => ScrollType,
+  useRegisterAsScrollable: () => useRegisterAsScrollable
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+var import_react = __toESM(require("react"));
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/scrollIntoViewWithOffset.ts
+var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
+var scrollIntoViewWithOffset_default = (node, baseElement, offset) => {
+  (0, import_seamless_scroll_polyfill.scrollTo)(window, {
+    behavior: "smooth",
+    top: node.getBoundingClientRect().top - baseElement.getBoundingClientRect().top - offset
+  });
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+var AutoScrollManagerContext = import_react.default.createContext({ register: () => {
+} });
+var useRegisterAsScrollable = () => {
+  const { register } = import_react.default.useContext(AutoScrollManagerContext);
+  return register;
+};
+var AutoScrollProvider = ({
+  getElementToScrollTo,
+  getBaseElement,
+  offset,
+  children
+}) => {
+  const [scrollableMap, setScrollableMap] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const updateScrollableMap = (key, value) => {
+    setScrollableMap((prev) => {
+      const nm = new Map(prev);
+      if (!nm.get(key)) {
+        nm.set(key, /* @__PURE__ */ new Set());
+      }
+      nm.get(key)?.add(value);
+      return nm;
+    });
+  };
+  const register = (data) => {
+    updateScrollableMap(data.type, data.ref);
+  };
+  (0, import_react.useEffect)(() => {
+    const node = document.getElementById(getElementToScrollTo(scrollableMap));
+    if (node) {
+      scrollIntoViewWithOffset_default(node, getBaseElement() || document.body, offset);
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement(AutoScrollManagerContext.Provider, { value: { register } }, children);
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/plugin.tsx
+var import_react2 = __toESM(require("react"));
+var ScrollType = /* @__PURE__ */ ((ScrollType2) => {
+  ScrollType2[ScrollType2["ValidationError"] = 0] = "ValidationError";
+  ScrollType2[ScrollType2["FirstAppearance"] = 1] = "FirstAppearance";
+  ScrollType2[ScrollType2["Unknown"] = 2] = "Unknown";
+  return ScrollType2;
+})(ScrollType || {});
+var AutoScrollManagerPlugin = class {
+  constructor(config) {
+    this.name = "auto-scroll-manager";
+    this.autoScrollOnLoad = config.autoScrollOnLoad ?? false;
+    this.autoFocusOnErrorField = config.autoFocusOnErrorField ?? false;
+    this.getBaseElement = config.getBaseElement ?? (() => null);
+    this.offset = config.offset ?? 0;
+    this.initialRender = false;
+    this.failedNavigation = false;
+    this.alreadyScrolledTo = [];
+    this.scrollFn = this.calculateScroll.bind(this);
+  }
+  getFirstScrollableElement(idList, type) {
+    const highestElement = {
+      id: "",
+      ypos: 0
+    };
+    const ypos = window.scrollY;
+    idList.forEach((id) => {
+      const element = document.getElementById(id);
+      if (type === 0 /* ValidationError */ && element?.getAttribute("aria-invalid") === "false") {
+        return;
+      }
+      if (type === 1 /* FirstAppearance */) {
+        if (this.alreadyScrolledTo.indexOf(id) !== -1) {
+          return;
+        }
+        this.alreadyScrolledTo.push(id);
+      }
+      const epos = element?.getBoundingClientRect().top;
+      if (epos !== void 0 && (epos + ypos < highestElement.ypos || highestElement.id === "")) {
+        highestElement.id = id;
+        highestElement.ypos = ypos + epos;
+      }
+    });
+    return highestElement.id;
+  }
+  calculateScroll(scrollableElements) {
+    let currentScroll = 1 /* FirstAppearance */;
+    if (this.initialRender) {
+      if (this.autoScrollOnLoad) {
+        currentScroll = 0 /* ValidationError */;
+      }
+      this.initialRender = false;
+    } else if (this.failedNavigation) {
+      if (this.autoFocusOnErrorField) {
+        currentScroll = 0 /* ValidationError */;
+      }
+      this.failedNavigation = false;
+    }
+    const elementList = scrollableElements.get(currentScroll);
+    if (elementList) {
+      const element = this.getFirstScrollableElement(
+        elementList,
+        currentScroll
+      );
+      return element ?? "";
+    }
+    return "";
+  }
+  // Hooks into player flow to determine what scroll targets need to be evaluated at specific lifecycle points
+  apply(player) {
+    player.hooks.flowController.tap(this.name, (fc) => {
+      fc.hooks.flow.tap(this.name, (flow) => {
+        flow.hooks.transition.tap(this.name, () => {
+          this.initialRender = true;
+          this.failedNavigation = false;
+          this.alreadyScrolledTo = [];
+          window.scroll(0, 0);
+        });
+        flow.hooks.skipTransition.intercept({
+          call: () => {
+            this.failedNavigation = true;
+          }
+        });
+      });
+    });
+  }
+  applyReact(reactPlayer) {
+    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
+      const { scrollFn, getBaseElement, offset } = this;
+      function AutoScrollManagerComponent() {
+        return /* @__PURE__ */ import_react2.default.createElement(
+          AutoScrollProvider,
+          {
+            getElementToScrollTo: scrollFn,
+            getBaseElement,
+            offset
+          },
+          /* @__PURE__ */ import_react2.default.createElement(Comp, null)
+        );
+      }
+      return AutoScrollManagerComponent;
+    });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutoScrollManagerContext,
+  AutoScrollManagerPlugin,
+  AutoScrollProvider,
+  ScrollType,
+  useRegisterAsScrollable
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/index.tsx","../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx","../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/scrollIntoViewWithOffset.ts","../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/plugin.tsx"],"sourcesContent":["export * from \"./hooks\";\nexport * from \"./plugin\";\n","import type { PropsWithChildren } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport scrollIntoViewWithOffset from \"./scrollIntoViewWithOffset\";\nimport type { ScrollType } from \"./index\";\n\nexport interface AutoScrollProviderProps {\n  /** Return the element to scroll to based on the registered types */\n  getElementToScrollTo: (\n    scrollableElements: Map<ScrollType, Set<string>>,\n  ) => string;\n  /** Optional function to get container element, which is used for calculating offset (default: document.body) */\n  getBaseElement: () => HTMLElement | undefined | null;\n  /** Additional offset to be used (default: 0) */\n  offset: number;\n}\n\nexport interface RegisterData {\n  /** when to scroll to the target  */\n  type: ScrollType;\n\n  /** the html id to scroll to */\n  ref: string;\n}\n\nexport type ScrollFunction = (registerData: RegisterData) => void;\n\nexport const AutoScrollManagerContext = React.createContext<{\n  /** function to register a scroll target */\n  register: ScrollFunction;\n}>({ register: () => {} });\n\n/** hook to register as a scroll target */\nexport const useRegisterAsScrollable = (): ScrollFunction => {\n  const { register } = React.useContext(AutoScrollManagerContext);\n\n  return register;\n};\n\n/** Component to handle scrolling */\nexport const AutoScrollProvider = ({\n  getElementToScrollTo,\n  getBaseElement,\n  offset,\n  children,\n}: PropsWithChildren<AutoScrollProviderProps>) => {\n  // Tracker for what elements are registered to be scroll targets\n  // Key is the type (initial, validation, appear)\n  // Value is a set of target ids\n  const [scrollableMap, setScrollableMap] = useState<\n    Map<ScrollType, Set<string>>\n  >(new Map());\n\n  /** Add a new entry as a scroll target */\n  const updateScrollableMap = (key: ScrollType, value: string) => {\n    setScrollableMap((prev) => {\n      const nm = new Map(prev);\n\n      if (!nm.get(key)) {\n        nm.set(key, new Set());\n      }\n\n      nm.get(key)?.add(value);\n\n      return nm;\n    });\n  };\n\n  /** register a new scroll target */\n  const register: ScrollFunction = (data) => {\n    updateScrollableMap(data.type, data.ref);\n  };\n\n  useEffect(() => {\n    const node = document.getElementById(getElementToScrollTo(scrollableMap));\n\n    if (node) {\n      scrollIntoViewWithOffset(node, getBaseElement() || document.body, offset);\n    }\n  });\n\n  return (\n    <AutoScrollManagerContext.Provider value={{ register }}>\n      {children}\n    </AutoScrollManagerContext.Provider>\n  );\n};\n","/**\n * Scroll to the given element\n-* @param node Element to scroll to\n-* @param baseElement Container element used to calculate offset\n-* @param offset Additional offset\n */\n\nimport { scrollTo } from \"seamless-scroll-polyfill\";\n\nexport default (\n  node: HTMLElement,\n  baseElement: HTMLElement,\n  offset: number,\n) => {\n  scrollTo(window, {\n    behavior: \"smooth\",\n    top:\n      node.getBoundingClientRect().top -\n      baseElement.getBoundingClientRect().top -\n      offset,\n  });\n};\n","import type { ReactPlayer, ReactPlayerPlugin } from \"@player-ui/react\";\nimport type { Player } from \"@player-ui/react\";\nimport React from \"react\";\nimport { AutoScrollProvider } from \"./hooks\";\n\nexport enum ScrollType {\n  ValidationError,\n  FirstAppearance,\n  Unknown,\n}\n\nexport interface AutoScrollManagerConfig {\n  /** Config to auto-scroll on load */\n  autoScrollOnLoad?: boolean;\n  /** Config to auto-focus on an error */\n  autoFocusOnErrorField?: boolean;\n  /** Optional function to get container element, which is used for calculating offset (default: document.body) */\n  getBaseElement?: () => HTMLElement | undefined | null;\n  /** Additional offset to be used (default: 0) */\n  offset?: number;\n}\n\n/** A plugin to manage scrolling behavior */\nexport class AutoScrollManagerPlugin implements ReactPlayerPlugin {\n  name = \"auto-scroll-manager\";\n\n  /** Toggles if we should auto scroll to to the first failed validation on page load */\n  private autoScrollOnLoad: boolean;\n\n  /** Toggles if we should auto scroll to the first failed validation on navigation failure */\n  private autoFocusOnErrorField: boolean;\n\n  /** tracks if its the initial page render */\n  private initialRender: boolean;\n\n  /** tracks if the navigation failed */\n  private failedNavigation: boolean;\n\n  /** function to return the base of the scrollable area */\n  private getBaseElement: () => HTMLElement | undefined | null;\n\n  /** static offset */\n  private offset: number;\n\n  /** map of scroll type to set of ids that are registered under that type */\n  private alreadyScrolledTo: Array<string>;\n  private scrollFn: (\n    scrollableElements: Map<ScrollType, Set<string>>,\n  ) => string;\n\n  constructor(config: AutoScrollManagerConfig) {\n    this.autoScrollOnLoad = config.autoScrollOnLoad ?? false;\n    this.autoFocusOnErrorField = config.autoFocusOnErrorField ?? false;\n    this.getBaseElement = config.getBaseElement ?? (() => null);\n    this.offset = config.offset ?? 0;\n    this.initialRender = false;\n    this.failedNavigation = false;\n    this.alreadyScrolledTo = [];\n    this.scrollFn = this.calculateScroll.bind(this);\n  }\n\n  getFirstScrollableElement(idList: Set<string>, type: ScrollType) {\n    const highestElement = {\n      id: \"\",\n      ypos: 0,\n    };\n    const ypos = window.scrollY;\n    idList.forEach((id) => {\n      const element = document.getElementById(id);\n\n      // if we are looking at validation errors, make sure the element is invalid\n      if (\n        type === ScrollType.ValidationError &&\n        element?.getAttribute(\"aria-invalid\") === \"false\"\n      ) {\n        return;\n      }\n\n      // if we are just looking at elements that just appeared, make sure we haven't\n      // scrolled to them before\n      if (type === ScrollType.FirstAppearance) {\n        if (this.alreadyScrolledTo.indexOf(id) !== -1) {\n          return;\n        }\n\n        this.alreadyScrolledTo.push(id);\n      }\n\n      const epos = element?.getBoundingClientRect().top;\n      if (\n        epos !== undefined &&\n        (epos + ypos < highestElement.ypos || highestElement.id === \"\")\n      ) {\n        highestElement.id = id;\n        highestElement.ypos = ypos + epos;\n      }\n    });\n    return highestElement.id;\n  }\n\n  calculateScroll(scrollableElements: Map<ScrollType, Set<string>>) {\n    let currentScroll = ScrollType.FirstAppearance;\n    if (this.initialRender) {\n      if (this.autoScrollOnLoad) {\n        currentScroll = ScrollType.ValidationError;\n      }\n\n      this.initialRender = false;\n    } else if (this.failedNavigation) {\n      if (this.autoFocusOnErrorField) {\n        currentScroll = ScrollType.ValidationError;\n      }\n\n      this.failedNavigation = false;\n    }\n\n    const elementList = scrollableElements.get(currentScroll);\n    if (elementList) {\n      const element = this.getFirstScrollableElement(\n        elementList,\n        currentScroll,\n      );\n      return element ?? \"\";\n    }\n\n    return \"\";\n  }\n\n  // Hooks into player flow to determine what scroll targets need to be evaluated at specific lifecycle points\n  apply(player: Player) {\n    player.hooks.flowController.tap(this.name, (fc) => {\n      fc.hooks.flow.tap(this.name, (flow) => {\n        flow.hooks.transition.tap(this.name, () => {\n          // Reset Everything\n          this.initialRender = true;\n          this.failedNavigation = false;\n          this.alreadyScrolledTo = [];\n          // Reset scroll position for new view\n          window.scroll(0, 0);\n        });\n        flow.hooks.skipTransition.intercept({\n          call: () => {\n            this.failedNavigation = true;\n          },\n        });\n      });\n    });\n  }\n\n  applyReact(reactPlayer: ReactPlayer) {\n    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n      const { scrollFn, getBaseElement, offset } = this;\n\n      function AutoScrollManagerComponent() {\n        return (\n          <AutoScrollProvider\n            getElementToScrollTo={scrollFn}\n            getBaseElement={getBaseElement}\n            offset={offset}\n          >\n            <Comp />\n          </AutoScrollProvider>\n        );\n      }\n\n      return AutoScrollManagerComponent;\n    });\n  }\n}\n"],"mappings":"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","names":["React","import_react","ScrollType","React"]}

package/dist/{index.esm.js → index.legacy-esm.js}

@@ -1,34 +1,36 @@
-import React, { useState, useEffect } from 'react';
-import { scrollTo } from 'seamless-scroll-polyfill';
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+import React, { useEffect, useState } from "react";
 
-var scrollIntoViewWithOffset = (node, baseElement, offset) => {
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/scrollIntoViewWithOffset.ts
+import { scrollTo } from "seamless-scroll-polyfill";
+var scrollIntoViewWithOffset_default = (node, baseElement, offset) => {
   scrollTo(window, {
     behavior: "smooth",
     top: node.getBoundingClientRect().top - baseElement.getBoundingClientRect().top - offset
   });
 };
 
-const AutoScrollManagerContext = React.createContext({ register: () => {
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+var AutoScrollManagerContext = React.createContext({ register: () => {
 } });
-const useRegisterAsScrollable = () => {
+var useRegisterAsScrollable = () => {
   const { register } = React.useContext(AutoScrollManagerContext);
   return register;
 };
-const AutoScrollProvider = ({
+var AutoScrollProvider = ({
   getElementToScrollTo,
   getBaseElement,
   offset,
   children
 }) => {
-  const [scrollableMap, setScrollableMap] = useState(new Map());
+  const [scrollableMap, setScrollableMap] = useState(/* @__PURE__ */ new Map());
   const updateScrollableMap = (key, value) => {
     setScrollableMap((prev) => {
-      var _a;
       const nm = new Map(prev);
       if (!nm.get(key)) {
-        nm.set(key, new Set());
+        nm.set(key, /* @__PURE__ */ new Set());
       }
-      (_a = nm.get(key)) == null ? void 0 : _a.add(value);
+      nm.get(key)?.add(value);
       return nm;
     });
   };
@@ -38,28 +40,27 @@ const AutoScrollProvider = ({
   useEffect(() => {
     const node = document.getElementById(getElementToScrollTo(scrollableMap));
     if (node) {
-      scrollIntoViewWithOffset(node, getBaseElement() || document.body, offset);
+      scrollIntoViewWithOffset_default(node, getBaseElement() || document.body, offset);
     }
   });
-  return /* @__PURE__ */ React.createElement(AutoScrollManagerContext.Provider, {
-    value: { register }
-  }, children);
+  return /* @__PURE__ */ React.createElement(AutoScrollManagerContext.Provider, { value: { register } }, children);
 };
 
-var ScrollType;
-(function(ScrollType2) {
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/plugin.tsx
+import React2 from "react";
+var ScrollType = /* @__PURE__ */ ((ScrollType2) => {
   ScrollType2[ScrollType2["ValidationError"] = 0] = "ValidationError";
   ScrollType2[ScrollType2["FirstAppearance"] = 1] = "FirstAppearance";
   ScrollType2[ScrollType2["Unknown"] = 2] = "Unknown";
-})(ScrollType || (ScrollType = {}));
-class AutoScrollManagerPlugin {
+  return ScrollType2;
+})(ScrollType || {});
+var AutoScrollManagerPlugin = class {
   constructor(config) {
     this.name = "auto-scroll-manager";
-    var _a, _b, _c, _d;
-    this.autoScrollOnLoad = (_a = config.autoScrollOnLoad) != null ? _a : false;
-    this.autoFocusOnErrorField = (_b = config.autoFocusOnErrorField) != null ? _b : false;
-    this.getBaseElement = (_c = config.getBaseElement) != null ? _c : () => null;
-    this.offset = (_d = config.offset) != null ? _d : 0;
+    this.autoScrollOnLoad = config.autoScrollOnLoad ?? false;
+    this.autoFocusOnErrorField = config.autoFocusOnErrorField ?? false;
+    this.getBaseElement = config.getBaseElement ?? (() => null);
+    this.offset = config.offset ?? 0;
     this.initialRender = false;
     this.failedNavigation = false;
     this.alreadyScrolledTo = [];
@@ -73,16 +74,16 @@ class AutoScrollManagerPlugin {
     const ypos = window.scrollY;
     idList.forEach((id) => {
       const element = document.getElementById(id);
-      if (type === 0 && (element == null ? void 0 : element.getAttribute("aria-invalid")) === "false") {
+      if (type === 0 /* ValidationError */ && element?.getAttribute("aria-invalid") === "false") {
         return;
       }
-      if (type === 1) {
+      if (type === 1 /* FirstAppearance */) {
         if (this.alreadyScrolledTo.indexOf(id) !== -1) {
           return;
         }
         this.alreadyScrolledTo.push(id);
       }
-      const epos = element == null ? void 0 : element.getBoundingClientRect().top;
+      const epos = element?.getBoundingClientRect().top;
       if (epos !== void 0 && (epos + ypos < highestElement.ypos || highestElement.id === "")) {
         highestElement.id = id;
         highestElement.ypos = ypos + epos;
@@ -91,25 +92,29 @@ class AutoScrollManagerPlugin {
     return highestElement.id;
   }
   calculateScroll(scrollableElements) {
-    let currentScroll = 1;
+    let currentScroll = 1 /* FirstAppearance */;
     if (this.initialRender) {
       if (this.autoScrollOnLoad) {
-        currentScroll = 0;
+        currentScroll = 0 /* ValidationError */;
       }
       this.initialRender = false;
     } else if (this.failedNavigation) {
       if (this.autoFocusOnErrorField) {
-        currentScroll = 0;
+        currentScroll = 0 /* ValidationError */;
       }
       this.failedNavigation = false;
     }
     const elementList = scrollableElements.get(currentScroll);
     if (elementList) {
-      const element = this.getFirstScrollableElement(elementList, currentScroll);
-      return element != null ? element : "";
+      const element = this.getFirstScrollableElement(
+        elementList,
+        currentScroll
+      );
+      return element ?? "";
     }
     return "";
   }
+  // Hooks into player flow to determine what scroll targets need to be evaluated at specific lifecycle points
   apply(player) {
     player.hooks.flowController.tap(this.name, (fc) => {
       fc.hooks.flow.tap(this.name, (flow) => {
@@ -129,17 +134,27 @@ class AutoScrollManagerPlugin {
   }
   applyReact(reactPlayer) {
     reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => {
-        const { scrollFn, getBaseElement, offset } = this;
-        return /* @__PURE__ */ React.createElement(AutoScrollProvider, {
-          getElementToScrollTo: scrollFn,
-          getBaseElement,
-          offset
-        }, /* @__PURE__ */ React.createElement(Comp, null));
-      };
+      const { scrollFn, getBaseElement, offset } = this;
+      function AutoScrollManagerComponent() {
+        return /* @__PURE__ */ React2.createElement(
+          AutoScrollProvider,
+          {
+            getElementToScrollTo: scrollFn,
+            getBaseElement,
+            offset
+          },
+          /* @__PURE__ */ React2.createElement(Comp, null)
+        );
+      }
+      return AutoScrollManagerComponent;
     });
   }
-}
-
-export { AutoScrollManagerContext, AutoScrollManagerPlugin, AutoScrollProvider, ScrollType, useRegisterAsScrollable };
-//# sourceMappingURL=index.esm.js.map
+};
+export {
+  AutoScrollManagerContext,
+  AutoScrollManagerPlugin,
+  AutoScrollProvider,
+  ScrollType,
+  useRegisterAsScrollable
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,160 @@
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+import React, { useEffect, useState } from "react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/scrollIntoViewWithOffset.ts
+import { scrollTo } from "seamless-scroll-polyfill";
+var scrollIntoViewWithOffset_default = (node, baseElement, offset) => {
+  scrollTo(window, {
+    behavior: "smooth",
+    top: node.getBoundingClientRect().top - baseElement.getBoundingClientRect().top - offset
+  });
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx
+var AutoScrollManagerContext = React.createContext({ register: () => {
+} });
+var useRegisterAsScrollable = () => {
+  const { register } = React.useContext(AutoScrollManagerContext);
+  return register;
+};
+var AutoScrollProvider = ({
+  getElementToScrollTo,
+  getBaseElement,
+  offset,
+  children
+}) => {
+  const [scrollableMap, setScrollableMap] = useState(/* @__PURE__ */ new Map());
+  const updateScrollableMap = (key, value) => {
+    setScrollableMap((prev) => {
+      const nm = new Map(prev);
+      if (!nm.get(key)) {
+        nm.set(key, /* @__PURE__ */ new Set());
+      }
+      nm.get(key)?.add(value);
+      return nm;
+    });
+  };
+  const register = (data) => {
+    updateScrollableMap(data.type, data.ref);
+  };
+  useEffect(() => {
+    const node = document.getElementById(getElementToScrollTo(scrollableMap));
+    if (node) {
+      scrollIntoViewWithOffset_default(node, getBaseElement() || document.body, offset);
+    }
+  });
+  return /* @__PURE__ */ React.createElement(AutoScrollManagerContext.Provider, { value: { register } }, children);
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/plugin.tsx
+import React2 from "react";
+var ScrollType = /* @__PURE__ */ ((ScrollType2) => {
+  ScrollType2[ScrollType2["ValidationError"] = 0] = "ValidationError";
+  ScrollType2[ScrollType2["FirstAppearance"] = 1] = "FirstAppearance";
+  ScrollType2[ScrollType2["Unknown"] = 2] = "Unknown";
+  return ScrollType2;
+})(ScrollType || {});
+var AutoScrollManagerPlugin = class {
+  constructor(config) {
+    this.name = "auto-scroll-manager";
+    this.autoScrollOnLoad = config.autoScrollOnLoad ?? false;
+    this.autoFocusOnErrorField = config.autoFocusOnErrorField ?? false;
+    this.getBaseElement = config.getBaseElement ?? (() => null);
+    this.offset = config.offset ?? 0;
+    this.initialRender = false;
+    this.failedNavigation = false;
+    this.alreadyScrolledTo = [];
+    this.scrollFn = this.calculateScroll.bind(this);
+  }
+  getFirstScrollableElement(idList, type) {
+    const highestElement = {
+      id: "",
+      ypos: 0
+    };
+    const ypos = window.scrollY;
+    idList.forEach((id) => {
+      const element = document.getElementById(id);
+      if (type === 0 /* ValidationError */ && element?.getAttribute("aria-invalid") === "false") {
+        return;
+      }
+      if (type === 1 /* FirstAppearance */) {
+        if (this.alreadyScrolledTo.indexOf(id) !== -1) {
+          return;
+        }
+        this.alreadyScrolledTo.push(id);
+      }
+      const epos = element?.getBoundingClientRect().top;
+      if (epos !== void 0 && (epos + ypos < highestElement.ypos || highestElement.id === "")) {
+        highestElement.id = id;
+        highestElement.ypos = ypos + epos;
+      }
+    });
+    return highestElement.id;
+  }
+  calculateScroll(scrollableElements) {
+    let currentScroll = 1 /* FirstAppearance */;
+    if (this.initialRender) {
+      if (this.autoScrollOnLoad) {
+        currentScroll = 0 /* ValidationError */;
+      }
+      this.initialRender = false;
+    } else if (this.failedNavigation) {
+      if (this.autoFocusOnErrorField) {
+        currentScroll = 0 /* ValidationError */;
+      }
+      this.failedNavigation = false;
+    }
+    const elementList = scrollableElements.get(currentScroll);
+    if (elementList) {
+      const element = this.getFirstScrollableElement(
+        elementList,
+        currentScroll
+      );
+      return element ?? "";
+    }
+    return "";
+  }
+  // Hooks into player flow to determine what scroll targets need to be evaluated at specific lifecycle points
+  apply(player) {
+    player.hooks.flowController.tap(this.name, (fc) => {
+      fc.hooks.flow.tap(this.name, (flow) => {
+        flow.hooks.transition.tap(this.name, () => {
+          this.initialRender = true;
+          this.failedNavigation = false;
+          this.alreadyScrolledTo = [];
+          window.scroll(0, 0);
+        });
+        flow.hooks.skipTransition.intercept({
+          call: () => {
+            this.failedNavigation = true;
+          }
+        });
+      });
+    });
+  }
+  applyReact(reactPlayer) {
+    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
+      const { scrollFn, getBaseElement, offset } = this;
+      function AutoScrollManagerComponent() {
+        return /* @__PURE__ */ React2.createElement(
+          AutoScrollProvider,
+          {
+            getElementToScrollTo: scrollFn,
+            getBaseElement,
+            offset
+          },
+          /* @__PURE__ */ React2.createElement(Comp, null)
+        );
+      }
+      return AutoScrollManagerComponent;
+    });
+  }
+};
+export {
+  AutoScrollManagerContext,
+  AutoScrollManagerPlugin,
+  AutoScrollProvider,
+  ScrollType,
+  useRegisterAsScrollable
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/scrollIntoViewWithOffset.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/auto-scroll/react/src/plugin.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport scrollIntoViewWithOffset from \"./scrollIntoViewWithOffset\";\nimport type { ScrollType } from \"./index\";\n\nexport interface AutoScrollProviderProps {\n  /** Return the element to scroll to based on the registered types */\n  getElementToScrollTo: (\n    scrollableElements: Map<ScrollType, Set<string>>,\n  ) => string;\n  /** Optional function to get container element, which is used for calculating offset (default: document.body) */\n  getBaseElement: () => HTMLElement | undefined | null;\n  /** Additional offset to be used (default: 0) */\n  offset: number;\n}\n\nexport interface RegisterData {\n  /** when to scroll to the target  */\n  type: ScrollType;\n\n  /** the html id to scroll to */\n  ref: string;\n}\n\nexport type ScrollFunction = (registerData: RegisterData) => void;\n\nexport const AutoScrollManagerContext = React.createContext<{\n  /** function to register a scroll target */\n  register: ScrollFunction;\n}>({ register: () => {} });\n\n/** hook to register as a scroll target */\nexport const useRegisterAsScrollable = (): ScrollFunction => {\n  const { register } = React.useContext(AutoScrollManagerContext);\n\n  return register;\n};\n\n/** Component to handle scrolling */\nexport const AutoScrollProvider = ({\n  getElementToScrollTo,\n  getBaseElement,\n  offset,\n  children,\n}: PropsWithChildren<AutoScrollProviderProps>) => {\n  // Tracker for what elements are registered to be scroll targets\n  // Key is the type (initial, validation, appear)\n  // Value is a set of target ids\n  const [scrollableMap, setScrollableMap] = useState<\n    Map<ScrollType, Set<string>>\n  >(new Map());\n\n  /** Add a new entry as a scroll target */\n  const updateScrollableMap = (key: ScrollType, value: string) => {\n    setScrollableMap((prev) => {\n      const nm = new Map(prev);\n\n      if (!nm.get(key)) {\n        nm.set(key, new Set());\n      }\n\n      nm.get(key)?.add(value);\n\n      return nm;\n    });\n  };\n\n  /** register a new scroll target */\n  const register: ScrollFunction = (data) => {\n    updateScrollableMap(data.type, data.ref);\n  };\n\n  useEffect(() => {\n    const node = document.getElementById(getElementToScrollTo(scrollableMap));\n\n    if (node) {\n      scrollIntoViewWithOffset(node, getBaseElement() || document.body, offset);\n    }\n  });\n\n  return (\n    <AutoScrollManagerContext.Provider value={{ register }}>\n      {children}\n    </AutoScrollManagerContext.Provider>\n  );\n};\n","/**\n * Scroll to the given element\n-* @param node Element to scroll to\n-* @param baseElement Container element used to calculate offset\n-* @param offset Additional offset\n */\n\nimport { scrollTo } from \"seamless-scroll-polyfill\";\n\nexport default (\n  node: HTMLElement,\n  baseElement: HTMLElement,\n  offset: number,\n) => {\n  scrollTo(window, {\n    behavior: \"smooth\",\n    top:\n      node.getBoundingClientRect().top -\n      baseElement.getBoundingClientRect().top -\n      offset,\n  });\n};\n","import type { ReactPlayer, ReactPlayerPlugin } from \"@player-ui/react\";\nimport type { Player } from \"@player-ui/react\";\nimport React from \"react\";\nimport { AutoScrollProvider } from \"./hooks\";\n\nexport enum ScrollType {\n  ValidationError,\n  FirstAppearance,\n  Unknown,\n}\n\nexport interface AutoScrollManagerConfig {\n  /** Config to auto-scroll on load */\n  autoScrollOnLoad?: boolean;\n  /** Config to auto-focus on an error */\n  autoFocusOnErrorField?: boolean;\n  /** Optional function to get container element, which is used for calculating offset (default: document.body) */\n  getBaseElement?: () => HTMLElement | undefined | null;\n  /** Additional offset to be used (default: 0) */\n  offset?: number;\n}\n\n/** A plugin to manage scrolling behavior */\nexport class AutoScrollManagerPlugin implements ReactPlayerPlugin {\n  name = \"auto-scroll-manager\";\n\n  /** Toggles if we should auto scroll to to the first failed validation on page load */\n  private autoScrollOnLoad: boolean;\n\n  /** Toggles if we should auto scroll to the first failed validation on navigation failure */\n  private autoFocusOnErrorField: boolean;\n\n  /** tracks if its the initial page render */\n  private initialRender: boolean;\n\n  /** tracks if the navigation failed */\n  private failedNavigation: boolean;\n\n  /** function to return the base of the scrollable area */\n  private getBaseElement: () => HTMLElement | undefined | null;\n\n  /** static offset */\n  private offset: number;\n\n  /** map of scroll type to set of ids that are registered under that type */\n  private alreadyScrolledTo: Array<string>;\n  private scrollFn: (\n    scrollableElements: Map<ScrollType, Set<string>>,\n  ) => string;\n\n  constructor(config: AutoScrollManagerConfig) {\n    this.autoScrollOnLoad = config.autoScrollOnLoad ?? false;\n    this.autoFocusOnErrorField = config.autoFocusOnErrorField ?? false;\n    this.getBaseElement = config.getBaseElement ?? (() => null);\n    this.offset = config.offset ?? 0;\n    this.initialRender = false;\n    this.failedNavigation = false;\n    this.alreadyScrolledTo = [];\n    this.scrollFn = this.calculateScroll.bind(this);\n  }\n\n  getFirstScrollableElement(idList: Set<string>, type: ScrollType) {\n    const highestElement = {\n      id: \"\",\n      ypos: 0,\n    };\n    const ypos = window.scrollY;\n    idList.forEach((id) => {\n      const element = document.getElementById(id);\n\n      // if we are looking at validation errors, make sure the element is invalid\n      if (\n        type === ScrollType.ValidationError &&\n        element?.getAttribute(\"aria-invalid\") === \"false\"\n      ) {\n        return;\n      }\n\n      // if we are just looking at elements that just appeared, make sure we haven't\n      // scrolled to them before\n      if (type === ScrollType.FirstAppearance) {\n        if (this.alreadyScrolledTo.indexOf(id) !== -1) {\n          return;\n        }\n\n        this.alreadyScrolledTo.push(id);\n      }\n\n      const epos = element?.getBoundingClientRect().top;\n      if (\n        epos !== undefined &&\n        (epos + ypos < highestElement.ypos || highestElement.id === \"\")\n      ) {\n        highestElement.id = id;\n        highestElement.ypos = ypos + epos;\n      }\n    });\n    return highestElement.id;\n  }\n\n  calculateScroll(scrollableElements: Map<ScrollType, Set<string>>) {\n    let currentScroll = ScrollType.FirstAppearance;\n    if (this.initialRender) {\n      if (this.autoScrollOnLoad) {\n        currentScroll = ScrollType.ValidationError;\n      }\n\n      this.initialRender = false;\n    } else if (this.failedNavigation) {\n      if (this.autoFocusOnErrorField) {\n        currentScroll = ScrollType.ValidationError;\n      }\n\n      this.failedNavigation = false;\n    }\n\n    const elementList = scrollableElements.get(currentScroll);\n    if (elementList) {\n      const element = this.getFirstScrollableElement(\n        elementList,\n        currentScroll,\n      );\n      return element ?? \"\";\n    }\n\n    return \"\";\n  }\n\n  // Hooks into player flow to determine what scroll targets need to be evaluated at specific lifecycle points\n  apply(player: Player) {\n    player.hooks.flowController.tap(this.name, (fc) => {\n      fc.hooks.flow.tap(this.name, (flow) => {\n        flow.hooks.transition.tap(this.name, () => {\n          // Reset Everything\n          this.initialRender = true;\n          this.failedNavigation = false;\n          this.alreadyScrolledTo = [];\n          // Reset scroll position for new view\n          window.scroll(0, 0);\n        });\n        flow.hooks.skipTransition.intercept({\n          call: () => {\n            this.failedNavigation = true;\n          },\n        });\n      });\n    });\n  }\n\n  applyReact(reactPlayer: ReactPlayer) {\n    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n      const { scrollFn, getBaseElement, offset } = this;\n\n      function AutoScrollManagerComponent() {\n        return (\n          <AutoScrollProvider\n            getElementToScrollTo={scrollFn}\n            getBaseElement={getBaseElement}\n            offset={offset}\n          >\n            <Comp />\n          </AutoScrollProvider>\n        );\n      }\n\n      return AutoScrollManagerComponent;\n    });\n  }\n}\n"],"mappings":"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","names":["React","ScrollType","React"]}