@elliemae/ds-app-picker 3.70.0-next.2 → 3.70.0-next.21

package/dist/esm/hooks/useKeepTrackButtons.js

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { useEffect, useRef, useState } from "react";
-import { focusSelectedOrFirstAvailable } from "../utils.js";
-const useKeepTrackButtons = ({
-  wrapperRef,
-  wasOpenedByKeyboardRef,
-  actionRef,
-  triggerIsInternal
-}) => {
-  const [allFocusableButtons, setAllFocusableButtons] = useState([]);
-  const selectedButton = useRef(null);
-  useEffect(() => {
-    if (actionRef && actionRef.current) {
-      actionRef.current.focusSelectedOrFirstAvailable = () => setTimeout(() => {
-        focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);
-      });
-    }
-  }, [actionRef, allFocusableButtons, wrapperRef]);
-  useEffect(() => {
-    wrapperRef?.current?.querySelectorAll("button").forEach((e, index) => {
-      if (!e.hasAttribute("disabled")) setAllFocusableButtons((prev) => [...prev, e]);
-      if (e.getAttribute("aria-selected") === "true") {
-        selectedButton.current = index;
-      }
-    });
-  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal]);
-  useEffect(() => {
-    if (wasOpenedByKeyboardRef?.current || !triggerIsInternal) {
-      focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);
-    } else {
-      wrapperRef.current?.focus();
-    }
-  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal, allFocusableButtons]);
-  return { allFocusableButtons, selectedButton };
-};
-export {
-  useKeepTrackButtons
-};
-//# sourceMappingURL=useKeepTrackButtons.js.map

package/dist/esm/hooks/useKeepTrackButtons.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useKeepTrackButtons.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSAppPickerT } from '../react-desc-prop-types.js';\nimport { focusSelectedOrFirstAvailable } from '../utils.js';\n\ninterface UseKeepTrackButtonsT {\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;\n  actionRef?: DSAppPickerT.ActionRef;\n  triggerIsInternal?: boolean;\n}\n\nexport const useKeepTrackButtons = ({\n  wrapperRef,\n  wasOpenedByKeyboardRef,\n  actionRef,\n  triggerIsInternal,\n}: UseKeepTrackButtonsT) => {\n  const [allFocusableButtons, setAllFocusableButtons] = useState<HTMLButtonElement[]>([]);\n  const selectedButton = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusSelectedOrFirstAvailable = () =>\n        setTimeout(() => {\n          focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);\n        });\n    }\n  }, [actionRef, allFocusableButtons, wrapperRef]);\n\n  useEffect(() => {\n    wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n      if (!e.hasAttribute('disabled')) setAllFocusableButtons((prev) => [...prev, e]);\n      if (e.getAttribute('aria-selected') === 'true') {\n        selectedButton.current = index;\n      }\n    });\n  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal]);\n\n  useEffect(() => {\n    if (wasOpenedByKeyboardRef?.current || !triggerIsInternal) {\n      focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);\n    } else {\n      wrapperRef.current?.focus();\n    }\n  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal, allFocusableButtons]);\n\n  return { allFocusableButtons, selectedButton };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,qCAAqC;AASvC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAA8B,CAAC,CAAC;AACtF,QAAM,iBAAiB,OAAsB,IAAI;AAEjD,YAAU,MAAM;AACd,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,gCAAgC,MAChD,WAAW,MAAM;AACf,sCAA8B,YAAY,qBAAqB,cAAc;AAAA,MAC/E,CAAC;AAAA,IACL;AAAA,EACF,GAAG,CAAC,WAAW,qBAAqB,UAAU,CAAC;AAE/C,YAAU,MAAM;AACd,gBAAY,SAAS,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,GAAG,UAAU;AACpE,UAAI,CAAC,EAAE,aAAa,UAAU,EAAG,wBAAuB,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAC9E,UAAI,EAAE,aAAa,eAAe,MAAM,QAAQ;AAC9C,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,wBAAwB,YAAY,iBAAiB,CAAC;AAE1D,YAAU,MAAM;AACd,QAAI,wBAAwB,WAAW,CAAC,mBAAmB;AACzD,oCAA8B,YAAY,qBAAqB,cAAc;AAAA,IAC/E,OAAO;AACL,iBAAW,SAAS,MAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,wBAAwB,YAAY,mBAAmB,mBAAmB,CAAC;AAE/E,SAAO,EAAE,qBAAqB,eAAe;AAC/C;",
-  "names": []
-}

