@elliemae/ds-app-picker 3.70.0-next.19 → 3.70.0-next.20

package/dist/cjs/DSAppPicker.js

@@ -29,155 +29,82 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var DSAppPicker_exports = {};
 __export(DSAppPicker_exports, {
   AppPickerWithSchema: () => AppPickerWithSchema,
-  DSAppPicker: () => DSAppPicker,
-  default: () => DSAppPicker_default
+  DSAppPicker: () => DSAppPicker
 });
 module.exports = __toCommonJS(DSAppPicker_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_button_v2 = require("@elliemae/ds-button-v2");
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_legacy_popover = require("@elliemae/ds-legacy-popover");
-var import_AppPickerImpl = __toESM(require("./AppPickerImpl.js"));
+var import_ds_floating_context = require("@elliemae/ds-floating-context");
+var import_AppPanel = require("./parts/AppPanel.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_constants = require("./constants/index.js");
 var import_useAppPicker = require("./config/useAppPicker.js");
-const StyledButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2, { name: import_constants.DSAppPickerName, slot: import_constants.DSAppPickerSlots.BUTTON })``;
+var import_useAppPickerBehavior = require("./config/useAppPickerBehavior.js");
+var import_DSAppPickerCTX = require("./DSAppPickerCTX.js");
+var import_style = require("./parts/style.js");
+var import_Trigger = require("./parts/Trigger.js");
 const DSAppPicker = (props) => {
-  const { propsWithDefault, ownerPropsConfig } = (0, import_useAppPicker.useAppPicker)(props);
-  const { getOwnerProps, getOwnerPropsArguments } = ownerPropsConfig;
+  const appPickerConfig = (0, import_useAppPicker.useAppPicker)(props);
   const {
-    apps,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    icon: Icon,
+    Icon,
     renderTrigger,
-    isOpen,
-    onClose,
-    actionRef,
-    onKeyDown,
-    onClick,
-    onClickOutside,
-    triggerRef
-  } = propsWithDefault;
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [isOverflow, setIsOverflow] = (0, import_react.useState)(false);
-  const wrapperRef = (0, import_react.useRef)(null);
-  const defaultTriggerRef = (0, import_react.useRef)(null);
-  const wasOpenedByKeyboardRef = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
-    if (actionRef && actionRef.current) {
-      actionRef.current.focusToIndex = (index) => {
-        if (wrapperRef.current) {
-          const parent = wrapperRef.current;
-          const buttons = [...parent.querySelectorAll("button")];
-          buttons[index].focus();
-        }
-      };
-      actionRef.current.focusWrapper = () => {
-        wrapperRef.current?.focus();
-      };
-    }
-  }, [actionRef, apps, customApps]);
-  (0, import_react.useEffect)(() => {
-    setTimeout(() => {
-      if (wrapperRef.current) {
-        const { scrollHeight, clientHeight } = wrapperRef.current;
-        if (scrollHeight > clientHeight) return setIsOverflow(true);
-      }
-      return setIsOverflow(false);
-    });
-  }, [isOpen, open]);
-  const handleOnClose = (0, import_react.useCallback)(() => {
-    setOpen(false);
-    onClose?.();
-  }, [onClose]);
-  const handleOnClickOutside = (e) => {
-    setOpen(false);
-    onClose?.();
-    onClickOutside?.(e);
-  };
-  const AppPickerContent = (0, import_react.useCallback)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_AppPickerImpl.default,
+    resolvedIsOpen,
+    floatingStyles,
+    arrowStyles,
+    floatingContext,
+    ownerPropsConfig,
+    defaultTriggerRef,
+    triggerRef,
+    wasOpenedByKeyboardRef,
+    handleClose,
+    handleTriggerRef,
+    handleTriggerClick,
+    floatingInnerRef,
+    focusTracker
+  } = (0, import_useAppPickerBehavior.useAppPickerBehavior)(appPickerConfig);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DSAppPickerCTX.DSAppPickerContext.Provider, { value: focusTracker, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Trigger.Trigger,
       {
-        ...getOwnerProps(),
-        ...getOwnerPropsArguments(),
-        apps,
-        customApps,
-        sectionTitle,
-        customSectionTitle,
-        close: handleOnClose,
-        wrapperRef,
-        onKeyDown,
-        triggerRef: triggerRef || defaultTriggerRef,
-        actionRef,
-        triggerIsInternal: !renderTrigger,
-        wasOpenedByKeyboardRef,
-        isOverflow
+        Icon,
+        isOpen: resolvedIsOpen,
+        setRef: handleTriggerRef,
+        ownerProps: ownerPropsConfig,
+        onClick: handleTriggerClick,
+        renderTrigger
       }
     ),
