@elliemae/ds-app-picker 3.70.0-next.52 → 3.70.0-next.54

package/dist/types/parts/AppPickerFloatingContext/useAppPickerFloatingContext.d.ts

@@ -0,0 +1,170 @@
+import type React from 'react';
+import type { useAppPicker } from '../../config/useAppPicker.js';
+import type { DSAppPickerT } from '../../react-desc-prop-types.js';
+/**
+ * useAppPickerFloatingContext — the single point that wires DSAppPicker to
+ * `@elliemae/ds-floating-context`'s `useFloatingContext`.
+ *
+ * WHAT IT DOES (as a black box):
+ * AppPicker can be used in two very different ways:
+ *  - Controlled: the consumer supplies `isOpen` and drives the open/close transition.
+ *          └→ AppPicker can't be event-based as the flip might originate from any cause and we don't own the business logic
+ *                  └→ we need to ensure WCAG embedded behaviours (focus, Escape, click-outside) are wired to the consumer's `isOpen` flip.
+ *  - Uncontrolled: the consumer does not supply `isOpen` and AppPicker owns the full flows, we only notify the consumer of the transition and its cause.
+ *
+ * The AppPicker and this file in particular serves as the one place that coordinates the two different ways to use the component and wires with the useFloatingContext hook.
+ * This files owns:
+ *  - Focus management relative to open/close transitions (initial focus on open, return focus to trigger on close)
+ *  - Escape key handling (scoped to the panel and trigger)
+ *  - Click-outside handling (panel and trigger)
+ *  - Imperative focus API via actionRef
+ *  - Controlled/Uncontrolled forks and differences in event notification (eager vs controlled-flip)
+ *  - OnOpen and OnClose notification to the consumer with the correct reason and event (if any)
+ *
+ * IMPORTANT:
+ *  Parts of the flow/logic required in this file is offloaded to useFloatingContext internal assumptions and logics.
+ *  Changes to useFloatingContext may break the flows in this file, or alter them in ways that are not obvious, the two are closely coupled.
+ *
+ * DATA / EVENT FLOW
+ *
+ * Two concerns run in parallel and must not be conflated: (A) what makes the panel show/hide and take
+ * focus, and (B) how the consumer is told it opened/closed. They have different origins.
+ *
+ * (A) PANEL VISIBILITY + FOCUS —  useFloatingContext internal co-ownership of the flow.
+ *
+ *                a user action                          │ │                      isOpen prop flip
+ *    (trigger click / scoped Escape / click outside)    │ │   (not a traceable user action, but the consumer's own flip)
+ *      uncontrolled - flips the internal flag           │ │ controlled - AppPicker's own flip is inert, consumer drives it
+ *                                                        │
+ *                                                        ▼
+ *                                              resolvedIsOpen changes
+ *                                                        │
+ *                                                        ▼
+ *                        useFloatingContext (externallyControlledIsOpen) detects the transition
+ *                                                        │
+ *                                                        ▼
+ *                     on open                           │ │              on close
+ *                handleFloatingOpen                     │ │   focus is only restored after a SCOPED ESCAPE:
+ *  AppPicker business logic seeds initial focus         │ │   useFloatingContext returns focus to the trigger
+ *                                                        │ │   (returnFocusToReference). Click-outside / toggle
+ *                                                        │ │   / controlled closes do NOT move focus, and
+ *                                                        │ │   handleFloatingClose only NOTIFIES (see (B)).
+ *                                                        │
+ *                                                        ▼
+ *                          ┌─────────────────────────────────────────────────────────────┐
+ *                          │  visibility + focus are delivered to final user as expected │
+ *                          └─────────────────────────────────────────────────────────────┘
+ *
+ * (B) CONSUMER NOTIFICATION
+ *   Each flow below is the UNCONTROLLED path, where AppPicker owns the transition and can name the true cause.
+ *   The controlled equivalent for every trigger is stated once at the end.
+ *                            ┌────────────────────────┐
+ *                            │ OPENING TRIGGERS FLOWS │
+ *                            └────────────────────────┘
+ * TRIGGER CLICK (uncontrolled)
+ *                                    trigger click
+ *                       user clicks the internal trigger, panel closed
+ *                                          │
+ *                                          ▼
+ *                                 handleTriggerClick
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onOpen { reason: 'trigger', event }         │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *                            ┌────────────────────────┐
+ *                            │ CLOSING TRIGGERS FLOWS │
+ *                            └────────────────────────┘
+ * KEYBOARD ESCAPE (uncontrolled)
+ *                       Escape within the panel DOM tree or the trigger
+ *            scoped Escape (routed only while closeOnEscape, i.e. no consumer onKeyDown)
+ *                                          │
+ *                                          ▼
+ *                                onEscape → handleScopedEscape
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onClose { reason: 'escape', event }         │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ *
+ *  CLICK OUTSIDE (uncontrolled)
+ *                           Click outside the panel DOM tree and the trigger
+ *                useFloatingContext detects a pointer press outside the panel + trigger
+ *                                          │
+ *                                          ▼
+ *                                   handleClickOutside
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onClose { reason: 'click-outside', event }  │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ *
+ *  CLICK ON TRIGGER (uncontrolled, while internal state is open)
+ *                              trigger click while open
+ *                       user clicks the internal trigger, panel open
+ *                                          │
+ *                                          ▼
+ *                                    handleTriggerClick
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │ onClose { reason: 'trigger-toggle', event }  │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *                            ┌──────────────────────────────────┐
+ *                            │ CONTROLLED OPEN & CLOSE FLOWS    │
+ *                            └──────────────────────────────────┘
+ *   AppPicker's own flip is inert;
+ *   We can't fire EAGERLY and we can't track an originating event, there may be NONE
+ *   The consumer's `isOpen` flip is reacted to by useFloatingContext, which fires onOpen / onClose with reason 'controlled-flip'
+ *   We wire the visual and focus Flow (A) above, and then notify the consumer with reason 'controlled' (no event)
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onOpen  { reason: 'controlled' }            │                    no event
+ *                 │  onClose { reason: 'controlled' }            │   a prop flip is not a traceable user action
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *
+ *     Eager (uncontrolled) and controlled-flip paths are mutually exclusive on `isControlled`.
+ *     the consumer is notified exactly once per transition — never twice.
+ * On Escape specifically
+ *   a controlled consumer supplies onKeyDown, so closeOnEscape is false in useFloatingContext
+ *                   └→ AppPicker's onEscape never runs —
+ *                                   └→ the close arrives purely by listening to the flag transition
+ * ------------------------------------------------------------------------------------------------------------------------
+ * A nuance for an edge case:
+ *
+ * Declarative mount-open (rendered already-open).
+ * useFloatingContext fires no onOpen for it (it did not transition to open, it started open),
+ *    └→ neither the focus-seed (A) nor the notification (B) runs
+ * AppPanel compensates this locally via useMountedOpenAutofocusNuance, it needs to be seen if this is even desired or should be removed
+ * ------------------------------------------------------------------------------------------------------------------------
+ */
+type ConfiguredAppPickerCtx = ReturnType<typeof useAppPicker>;
+type AppPickerFloatingContextConfig = {
+    propsWithDefault: DSAppPickerT.InternalProps;
+    focusTrackers: ConfiguredAppPickerCtx['focusTrackers'];
+    wasOpenedByKeyboardRef: ConfiguredAppPickerCtx['wasOpenedByKeyboardRef'];
+    resolvedIsOpen: ConfiguredAppPickerCtx['resolvedIsOpen'];
+    setInternalIsOpen: ConfiguredAppPickerCtx['setInternalIsOpen'];
+};
+export declare const useAppPickerFloatingContext: (appPickerConfig: AppPickerFloatingContextConfig) => {
+    floatingStyles: React.CSSProperties;
+    arrowStyles: import("@elliemae/ds-floating-context/dist/types/parts/PopoverArrow.js").PopoverArrowT;
+    floatingContext: {
+        withoutPortal: boolean;
+        withoutAnimation: boolean;
+        portalDOMContainer: HTMLElement | undefined;
+        animationDuration: number;
+    };
+    handleTriggerRef: (instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+    handleTriggerClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    floatingInnerRef: (instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+};
+export {};

package/dist/types/parts/AppPickerItem.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { DSAppPickerT } from '../react-desc-prop-types.js';
 interface AppPickerItemProps {
     app: DSAppPickerT.AppItem;
+    chipId: string;
     positionLabel: string;
     ownerProps: {
         getOwnerProps: () => object;

package/dist/types/parts/Trigger.d.ts

@@ -1,15 +1,11 @@
-import React from 'react';
-import type { DSAppPickerT } from '../react-desc-prop-types.js';
-interface TriggerProps {
-    Icon: DSAppPickerT.InternalProps['icon'];
-    isOpen: boolean;
-    setRef: React.RefCallback<HTMLButtonElement>;
-    ownerProps: {
-        getOwnerProps: () => object;
-        getOwnerPropsArguments: () => object;
-    };
-    onClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
-    renderTrigger?: DSAppPickerT.OptionalProps['renderTrigger'];
-}
-export declare const Trigger: React.FC<TriggerProps>;
+import type { useAppPickerFloatingContext } from './AppPickerFloatingContext/useAppPickerFloatingContext.js';
+type UseAppPickerFloatingContextT = ReturnType<typeof useAppPickerFloatingContext>;
+type FloatingContextDictatedProps = {
+    handleTriggerRef: UseAppPickerFloatingContextT['handleTriggerRef'];
+    handleTriggerClick: UseAppPickerFloatingContextT['handleTriggerClick'];
+};
+export declare const Trigger: {
+    (PropsFromFloatingContext: FloatingContextDictatedProps): import("react/jsx-runtime.js").JSX.Element | null;
+    displayName: string;
+};
 export {};

package/dist/types/parts/style.d.ts

@@ -1,4 +1,3 @@
-export declare const StyledAppPickerFloating: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-floating-context").DSFloatingWrapperT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-floating-context").DSFloatingWrapperT.Props>>, never>;
 export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledListItem: import("styled-components").StyledComponent<"li", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"li">, never>;
 export declare const StyledListItemFullRow: import("styled-components").StyledComponent<"li", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"li">, never>;

package/dist/types/react-desc-prop-types.d.ts

@@ -22,6 +22,35 @@ export declare namespace DSAppPickerT {
         focusSelectedOrFirstAvailable?: () => void;
         focusWrapper: () => void;
     }>;
+    /**
+     * Why the panel opened. `trigger` carries the activating event and fires synchronously in the
+     * trigger's click handler (AppPicker owns the open). `controlled` fires when the consumer flips
+     * the `isOpen` prop themselves — no event, delivered when that flip takes effect.
+     */
+    type OpenChange = {
+        reason: 'trigger';
+        event: React.MouseEvent | React.KeyboardEvent;
+    } | {
+        reason: 'controlled';
+    };
+    /**
+     * Why the panel closed. The event-carrying reasons fire synchronously from the handler that owns
+     * the close (AppPicker in uncontrolled mode): `escape` (a scoped Escape), `click-outside`, and
+     * `trigger-toggle` (the trigger clicked while open). `controlled` fires when the consumer flips the
+     * `isOpen` prop themselves — no event, delivered when that flip takes effect.
+     */
+    type CloseChange = {
+        reason: 'escape';
+        event: KeyboardEvent;
+    } | {
+        reason: 'click-outside';
+        event: MouseEvent | TouchEvent;
+    } | {
+        reason: 'trigger-toggle';
+        event: React.MouseEvent | React.KeyboardEvent;
+    } | {
+        reason: 'controlled';
+    };
     interface RequiredProps {
     }
     type SlotFunctionArguments = {
@@ -46,7 +75,8 @@ export declare namespace DSAppPickerT {
         [key: string]: unknown;
     }
     interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAppPickerName, typeof DSAppPickerSlots> {
-        onClose?: () => void;
+        onOpen?: (info: OpenChange) => void;
+        onClose?: (info: CloseChange) => void;
         onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
         onClickOutside?: (e: MouseEvent | React.MouseEvent) => void;
         onKeyDown?: (e: React.KeyboardEvent) => void;

package/dist/types/util/getChipId.d.ts

@@ -0,0 +1,2 @@
+import type { DSAppPickerT } from '../react-desc-prop-types.js';
+export declare const getChipId: (app: DSAppPickerT.AppItem, flatIndex: number) => string;

package/dist/types/util/getChipRegionId.d.ts

@@ -0,0 +1 @@
+export declare const getChipRegionId: (chipId: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-app-picker",
-  "version": "3.70.0-next.52",
+  "version": "3.70.0-next.54",
   "license": "MIT",
   "description": "ICE MT - Dimsum - App Picker",
   "files": [
@@ -36,24 +36,23 @@
     "indent": 4
   },
   "dependencies": {
-    "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.70.0-next.52",
-    "@elliemae/ds-chip": "3.70.0-next.52",
-    "@elliemae/ds-floating-context": "3.70.0-next.52",
-    "@elliemae/ds-grid": "3.70.0-next.52",
-    "@elliemae/ds-hooks-focus-trap": "3.70.0-next.52",
-    "@elliemae/ds-props-helpers": "3.70.0-next.52",
-    "@elliemae/ds-icons": "3.70.0-next.52",
-    "@elliemae/ds-system": "3.70.0-next.52",
-    "@elliemae/ds-typography": "3.70.0-next.52"
+    "@elliemae/ds-button-v2": "3.70.0-next.54",
+    "@elliemae/ds-floating-context": "3.70.0-next.54",
+    "@elliemae/ds-hooks-focus-trap": "3.70.0-next.54",
+    "@elliemae/ds-grid": "3.70.0-next.54",
+    "@elliemae/ds-props-helpers": "3.70.0-next.54",
+    "@elliemae/ds-system": "3.70.0-next.54",
+    "@elliemae/ds-chip": "3.70.0-next.54",
+    "@elliemae/ds-icons": "3.70.0-next.54",
+    "@elliemae/ds-typography": "3.70.0-next.54"
   },
   "devDependencies": {
     "@playwright/experimental-ct-react": "^1.60.0",
     "jest": "^30.0.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.52",
-    "@elliemae/ds-test-utils": "3.70.0-next.52",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.52"
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.54",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.54",
+    "@elliemae/ds-test-utils": "3.70.0-next.54"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/dist/cjs/config/useAppPickerBehavior.js

@@ -1,156 +0,0 @@
-"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);
-var useAppPickerBehavior_exports = {};
-__export(useAppPickerBehavior_exports, {
-  useAppPickerBehavior: () => useAppPickerBehavior
-});
-module.exports = __toCommonJS(useAppPickerBehavior_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_floating_context = require("@elliemae/ds-floating-context");
-var import_useFocusTracker = require("./useFocusTracker.js");
-const useAppPickerBehavior = (appPickerConfig) => {
-  const { propsWithDefault, ownerPropsConfig } = appPickerConfig;
-  const {
-    apps,
-    customApps,
-    icon: Icon,
-    renderTrigger,
-    isOpen,
-    onClose,
-    actionRef,
-    onClick,
-    onClickOutside,
-    triggerRef
-  } = propsWithDefault;
-  const focusTracker = (0, import_useFocusTracker.useFocusTracker)();
-  const { trackFocusSelectedItem, trackFocusItemAtIndex, trackFocusPanel } = focusTracker;
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const defaultTriggerRef = (0, import_react.useRef)(null);
-  const wasOpenedByKeyboardRef = (0, import_react.useRef)(false);
-  const appsRef = (0, import_react.useRef)(apps);
-  appsRef.current = apps;
-  const customAppsRef = (0, import_react.useRef)(customApps);
-  customAppsRef.current = customApps;
-  const resolvedIsOpen = typeof isOpen === "boolean" ? isOpen : open;
-  const handleClose = (0, import_react.useCallback)(() => {
-    setOpen(false);
-    onClose?.();
-  }, [onClose]);
-  const handleClickOutside = (0, import_react.useCallback)(
-    (e) => {
-      setOpen(false);
-      onClose?.();
-      onClickOutside?.(e);
-    },
-    [onClose, onClickOutside]
-  );
-  const {
-    refs: floatingRefs,
-    floatingStyles,
-    arrowStyles,
-    context: floatingContext
-  } = (0, import_ds_floating_context.useFloatingContext)({
-    placement: "bottom",
-    // Arrow tip is ~6.1px above the panel top (arrowPlacementBase16 ≈ 17.5px, tip at 11.4px from box top).
-    // 4px spec gap → 4 + 6.1 ≈ 10px offset.
-    customOffset: [0, 10],
-    externallyControlledIsOpen: resolvedIsOpen,
-    withoutAnimation: true,
-    onClickOutside: handleClickOutside
-  });
-  const handleTriggerRef = (0, import_react.useCallback)(
-    (node) => {
-      defaultTriggerRef.current = node;
-      floatingRefs.setReference(node);
-      if (triggerRef) {
-        triggerRef.current = node;
-      }
-    },
-    [floatingRefs, triggerRef]
-  );
-  const handleActionRef = (0, import_react.useCallback)(
-    (node) => {
-      if (node && actionRef?.current) {
-        actionRef.current.focusToIndex = (index) => {
-          trackFocusItemAtIndex(appsRef.current, customAppsRef.current, index);
-        };
-        actionRef.current.focusWrapper = () => {
-          trackFocusPanel();
-        };
-        actionRef.current.focusSelectedOrFirstAvailable = () => {
-          trackFocusSelectedItem(appsRef.current, customAppsRef.current);
-        };
-      }
-    },
-    [actionRef, trackFocusItemAtIndex, trackFocusPanel, trackFocusSelectedItem]
-  );
-  const floatingInnerRef = (0, import_react.useCallback)(
-    (node) => {
-      floatingRefs.setFloating(node);
-      handleActionRef(node);
-    },
-    [floatingRefs.setFloating, handleActionRef]
-  );
-  (0, import_react.useEffect)(() => {
-    if (resolvedIsOpen && wasOpenedByKeyboardRef.current) {
-      trackFocusSelectedItem(apps, customApps);
-    }
-  }, [resolvedIsOpen, trackFocusSelectedItem, apps, customApps]);
-  const handleTriggerClick = (0, import_react.useCallback)(
-    (e) => {
-      wasOpenedByKeyboardRef.current = e.detail === 0;
-      onClick?.(e);
-      setOpen((prev) => !prev);
-    },
-    [onClick]
-  );
-  return {
-    // For rendering
-    Icon,
-    renderTrigger,
-    resolvedIsOpen,
-    floatingStyles,
-    arrowStyles,
-    floatingContext,
-    ownerPropsConfig,
-    // Refs
-    defaultTriggerRef,
-    triggerRef,
-    wasOpenedByKeyboardRef,
-    // Handlers
-    handleClose,
-    handleTriggerRef,
-    handleTriggerClick,
-    floatingInnerRef,
-    // Context value
-    focusTracker
-  };
-};
-//# sourceMappingURL=useAppPickerBehavior.js.map

package/dist/cjs/config/useAppPickerBehavior.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useAppPickerBehavior.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\nimport type React from 'react';\nimport { useState, useRef, useCallback, useEffect } from 'react';\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport type { useAppPicker } from './useAppPicker.js';\n\nexport const useAppPickerBehavior = (appPickerConfig: ReturnType<typeof useAppPicker>) => {\n  const { propsWithDefault, ownerPropsConfig } = appPickerConfig;\n  const {\n    apps,\n    customApps,\n    icon: Icon,\n    renderTrigger,\n    isOpen,\n    onClose,\n    actionRef,\n    onClick,\n    onClickOutside,\n    triggerRef,\n  } = propsWithDefault;\n\n  const focusTracker = useFocusTracker();\n  const { trackFocusSelectedItem, trackFocusItemAtIndex, trackFocusPanel } = focusTracker;\n\n  const [open, setOpen] = useState(false);\n  const defaultTriggerRef = useRef<HTMLButtonElement>(null);\n  const wasOpenedByKeyboardRef = useRef(false);\n\n  // Stable refs for actionRef methods \u2014 closed over by the callback below so they are\n  // always current without causing the ref callback to regenerate on every data change.\n  const appsRef = useRef(apps);\n  appsRef.current = apps;\n  const customAppsRef = useRef(customApps);\n  customAppsRef.current = customApps;\n\n  const resolvedIsOpen = typeof isOpen === 'boolean' ? isOpen : open;\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      setOpen(false);\n      onClose?.();\n      onClickOutside?.(e as MouseEvent);\n    },\n    [onClose, onClickOutside],\n  );\n\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n  } = useFloatingContext({\n    placement: 'bottom',\n    // Arrow tip is ~6.1px above the panel top (arrowPlacementBase16 \u2248 17.5px, tip at 11.4px from box top).\n    // 4px spec gap \u2192 4 + 6.1 \u2248 10px offset.\n    customOffset: [0, 10],\n    externallyControlledIsOpen: resolvedIsOpen,\n    withoutAnimation: true,\n    onClickOutside: handleClickOutside,\n  });\n\n  const handleTriggerRef = useCallback<React.RefCallback<HTMLButtonElement>>(\n    (node) => {\n      (defaultTriggerRef as React.MutableRefObject<HTMLButtonElement | null>).current = node;\n      floatingRefs.setReference(node);\n      if (triggerRef) {\n        (triggerRef as React.MutableRefObject<HTMLButtonElement | null>).current = node;\n      }\n    },\n    [floatingRefs, triggerRef],\n  );\n\n  // Ref callback on StyledAppPickerFloating: fires on mount with the panel node, populating\n  // actionRef methods. All focus operations go through the tracker \u2014 no DOM queries.\n  const handleActionRef = useCallback<React.RefCallback<HTMLDivElement>>(\n    (node) => {\n      if (node && actionRef?.current) {\n        actionRef.current.focusToIndex = (index: number) => {\n          trackFocusItemAtIndex(appsRef.current, customAppsRef.current, index);\n        };\n        actionRef.current.focusWrapper = () => {\n          trackFocusPanel();\n        };\n        actionRef.current.focusSelectedOrFirstAvailable = () => {\n          trackFocusSelectedItem(appsRef.current, customAppsRef.current);\n        };\n      }\n    },\n    [actionRef, trackFocusItemAtIndex, trackFocusPanel, trackFocusSelectedItem],\n  );\n\n  const floatingInnerRef = useCallback<React.RefCallback<HTMLDivElement>>(\n    (node) => {\n      (floatingRefs.setFloating as React.RefCallback<HTMLDivElement>)(node);\n      handleActionRef(node);\n    },\n    [floatingRefs.setFloating, handleActionRef],\n  );\n\n  // When panel opens via keyboard, seed the focus tracker so the correct chip gets focus\n  // via its innerRef callback. Non-keyboard paths are handled by AppPanel on mount.\n  useEffect(() => {\n    if (resolvedIsOpen && wasOpenedByKeyboardRef.current) {\n      trackFocusSelectedItem(apps, customApps);\n    }\n  }, [resolvedIsOpen, trackFocusSelectedItem, apps, customApps]);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      wasOpenedByKeyboardRef.current = (e as React.MouseEvent).detail === 0;\n      onClick?.(e);\n      setOpen((prev) => !prev);\n    },\n    [onClick],\n  );\n\n  return {\n    // For rendering\n    Icon,\n    renderTrigger,\n    resolvedIsOpen,\n    floatingStyles,\n    arrowStyles,\n    floatingContext,\n    ownerPropsConfig,\n    // Refs\n    defaultTriggerRef,\n    triggerRef,\n    wasOpenedByKeyboardRef,\n    // Handlers\n    handleClose,\n    handleTriggerRef,\n    handleTriggerClick,\n    floatingInnerRef,\n    // Context value\n    focusTracker,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/config/useAppPickerBehavior.js

@@ -1,126 +0,0 @@
-import * as React from "react";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { useFloatingContext } from "@elliemae/ds-floating-context";
-import { useFocusTracker } from "./useFocusTracker.js";
-const useAppPickerBehavior = (appPickerConfig) => {
-  const { propsWithDefault, ownerPropsConfig } = appPickerConfig;
-  const {
-    apps,
-    customApps,
-    icon: Icon,
-    renderTrigger,
-    isOpen,
-    onClose,
-    actionRef,
-    onClick,
-    onClickOutside,
-    triggerRef
-  } = propsWithDefault;
-  const focusTracker = useFocusTracker();
-  const { trackFocusSelectedItem, trackFocusItemAtIndex, trackFocusPanel } = focusTracker;
-  const [open, setOpen] = useState(false);
-  const defaultTriggerRef = useRef(null);
-  const wasOpenedByKeyboardRef = useRef(false);
-  const appsRef = useRef(apps);
-  appsRef.current = apps;
-  const customAppsRef = useRef(customApps);
-  customAppsRef.current = customApps;
-  const resolvedIsOpen = typeof isOpen === "boolean" ? isOpen : open;
-  const handleClose = useCallback(() => {
-    setOpen(false);
-    onClose?.();
-  }, [onClose]);
-  const handleClickOutside = useCallback(
-    (e) => {
-      setOpen(false);
-      onClose?.();
-      onClickOutside?.(e);
-    },
-    [onClose, onClickOutside]
-  );
-  const {
-    refs: floatingRefs,
-    floatingStyles,
-    arrowStyles,
-    context: floatingContext
-  } = useFloatingContext({
-    placement: "bottom",
-    // Arrow tip is ~6.1px above the panel top (arrowPlacementBase16 ≈ 17.5px, tip at 11.4px from box top).
-    // 4px spec gap → 4 + 6.1 ≈ 10px offset.
-    customOffset: [0, 10],
-    externallyControlledIsOpen: resolvedIsOpen,
-    withoutAnimation: true,
-    onClickOutside: handleClickOutside
-  });
-  const handleTriggerRef = useCallback(
-    (node) => {
-      defaultTriggerRef.current = node;
-      floatingRefs.setReference(node);
-      if (triggerRef) {
-        triggerRef.current = node;
-      }
-    },
-    [floatingRefs, triggerRef]
-  );
-  const handleActionRef = useCallback(
-    (node) => {
-      if (node && actionRef?.current) {
-        actionRef.current.focusToIndex = (index) => {
-          trackFocusItemAtIndex(appsRef.current, customAppsRef.current, index);
-        };
-        actionRef.current.focusWrapper = () => {
-          trackFocusPanel();
-        };
-        actionRef.current.focusSelectedOrFirstAvailable = () => {
-          trackFocusSelectedItem(appsRef.current, customAppsRef.current);
-        };
-      }
-    },
-    [actionRef, trackFocusItemAtIndex, trackFocusPanel, trackFocusSelectedItem]
-  );
-  const floatingInnerRef = useCallback(
-    (node) => {
-      floatingRefs.setFloating(node);
-      handleActionRef(node);
-    },
-    [floatingRefs.setFloating, handleActionRef]
-  );
-  useEffect(() => {
-    if (resolvedIsOpen && wasOpenedByKeyboardRef.current) {
-      trackFocusSelectedItem(apps, customApps);
-    }
-  }, [resolvedIsOpen, trackFocusSelectedItem, apps, customApps]);
-  const handleTriggerClick = useCallback(
-    (e) => {
-      wasOpenedByKeyboardRef.current = e.detail === 0;
-      onClick?.(e);
-      setOpen((prev) => !prev);
-    },
-    [onClick]
-  );
-  return {
-    // For rendering
-    Icon,
-    renderTrigger,
-    resolvedIsOpen,
-    floatingStyles,
-    arrowStyles,
-    floatingContext,
-    ownerPropsConfig,
-    // Refs
-    defaultTriggerRef,
-    triggerRef,
-    wasOpenedByKeyboardRef,
-    // Handlers
-    handleClose,
-    handleTriggerRef,
-    handleTriggerClick,
-    floatingInnerRef,
-    // Context value
-    focusTracker
-  };
-};
-export {
-  useAppPickerBehavior
-};
-//# sourceMappingURL=useAppPickerBehavior.js.map

package/dist/esm/config/useAppPickerBehavior.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAppPickerBehavior.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport type React from 'react';\nimport { useState, useRef, useCallback, useEffect } from 'react';\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport type { useAppPicker } from './useAppPicker.js';\n\nexport const useAppPickerBehavior = (appPickerConfig: ReturnType<typeof useAppPicker>) => {\n  const { propsWithDefault, ownerPropsConfig } = appPickerConfig;\n  const {\n    apps,\n    customApps,\n    icon: Icon,\n    renderTrigger,\n    isOpen,\n    onClose,\n    actionRef,\n    onClick,\n    onClickOutside,\n    triggerRef,\n  } = propsWithDefault;\n\n  const focusTracker = useFocusTracker();\n  const { trackFocusSelectedItem, trackFocusItemAtIndex, trackFocusPanel } = focusTracker;\n\n  const [open, setOpen] = useState(false);\n  const defaultTriggerRef = useRef<HTMLButtonElement>(null);\n  const wasOpenedByKeyboardRef = useRef(false);\n\n  // Stable refs for actionRef methods \u2014 closed over by the callback below so they are\n  // always current without causing the ref callback to regenerate on every data change.\n  const appsRef = useRef(apps);\n  appsRef.current = apps;\n  const customAppsRef = useRef(customApps);\n  customAppsRef.current = customApps;\n\n  const resolvedIsOpen = typeof isOpen === 'boolean' ? isOpen : open;\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      setOpen(false);\n      onClose?.();\n      onClickOutside?.(e as MouseEvent);\n    },\n    [onClose, onClickOutside],\n  );\n\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n  } = useFloatingContext({\n    placement: 'bottom',\n    // Arrow tip is ~6.1px above the panel top (arrowPlacementBase16 \u2248 17.5px, tip at 11.4px from box top).\n    // 4px spec gap \u2192 4 + 6.1 \u2248 10px offset.\n    customOffset: [0, 10],\n    externallyControlledIsOpen: resolvedIsOpen,\n    withoutAnimation: true,\n    onClickOutside: handleClickOutside,\n  });\n\n  const handleTriggerRef = useCallback<React.RefCallback<HTMLButtonElement>>(\n    (node) => {\n      (defaultTriggerRef as React.MutableRefObject<HTMLButtonElement | null>).current = node;\n      floatingRefs.setReference(node);\n      if (triggerRef) {\n        (triggerRef as React.MutableRefObject<HTMLButtonElement | null>).current = node;\n      }\n    },\n    [floatingRefs, triggerRef],\n  );\n\n  // Ref callback on StyledAppPickerFloating: fires on mount with the panel node, populating\n  // actionRef methods. All focus operations go through the tracker \u2014 no DOM queries.\n  const handleActionRef = useCallback<React.RefCallback<HTMLDivElement>>(\n    (node) => {\n      if (node && actionRef?.current) {\n        actionRef.current.focusToIndex = (index: number) => {\n          trackFocusItemAtIndex(appsRef.current, customAppsRef.current, index);\n        };\n        actionRef.current.focusWrapper = () => {\n          trackFocusPanel();\n        };\n        actionRef.current.focusSelectedOrFirstAvailable = () => {\n          trackFocusSelectedItem(appsRef.current, customAppsRef.current);\n        };\n      }\n    },\n    [actionRef, trackFocusItemAtIndex, trackFocusPanel, trackFocusSelectedItem],\n  );\n\n  const floatingInnerRef = useCallback<React.RefCallback<HTMLDivElement>>(\n    (node) => {\n      (floatingRefs.setFloating as React.RefCallback<HTMLDivElement>)(node);\n      handleActionRef(node);\n    },\n    [floatingRefs.setFloating, handleActionRef],\n  );\n\n  // When panel opens via keyboard, seed the focus tracker so the correct chip gets focus\n  // via its innerRef callback. Non-keyboard paths are handled by AppPanel on mount.\n  useEffect(() => {\n    if (resolvedIsOpen && wasOpenedByKeyboardRef.current) {\n      trackFocusSelectedItem(apps, customApps);\n    }\n  }, [resolvedIsOpen, trackFocusSelectedItem, apps, customApps]);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      wasOpenedByKeyboardRef.current = (e as React.MouseEvent).detail === 0;\n      onClick?.(e);\n      setOpen((prev) => !prev);\n    },\n    [onClick],\n  );\n\n  return {\n    // For rendering\n    Icon,\n    renderTrigger,\n    resolvedIsOpen,\n    floatingStyles,\n    arrowStyles,\n    floatingContext,\n    ownerPropsConfig,\n    // Refs\n    defaultTriggerRef,\n    triggerRef,\n    wasOpenedByKeyboardRef,\n    // Handlers\n    handleClose,\n    handleTriggerRef,\n    handleTriggerClick,\n    floatingInnerRef,\n    // Context value\n    focusTracker,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,UAAU,QAAQ,aAAa,iBAAiB;AACzD,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAGzB,MAAM,uBAAuB,CAAC,oBAAqD;AACxF,QAAM,EAAE,kBAAkB,iBAAiB,IAAI;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,wBAAwB,uBAAuB,gBAAgB,IAAI;AAE3E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,yBAAyB,OAAO,KAAK;AAI3C,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAClB,QAAM,gBAAgB,OAAO,UAAU;AACvC,gBAAc,UAAU;AAExB,QAAM,iBAAiB,OAAO,WAAW,YAAY,SAAS;AAE9D,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,KAAK;AACb,cAAU;AAAA,EACZ,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAA+B;AAC9B,cAAQ,KAAK;AACb,gBAAU;AACV,uBAAiB,CAAe;AAAA,IAClC;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC1B;AAEA,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI,mBAAmB;AAAA,IACrB,WAAW;AAAA;AAAA;AAAA,IAGX,cAAc,CAAC,GAAG,EAAE;AAAA,IACpB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAS;AACR,MAAC,kBAAuE,UAAU;AAClF,mBAAa,aAAa,IAAI;AAC9B,UAAI,YAAY;AACd,QAAC,WAAgE,UAAU;AAAA,MAC7E;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU;AAAA,EAC3B;AAIA,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAS;AACR,UAAI,QAAQ,WAAW,SAAS;AAC9B,kBAAU,QAAQ,eAAe,CAAC,UAAkB;AAClD,gCAAsB,QAAQ,SAAS,cAAc,SAAS,KAAK;AAAA,QACrE;AACA,kBAAU,QAAQ,eAAe,MAAM;AACrC,0BAAgB;AAAA,QAClB;AACA,kBAAU,QAAQ,gCAAgC,MAAM;AACtD,iCAAuB,QAAQ,SAAS,cAAc,OAAO;AAAA,QAC/D;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,WAAW,uBAAuB,iBAAiB,sBAAsB;AAAA,EAC5E;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAS;AACR,MAAC,aAAa,YAAkD,IAAI;AACpE,sBAAgB,IAAI;AAAA,IACtB;AAAA,IACA,CAAC,aAAa,aAAa,eAAe;AAAA,EAC5C;AAIA,YAAU,MAAM;AACd,QAAI,kBAAkB,uBAAuB,SAAS;AACpD,6BAAuB,MAAM,UAAU;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,gBAAgB,wBAAwB,MAAM,UAAU,CAAC;AAE7D,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAA8C;AAC7C,6BAAuB,UAAW,EAAuB,WAAW;AACpE,gBAAU,CAAC;AACX,cAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,IACzB;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
-  "names": []
-}