package/dist/esm/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSAppPickerName, DSAppPickerSlots } from './constants/index.js';\n\nexport const StyledWrapper = styled(Grid, { name: DSAppPickerName, slot: DSAppPickerSlots.ROOT })<{\n  isOverflow: boolean;\n}>`\n  min-width: 308px;\n  min-height: 110px;\n  max-height: 449px;\n  width: 308px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  margin: 0;\n  padding: ${({ isOverflow }) => (isOverflow ? '0 0 8px 16px' : '0 16px 8px 16px')};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledListItem = styled('li', { name: DSAppPickerName, slot: DSAppPickerSlots.ITEM })`\n  list-style: none;\n`;\n\nexport const StyledListItemFullRow = styled('li', { name: DSAppPickerName, slot: DSAppPickerSlots.ROW })`\n  list-style: none;\n  grid-column: 1/4;\n`;\n\nexport const StyledTitle = styled('h3', { name: DSAppPickerName, slot: DSAppPickerSlots.TITLE })`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => theme.fontSizes.value[400]};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin: 12px 0 8px 0;\n  line-height: 1.385;\n  text-transform: uppercase;\n`;\n\nexport const StyledSeparator = styled('hr', { name: DSAppPickerName, slot: DSAppPickerSlots.SEPARATOR })`\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral[100]};\n  border-bottom: none;\n  width: 99%;\n  margin: 8px 0 0 0;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUnF,CAAC,EAAE,WAAW,MAAO,aAAa,iBAAiB,iBAAkB;AAAA;AAAA;AAAA;AAAA;AAM3E,MAAM,iBAAiB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAI1F,MAAM,wBAAwB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,IAAI,CAAC;AAAA;AAAA;AAAA;AAKhG,MAAM,cAAc,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,MAAM,CAAC;AAAA,WACpF,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,eACpC,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBACvC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMnD,MAAM,kBAAkB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,UAAU,CAAC;AAAA,0BAC7E,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/utils.js

@@ -1,25 +0,0 @@
-import * as React from "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();
-  }
-};
-export {
-  focusSelectedOrFirstAvailable,
-  keys
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\n\nexport const keys = {\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  ENTER: 'Enter',\n  SPACE: '',\n  TAB: 'Tab',\n  ESC: 'Escape',\n  HOME: 'Home',\n  END: 'End',\n};\n\nexport const focusSelectedOrFirstAvailable = (\n  wrapperRef: React.RefObject<HTMLDivElement>,\n  allFocusableButtonsRef: HTMLButtonElement[],\n  selectedButtonRef: React.MutableRefObject<number | null>,\n) => {\n  if (selectedButtonRef.current !== null) {\n    wrapperRef?.current?.querySelectorAll('button')[selectedButtonRef.current].focus();\n  } else {\n    allFocusableButtonsRef?.[0]?.focus();\n  }\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,OAAO;AAAA,EAClB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AACP;AAEO,MAAM,gCAAgC,CAC3C,YACA,wBACA,sBACG;AACH,MAAI,kBAAkB,YAAY,MAAM;AACtC,gBAAY,SAAS,iBAAiB,QAAQ,EAAE,kBAAkB,OAAO,EAAE,MAAM;AAAA,EACnF,OAAO;AACL,6BAAyB,CAAC,GAAG,MAAM;AAAA,EACrC;AACF;",
-  "names": []
-}

package/dist/types/AppPickerImpl.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { DSAppPickerT } from './react-desc-prop-types.js';
-interface AppPickerImplProps extends Omit<DSAppPickerT.InternalProps, 'onClose' | 'icon' | 'onClick' | 'onClickOutside' | 'renderTrigger' | 'isOpen'> {
-    close: () => void;
-    wrapperRef: React.RefObject<HTMLDivElement>;
-    isOverflow: boolean;
-    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
-    triggerIsInternal: boolean;
-}
-declare const AppPickerImpl: React.ComponentType<AppPickerImplProps>;
-export default AppPickerImpl;

package/dist/types/hooks/useKeepTrackButtons.d.ts

@@ -1,13 +0,0 @@
-import type React from 'react';
-import type { DSAppPickerT } from '../react-desc-prop-types.js';
-interface UseKeepTrackButtonsT {
-    wrapperRef: React.RefObject<HTMLDivElement>;
-    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
-    actionRef?: DSAppPickerT.ActionRef;
-    triggerIsInternal?: boolean;
-}
-export declare const useKeepTrackButtons: ({ wrapperRef, wasOpenedByKeyboardRef, actionRef, triggerIsInternal, }: UseKeepTrackButtonsT) => {
-    allFocusableButtons: HTMLButtonElement[];
-    selectedButton: React.MutableRefObject<number | null>;
-};
-export {};

package/dist/types/utils.d.ts

@@ -1,14 +0,0 @@
-import type React from 'react';
-export declare const keys: {
-    LEFT: string;
-    UP: string;
-    RIGHT: string;
-    DOWN: string;
-    ENTER: string;
-    SPACE: string;
-    TAB: string;
-    ESC: string;
-    HOME: string;
-    END: string;
-};
-export declare const focusSelectedOrFirstAvailable: (wrapperRef: React.RefObject<HTMLDivElement>, allFocusableButtonsRef: HTMLButtonElement[], selectedButtonRef: React.MutableRefObject<number | null>) => void;