-    [
-      actionRef,
-      apps,
-      customApps,
-      customSectionTitle,
-      handleOnClose,
-      isOverflow,
-      onKeyDown,
-      renderTrigger,
-      sectionTitle,
-      triggerRef,
-      getOwnerProps,
-      getOwnerPropsArguments
-    ]
-  );
-  const RenderTrigger = (0, import_react.useMemo)(
-    () => renderTrigger || (({ ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      StyledButton,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_style.StyledAppPickerFloating,
       {
-        "data-testid": "app-picker__button",
-        id: "app-picker__button",
-        buttonType: "icon",
-        "aria-haspopup": "true",
-        "aria-expanded": isOpen ?? open,
-        "aria-label": "Application picker",
-        innerRef: (0, import_ds_system.mergeRefs)(ref, triggerRef || defaultTriggerRef),
-        onClick: (e) => {
-          wasOpenedByKeyboardRef.current = e.detail === 0;
-          onClick?.(e);
-          setOpen(true);
-        },
-        getOwnerProps,
-        getOwnerPropsArguments,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {})
-      }
-    )),
-    [Icon, getOwnerProps, getOwnerPropsArguments, isOpen, onClick, open, renderTrigger, triggerRef]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_legacy_popover.DSPopover,
-    {
-      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppPickerContent, {}),
-      isOpen: typeof isOpen === "boolean" ? isOpen : open,
-      onClickOutside: handleOnClickOutside,
-      placement: "bottom",
-      interactionType: "click",
-      renderTrigger: RenderTrigger,
-      showArrow: true,
-      style: {
-        padding: "0",
-        maxWidth: "1000px",
-        width: "fit-content"
+        innerRef: floatingInnerRef,
+        isOpen: resolvedIsOpen,
+        floatingStyles,
+        context: floatingContext,
+        getOwnerProps: ownerPropsConfig.getOwnerProps,
+        getOwnerPropsArguments: ownerPropsConfig.getOwnerPropsArguments,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_AppPanel.AppPanel,
+            {
+              ...appPickerConfig.propsWithDefault,
+              ownerPropsConfig,
+              globalAttributes: appPickerConfig.globalAttributes,
+              xstyledProps: appPickerConfig.xstyledProps,
+              close: handleClose,
+              triggerRef: triggerRef || defaultTriggerRef,
+              triggerIsInternal: !renderTrigger,
+              wasOpenedByKeyboardRef
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
+        ]
       }
-    }
-  );
+    )
+  ] });
 };
 DSAppPicker.displayName = import_constants.DSAppPickerName;
 const AppPickerWithSchema = (0, import_ds_props_helpers.describe)(DSAppPicker);
-AppPickerWithSchema.propTypes = import_react_desc_prop_types.DSAppPickerPropTypes;
-var DSAppPicker_default = DSAppPicker;
+AppPickerWithSchema.propTypes = import_react_desc_prop_types.DSAppPickerPropTypesSchema;
 //# sourceMappingURL=DSAppPicker.js.map

