@elliemae/ds-global-header 3.70.0-next.61 → 3.70.0-next.63

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js

@@ -1,97 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { DSAppPicker } from "@elliemae/ds-app-picker";
-import { MenuPicker } from "@elliemae/ds-icons";
-import { getGlobalAttributes } from "@elliemae/ds-props-helpers";
-import { mergeRefs } from "@elliemae/ds-system";
-import { useCallback, useRef, useState } from "react";
-import { GLOBAL_HEADER_DATA_TESTID } from "../../../../constants/index.js";
-import { useCallbackAfterRender } from "../../../../utils/useCallbackAfterRender.js";
-import { StyledButton } from "../../../styles.js";
-const AppPicker = ({ label, setRef, componentProps, ...otherProps }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const internalTriggerRef = useRef(null);
-  const {
-    apps,
-    icon,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    actionRef,
-    isOpen: userIsOpen,
-    onKeyDown: userOnKeyDown,
-    onClickOutside: userOnClickOutside,
-    renderTrigger: userRenderTrigger,
-    onClose,
-    triggerRef,
-    triggerOnClick
-  } = componentProps;
-  const schedule = useCallbackAfterRender();
-  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);
-  const handleTriggerKeyDown = useCallback((e) => {
-    if (e.code === "Enter" || e.code === "Space" || e.code === "ArrowDown") {
-      setIsOpen(true);
-    }
-  }, []);
-  const handleAppPickerOnKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        setIsOpen(false);
-        schedule(focusTrigger);
-      }
-    },
-    [focusTrigger, schedule]
-  );
-  const handleOnClickOutside = useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const handleOnClick = useCallback(
-    (e) => {
-      setIsOpen(true);
-      setTimeout(() => {
-        if (e.detail === 0) actionRef?.current?.focusSelectedOrFirstAvailable?.();
-        else actionRef?.current?.focusWrapper();
-      }, 10);
-    },
-    [actionRef]
-  );
-  const TriggerDefaultComponent = ({ ref }) => /* @__PURE__ */ jsx(
-    StyledButton,
-    {
-      onClick: triggerOnClick ?? handleOnClick,
-      onKeyDown: handleTriggerKeyDown,
-      innerRef: (buttonRef) => {
-        setRef(buttonRef);
-        mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);
-      },
-      "aria-label": label,
-      "data-testid": GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON,
-      "aria-haspopup": true,
-      "aria-expanded": userIsOpen ?? isOpen,
-      ...getGlobalAttributes(otherProps),
-      type: "button",
-      children: /* @__PURE__ */ jsx(MenuPicker, { width: 20.73, height: 20.73 })
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    DSAppPicker,
-    {
-      apps,
-      customApps,
-      sectionTitle,
-      customSectionTitle,
-      icon,
-      onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
-      actionRef,
-      onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-      renderTrigger: userRenderTrigger || TriggerDefaultComponent,
-      isOpen: userIsOpen ?? isOpen,
-      onClose,
-      triggerRef
-    }
-  );
-};
-export {
-  AppPicker
-};
-//# sourceMappingURL=AppPicker.js.map

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { getGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\nimport { GLOBAL_HEADER_DATA_TESTID } from '../../../../constants/index.js';\nimport type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';\nimport { useCallbackAfterRender } from '../../../../utils/useCallbackAfterRender.js';\nimport { StyledButton } from '../../../styles.js';\n\ntype AppPickerOutOfTheBoxProps =\n  // what comes from\n  //   the prop toolbar (array)\n  //     specifically only if the type is 'ds-app-picker' so they give us the correct interface\n  DSGlobalHeaderT.AppPickerProps & {\n    // this interface is an addition that comes from our own implementation\n    // GlobalHeaderToolbar -> useGlobalHeaderToolbar\n    //   is handling focus management for the user when using our out of the box\n    setRef: (ref: HTMLElement) => void;\n  };\n\nexport const AppPicker = ({ label, setRef, componentProps, ...otherProps }: AppPickerOutOfTheBoxProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const internalTriggerRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const schedule = useCallbackAfterRender();\n\n  // const appPickerRef = useRef(null);\n  // const internalActionRef = useMemo(() => actionRef ?? appPickerRef, [actionRef]);\n\n  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setIsOpen(false);\n        schedule(focusTrigger);\n      }\n    },\n    [focusTrigger, schedule],\n  );\n\n  const handleOnClickOutside = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      setIsOpen(true);\n      setTimeout(() => {\n        if (e.detail === 0) actionRef?.current?.focusSelectedOrFirstAvailable?.();\n        else actionRef?.current?.focusWrapper();\n      }, 10);\n    },\n    [actionRef],\n  );\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const TriggerDefaultComponent = ({ ref }: { ref: React.RefCallback<HTMLButtonElement> }) => (\n    <StyledButton\n      onClick={triggerOnClick ?? handleOnClick}\n      onKeyDown={handleTriggerKeyDown}\n      innerRef={(buttonRef: HTMLButtonElement) => {\n        setRef(buttonRef);\n        mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n      }}\n      aria-label={label}\n      data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON}\n      aria-haspopup\n      aria-expanded={userIsOpen ?? isOpen}\n      {...getGlobalAttributes(otherProps)}\n      type=\"button\"\n    >\n      <MenuPicker width={20.73} height={20.73} />\n    </StyledButton>\n  );\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={actionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={userRenderTrigger || TriggerDefaultComponent}\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+FjB;AA/FN,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAgB,aAAa,QAAQ,gBAAgB;AACrD,SAAS,iCAAiC;AAE1C,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAatB,MAAM,YAAY,CAAC,EAAE,OAAO,QAAQ,gBAAgB,GAAG,WAAW,MAA8C;AACrH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,uBAAuB;AAKxC,QAAM,eAAe,YAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,QAAM,uBAAuB,YAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW,EAAG,YAAW,SAAS,gCAAgC;AAAA,YACnE,YAAW,SAAS,aAAa;AAAA,MACxC,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAGA,QAAM,0BAA0B,CAAC,EAAE,IAAI,MACrC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,UAAU,CAAC,cAAiC;AAC1C,eAAO,SAAS;AAChB,kBAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,0BAA0B;AAAA,MACvC,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC5B,GAAG,oBAAoB,UAAU;AAAA,MAClC,MAAK;AAAA,MAEL,8BAAC,cAAW,OAAO,OAAO,QAAQ,OAAO;AAAA;AAAA,EAC3C;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA,gBAAgB,sBAAsB;AAAA,MACtC,eAAe,qBAAqB;AAAA,MACpC,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/esm/utils/useCallbackAfterRender.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { useRef, useLayoutEffect, useMemo, useEffect } from "react";
-const useCallbackAfterRender = (isLayout = false) => {
-  const lastRun = useRef(null);
-  const effect = useMemo(() => isLayout ? useLayoutEffect : useEffect, [isLayout]);
-  effect(() => {
-    lastRun.current?.();
-    lastRun.current = null;
-  });
-  return (callback) => {
-    lastRun.current = callback;
-  };
-};
-export {
-  useCallbackAfterRender
-};
-//# sourceMappingURL=useCallbackAfterRender.js.map

package/dist/esm/utils/useCallbackAfterRender.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/useCallbackAfterRender.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useLayoutEffect, useMemo, useEffect } from 'react';\n\ntype Callback = (callback: () => void) => void;\n\n// Inspired in https://github.com/ryuuji3/react-hooks/blob/4b183d61c30abf17efeab2240f8ff652a5dbb8e2/packages/use-callback-after-render/src/hooks/useCallbackAfterRender.ts\nexport const useCallbackAfterRender = (isLayout = false): Callback => {\n  const lastRun = useRef<(() => void) | null>(null);\n\n  const effect = useMemo(() => (isLayout ? useLayoutEffect : useEffect), [isLayout]);\n\n  effect(() => {\n    lastRun.current?.();\n    lastRun.current = null;\n  });\n\n  return (callback) => {\n    lastRun.current = callback; // schedule callback after render\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,iBAAiB,SAAS,iBAAiB;AAKrD,MAAM,yBAAyB,CAAC,WAAW,UAAoB;AACpE,QAAM,UAAU,OAA4B,IAAI;AAEhD,QAAM,SAAS,QAAQ,MAAO,WAAW,kBAAkB,WAAY,CAAC,QAAQ,CAAC;AAEjF,SAAO,MAAM;AACX,YAAQ,UAAU;AAClB,YAAQ,UAAU;AAAA,EACpB,CAAC;AAED,SAAO,CAAC,aAAa;AACnB,YAAQ,UAAU;AAAA,EACpB;AACF;",
-  "names": []
-}

package/dist/types/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.d.ts

@@ -1,6 +0,0 @@
-import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
-type AppPickerOutOfTheBoxProps = DSGlobalHeaderT.AppPickerProps & {
-    setRef: (ref: HTMLElement) => void;
-};
-export declare const AppPicker: ({ label, setRef, componentProps, ...otherProps }: AppPickerOutOfTheBoxProps) => JSX.Element;
-export {};

package/dist/types/utils/useCallbackAfterRender.d.ts

@@ -1,3 +0,0 @@
-type Callback = (callback: () => void) => void;
-export declare const useCallbackAfterRender: (isLayout?: boolean) => Callback;
-export {};