package/dist/cjs/DSAppPicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSAppPicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useEffect, useMemo, useRef, useCallback } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { mergeRefs, styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\n\nimport { DSPopover } from '@elliemae/ds-legacy-popover';\nimport AppPickerImpl from './AppPickerImpl.js';\nimport type { DSAppPickerT } from './react-desc-prop-types.js';\nimport { DSAppPickerPropTypes } from './react-desc-prop-types.js';\nimport { DSAppPickerName, DSAppPickerSlots } from './constants/index.js';\nimport { useAppPicker } from './config/useAppPicker.js';\n\nconst StyledButton = styled(DSButtonV2, { name: DSAppPickerName, slot: DSAppPickerSlots.BUTTON })``;\nconst DSAppPicker: React.ComponentType<DSAppPickerT.Props> = (props) => {\n  const { propsWithDefault, ownerPropsConfig } = useAppPicker(props);\n\n  const { getOwnerProps, getOwnerPropsArguments } = ownerPropsConfig;\n\n  const {\n    apps,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    icon: Icon,\n    renderTrigger,\n    isOpen,\n    onClose,\n    actionRef,\n    onKeyDown,\n    onClick,\n    onClickOutside,\n    triggerRef,\n  } = propsWithDefault;\n\n  const [open, setOpen] = useState(false);\n  const [isOverflow, setIsOverflow] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const defaultTriggerRef = useRef(null);\n  const wasOpenedByKeyboardRef = useRef(false);\n\n  useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToIndex = (index: number) => {\n        if (wrapperRef.current) {\n          const parent = wrapperRef.current;\n          const buttons = [...parent.querySelectorAll('button')];\n          buttons[index].focus();\n        }\n      };\n      actionRef.current.focusWrapper = () => {\n        wrapperRef.current?.focus();\n      };\n    }\n  }, [actionRef, apps, customApps]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (wrapperRef.current) {\n        const { scrollHeight, clientHeight } = wrapperRef.current;\n        if (scrollHeight > clientHeight) return setIsOverflow(true);\n      }\n      return setIsOverflow(false);\n    });\n  }, [isOpen, open]);\n\n  const handleOnClose = useCallback(() => {\n    setOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleOnClickOutside = (e: React.MouseEvent) => {\n    setOpen(false);\n    onClose?.();\n    onClickOutside?.(e);\n  };\n\n  const AppPickerContent = useCallback(\n    () => (\n      <AppPickerImpl\n        {...getOwnerProps()}\n        {...getOwnerPropsArguments()}\n        apps={apps}\n        customApps={customApps}\n        sectionTitle={sectionTitle}\n        customSectionTitle={customSectionTitle}\n        close={handleOnClose}\n        wrapperRef={wrapperRef}\n        onKeyDown={onKeyDown}\n        triggerRef={triggerRef || defaultTriggerRef}\n        actionRef={actionRef}\n        triggerIsInternal={!renderTrigger}\n        wasOpenedByKeyboardRef={wasOpenedByKeyboardRef}\n        isOverflow={isOverflow}\n      />\n    ),\n    [\n      actionRef,\n      apps,\n      customApps,\n      customSectionTitle,\n      handleOnClose,\n      isOverflow,\n      onKeyDown,\n      renderTrigger,\n      sectionTitle,\n      triggerRef,\n      getOwnerProps,\n      getOwnerPropsArguments,\n    ],\n  );\n\n  const RenderTrigger = useMemo(\n    () =>\n      renderTrigger ||\n      (({ ref }: { ref: React.RefObject<HTMLButtonElement> }) => (\n        <StyledButton\n          data-testid=\"app-picker__button\"\n          id=\"app-picker__button\"\n          buttonType=\"icon\"\n          aria-haspopup=\"true\"\n          aria-expanded={isOpen ?? open}\n          aria-label=\"Application picker\"\n          innerRef={mergeRefs(ref, triggerRef || defaultTriggerRef)}\n          onClick={(e: React.MouseEvent | React.KeyboardEvent) => {\n            wasOpenedByKeyboardRef.current = e.detail === 0;\n            onClick?.(e);\n            setOpen(true);\n          }}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <Icon />\n        </StyledButton>\n      )),\n    [Icon, getOwnerProps, getOwnerPropsArguments, isOpen, onClick, open, renderTrigger, triggerRef],\n  );\n\n  return (\n    <DSPopover\n      content={<AppPickerContent />}\n      isOpen={typeof isOpen === 'boolean' ? isOpen : open}\n      onClickOutside={handleOnClickOutside}\n      placement=\"bottom\"\n      interactionType=\"click\"\n      renderTrigger={RenderTrigger}\n      showArrow\n      style={{\n        padding: '0',\n        maxWidth: '1000px',\n        width: 'fit-content',\n      }}\n    />\n  );\n};\n\nDSAppPicker.displayName = DSAppPickerName;\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = DSAppPickerPropTypes;\n\nexport { DSAppPicker, AppPickerWithSchema };\nexport default DSAppPicker;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["AppPickerImpl"]
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { PopoverArrow } from '@elliemae/ds-floating-context';\nimport { AppPanel } from './parts/AppPanel.js';\nimport type { DSAppPickerT } from './react-desc-prop-types.js';\nimport { DSAppPickerPropTypesSchema } from './react-desc-prop-types.js';\nimport { DSAppPickerName } from './constants/index.js';\nimport { useAppPicker } from './config/useAppPicker.js';\nimport { useAppPickerBehavior } from './config/useAppPickerBehavior.js';\nimport { DSAppPickerContext } from './DSAppPickerCTX.js';\nimport { StyledAppPickerFloating } from './parts/style.js';\nimport { Trigger } from './parts/Trigger.js';\n\nconst DSAppPicker: React.ComponentType<DSAppPickerT.Props> = (props) => {\n  const appPickerConfig = useAppPicker(props);\n  const {\n    Icon,\n    renderTrigger,\n    resolvedIsOpen,\n    floatingStyles,\n    arrowStyles,\n    floatingContext,\n    ownerPropsConfig,\n    defaultTriggerRef,\n    triggerRef,\n    wasOpenedByKeyboardRef,\n    handleClose,\n    handleTriggerRef,\n    handleTriggerClick,\n    floatingInnerRef,\n    focusTracker,\n  } = useAppPickerBehavior(appPickerConfig);\n\n  return (\n    <DSAppPickerContext.Provider value={focusTracker}>\n      <Trigger\n        Icon={Icon}\n        isOpen={resolvedIsOpen}\n        setRef={handleTriggerRef}\n        ownerProps={ownerPropsConfig}\n        onClick={handleTriggerClick}\n        renderTrigger={renderTrigger}\n      />\n      <StyledAppPickerFloating\n        innerRef={floatingInnerRef}\n        isOpen={resolvedIsOpen}\n        floatingStyles={floatingStyles}\n        context={floatingContext}\n        getOwnerProps={ownerPropsConfig.getOwnerProps}\n        getOwnerPropsArguments={ownerPropsConfig.getOwnerPropsArguments}\n      >\n        <AppPanel\n          {...appPickerConfig.propsWithDefault}\n          ownerPropsConfig={ownerPropsConfig}\n          globalAttributes={appPickerConfig.globalAttributes}\n          xstyledProps={appPickerConfig.xstyledProps}\n          close={handleClose}\n          triggerRef={triggerRef || defaultTriggerRef}\n          triggerIsInternal={!renderTrigger}\n          wasOpenedByKeyboardRef={wasOpenedByKeyboardRef}\n        />\n        <PopoverArrow {...arrowStyles} />\n      </StyledAppPickerFloating>\n    </DSAppPickerContext.Provider>\n  );\n};\n\nDSAppPicker.displayName = DSAppPickerName;\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = DSAppPickerPropTypesSchema;\n\nexport { DSAppPicker, AppPickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCjB;AAlCN,8BAAyB;AACzB,iCAA6B;AAC7B,sBAAyB;AAEzB,mCAA2C;AAC3C,uBAAgC;AAChC,0BAA6B;AAC7B,kCAAqC;AACrC,4BAAmC;AACnC,mBAAwC;AACxC,qBAAwB;AAExB,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,sBAAkB,kCAAa,KAAK;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kDAAqB,eAAe;AAExC,SACE,6CAAC,yCAAmB,UAAnB,EAA4B,OAAO,cAClC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR;AAAA,QACA,SAAS;AAAA,QACT,eAAe,iBAAiB;AAAA,QAChC,wBAAwB,iBAAiB;AAAA,QAEzC;AAAA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,gBAAgB;AAAA,cACpB;AAAA,cACA,kBAAkB,gBAAgB;AAAA,cAClC,cAAc,gBAAgB;AAAA,cAC9B,OAAO;AAAA,cACP,YAAY,cAAc;AAAA,cAC1B,mBAAmB,CAAC;AAAA,cACpB;AAAA;AAAA,UACF;AAAA,UACA,4CAAC,2CAAc,GAAG,aAAa;AAAA;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,0BAAsB,kCAAS,WAAW;AAChD,oBAAoB,YAAY;",
+  "names": []
 }

package/dist/cjs/{utils.js → DSAppPickerCTX.js}

@@ -26,30 +26,33 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  focusSelectedOrFirstAvailable: () => focusSelectedOrFirstAvailable,
-  keys: () => keys
+var DSAppPickerCTX_exports = {};
+__export(DSAppPickerCTX_exports, {
+  DSAppPickerContext: () => DSAppPickerContext
 });
-module.exports = __toCommonJS(utils_exports);
+module.exports = __toCommonJS(DSAppPickerCTX_exports);
 var React = __toESM(require("react"));
-const keys = {
-  LEFT: "ArrowLeft",
-  UP: "ArrowUp",
-  RIGHT: "ArrowRight",
-  DOWN: "ArrowDown",
-  ENTER: "Enter",
-  SPACE: "",
-  TAB: "Tab",
-  ESC: "Escape",
-  HOME: "Home",
-  END: "End"
-};
-const focusSelectedOrFirstAvailable = (wrapperRef, allFocusableButtonsRef, selectedButtonRef) => {
-  if (selectedButtonRef.current !== null) {
-    wrapperRef?.current?.querySelectorAll("button")[selectedButtonRef.current].focus();
-  } else {
-    allFocusableButtonsRef?.[0]?.focus();
+var import_react = require("react");
+const defaultFocusContext = {
+  focusRegion: "",
+  firstFocusableRef: { current: null },
+  lastFocusableRef: { current: null },
+  registerChip: () => {
+  },
+  trackFocusChip: () => {
+  },
+  trackFocusRegionReset: () => {
+  },
+  trackFocusTrigger: () => {
+  },
+  trackFocusPanel: () => {
+  },
+  trackFocusSelectedItem: () => {
+  },
+  trackFocusFirstItem: () => {
+  },
+  trackFocusItemAtIndex: () => {
   }
 };
-//# sourceMappingURL=utils.js.map
+const DSAppPickerContext = (0, import_react.createContext)(defaultFocusContext);
+//# sourceMappingURL=DSAppPickerCTX.js.map

package/dist/cjs/DSAppPickerCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSAppPickerCTX.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { createContext } from 'react';\nimport type { useFocusTracker } from './config/useFocusTracker.js';\n\nexport type AppPickerFocusCTX = ReturnType<typeof useFocusTracker>;\n\nconst defaultFocusContext: AppPickerFocusCTX = {\n  focusRegion: '',\n  firstFocusableRef: { current: null } as React.MutableRefObject<HTMLElement | null>,\n  lastFocusableRef: { current: null } as React.MutableRefObject<HTMLElement | null>,\n  registerChip: () => {},\n  trackFocusChip: () => {},\n  trackFocusRegionReset: () => {},\n  trackFocusTrigger: () => {},\n  trackFocusPanel: () => {},\n  trackFocusSelectedItem: () => {},\n  trackFocusFirstItem: () => {},\n  trackFocusItemAtIndex: () => {},\n};\n\n/** Focus tracker context for chip-level focus management inside DSAppPicker. */\nexport const DSAppPickerContext = createContext<AppPickerFocusCTX>(defaultFocusContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqC;AAKrC,MAAM,sBAAyC;AAAA,EAC7C,aAAa;AAAA,EACb,mBAAmB,EAAE,SAAS,KAAK;AAAA,EACnC,kBAAkB,EAAE,SAAS,KAAK;AAAA,EAClC,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,wBAAwB,MAAM;AAAA,EAAC;AAAA,EAC/B,qBAAqB,MAAM;AAAA,EAAC;AAAA,EAC5B,uBAAuB,MAAM;AAAA,EAAC;AAChC;AAGO,MAAM,yBAAqB,4BAAiC,mBAAmB;",
+  "names": []
+}

package/dist/cjs/config/useAppPicker.js

@@ -35,11 +35,11 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_desc_prop_types = require("../react-desc-prop-types.js");
-var import_constants = require("../constants/index.js");
+var import_useValidateProps = require("./useValidateProps.js");
 const useAppPicker = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSAppPickerPropTypes, import_constants.DSAppPickerName);
-  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault, { ...props });
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSAppPickerPropTypesSchema);
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault, propsWithDefault);
   const globalAttributes = (0, import_ds_props_helpers.getGlobalAttributes)(props);
   const xstyledProps = (0, import_ds_props_helpers.getXstyledProps)(props);
   return import_react.default.useMemo(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/config/useAppPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  useValidateTypescriptPropTypes,\n  getGlobalAttributes,\n  getXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { type DSAppPickerT, defaultProps, DSAppPickerPropTypes } from '../react-desc-prop-types.js';\nimport { DSAppPickerName } from '../constants/index.js';\n\nexport const useAppPicker = (props: DSAppPickerT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSAppPickerT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSAppPickerPropTypes, DSAppPickerName);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n  const globalAttributes = getGlobalAttributes<DSAppPickerT.Props>(props);\n  const xstyledProps = getXstyledProps<DSAppPickerT.Props>(props);\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      ownerPropsConfig,\n      globalAttributes,\n      xstyledProps,\n    }),\n    [propsWithDefault, ownerPropsConfig, globalAttributes, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAMO;AACP,mCAAsE;AACtE,uBAAgC;AAEzB,MAAM,eAAe,CAAC,UAA8B;AAIzD,QAAM,uBAAmB,sDAAyD,OAAO,yCAAY;AACrG,8DAA+B,kBAAkB,mDAAsB,gCAAe;AAItF,QAAM,uBAAmB,uCAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,QAAM,uBAAmB,6CAAwC,KAAK;AACtE,QAAM,mBAAe,yCAAoC,KAAK;AAC9D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,kBAAkB,kBAAkB,YAAY;AAAA,EACrE;AACF;",
+  "sources": ["../../../src/config/useAppPicker.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  getGlobalAttributes,\n  getXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { type DSAppPickerT, defaultProps, DSAppPickerPropTypesSchema } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useAppPicker = (props: DSAppPickerT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSAppPickerT.InternalProps>(props, defaultProps);\n  useValidateProps(propsWithDefault, DSAppPickerPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  // Use propsWithDefault (stable, deep-comparison memoized) instead of { ...props }\n  // to prevent getOwnerPropsArguments from creating a new object reference every render.\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, propsWithDefault);\n\n  const globalAttributes = getGlobalAttributes<DSAppPickerT.Props>(props);\n  const xstyledProps = getXstyledProps<DSAppPickerT.Props>(props);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      ownerPropsConfig,\n      globalAttributes,\n      xstyledProps,\n    }),\n    [propsWithDefault, ownerPropsConfig, globalAttributes, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAKO;AACP,mCAA4E;AAC5E,8BAAiC;AAE1B,MAAM,eAAe,CAAC,UAA8B;AAIzD,QAAM,uBAAmB,sDAAyD,OAAO,yCAAY;AACrG,gDAAiB,kBAAkB,uDAA0B;AAM7D,QAAM,uBAAmB,uCAAc,kBAAkB,gBAAgB;AAEzE,QAAM,uBAAmB,6CAAwC,KAAK;AACtE,QAAM,mBAAe,yCAAoC,KAAK;AAE9D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,kBAAkB,kBAAkB,YAAY;AAAA,EACrE;AACF;",
   "names": ["React"]
 }

package/dist/cjs/config/useAppPickerBehavior.js

@@ -0,0 +1,156 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}