@elliemae/ds-app-picker 3.70.0-next.4 → 3.70.0-next.41

package/dist/esm/AppPickerImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/AppPickerImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\nimport React, { useCallback, useRef, useMemo } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSChip } from '@elliemae/ds-chip';\nimport { useFocusTrap } from '@elliemae/ds-hooks-focus-trap';\nimport { keys } from './utils.js';\nimport { StyledWrapper, StyledSeparator, StyledListItemFullRow, StyledListItem, StyledTitle } from './styles.js';\nimport { useKeepTrackButtons } from './hooks/useKeepTrackButtons.js';\nimport type { DSAppPickerT } from './react-desc-prop-types.js';\nimport { DSAppPickerDataTestIds, DSAppPickerName, DSAppPickerSlots } from './constants/index.js';\nimport { useAppPicker } from './config/useAppPicker.js';\n\nconst StyledChip = styled(DSChip, { name: DSAppPickerName, slot: DSAppPickerSlots.CHIP })``;\n\ninterface AppPickerImplProps\n  extends Omit<\n    DSAppPickerT.InternalProps,\n    'onClose' | 'icon' | 'onClick' | 'onClickOutside' | 'renderTrigger' | 'isOpen'\n  > {\n  close: () => void;\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  isOverflow: boolean;\n  wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;\n  triggerIsInternal: boolean;\n}\n\nconst AppPickerImpl: React.ComponentType<AppPickerImplProps> = (props) => {\n  const {\n    apps,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    close,\n    wrapperRef,\n    onKeyDown,\n    triggerRef,\n    isOverflow,\n    actionRef,\n    wasOpenedByKeyboardRef,\n    triggerIsInternal,\n  } = props;\n\n  const { ownerPropsConfig, globalAttributes, xstyledProps } = useAppPicker(props);\n\n  // at this point is hard to understand where to put the globals props in the app picker\n  // because we dont have a common wrapper that contains both the ul and the popover and the button\n  // so we put them in the ul for now\n  // wrap is extracted to avoid passing it to the UL element\n  // onClick and onKeyDown because we use it as props in the api for a different purpose\n  const { wrap, onClick, onKeyDown: onKeyDownGlobal, ...safeGlobalAttributes } = globalAttributes;\n\n  const { allFocusableButtons } = useKeepTrackButtons({\n    wrapperRef,\n    wasOpenedByKeyboardRef,\n    actionRef,\n    triggerIsInternal,\n  });\n\n  const firstElementRef = useRef<HTMLElement | null>(null);\n  const lastElementRef = useRef<HTMLElement | null>(null);\n\n  const handleOnClick = useCallback(\n    (app: DSAppPickerT.AppItem) => (e: React.MouseEvent) => {\n      if (app.onClick) app.onClick(e, app);\n    },\n    [],\n  );\n\n  const handleOnKeyDownWrapper: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (onKeyDown) onKeyDown(e);\n      if (!onKeyDown && e.key === keys.ESC) {\n        triggerRef?.current?.focus();\n        close();\n      }\n    },\n    [onKeyDown, triggerRef, close],\n  );\n  const [firstButton] = allFocusableButtons;\n  firstElementRef.current = firstButton;\n  lastElementRef.current = allFocusableButtons[allFocusableButtons.length - 1];\n\n  const handleOnKeyDown = useFocusTrap({\n    firstElementRef,\n    lastElementRef,\n    onKeyDown: handleOnKeyDownWrapper,\n  });\n\n  const totalAppsLength = useMemo(() => apps.length + customApps.length, [apps.length, customApps.length]);\n\n  const buildRows = useCallback(\n    (appList: DSAppPickerT.AppItem[], prevIndex: number, title: string): JSX.Element => (\n      <>\n        {appList.map((app, index) => {\n          const { label, disabled, applyAriaDisabled, selected, icon: Icon, id, wrapText } = app;\n\n          // eslint-disable-next-line react/no-unstable-nested-components\n          const IconComp = () => <Icon className=\"app-picker__icon\" size=\"m\" />;\n          const getOwnerPropsArguments = () => app;\n          return (\n            <StyledListItem\n              data-testid={DSAppPickerDataTestIds.ITEM}\n              role=\"presentation\"\n              getOwnerProps={ownerPropsConfig.getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <StyledChip\n                key={index}\n                onClick={handleOnClick(app)}\n                data-testid=\"app-picker__chip\"\n                disabled={disabled}\n                applyAriaDisabled={applyAriaDisabled}\n                selected={selected}\n                aria-selected={selected}\n                role=\"option\"\n                id={id}\n                aria-label={`${label}. ${title} (${index + prevIndex} of ${totalAppsLength})`}\n                icon={IconComp}\n                label={label}\n                getOwnerProps={ownerPropsConfig.getOwnerProps}\n                getOwnerPropsArguments={getOwnerPropsArguments}\n                wrapText={wrapText}\n              />\n            </StyledListItem>\n          );\n        })}\n      </>\n    ),\n    [ownerPropsConfig, handleOnClick, totalAppsLength],\n  );\n\n  const AppsRows = useMemo(() => buildRows(apps, 1, sectionTitle), [apps, buildRows, sectionTitle]);\n  const CustomRows = useMemo(\n    () => buildRows(customApps, apps.length + 1, customSectionTitle),\n    [apps.length, buildRows, customApps, customSectionTitle],\n  );\n\n  const layout = useMemo(() => {\n    const cols = ['repeat(3, 92px)'];\n    let appsRows = 0;\n    let customRows = 0;\n    const rows = [];\n    if (apps.length > 0) {\n      appsRows = apps.length / 3;\n      rows.push('68px', `repeat(${appsRows}, 68px})`);\n    }\n    if (customApps.length > 0) {\n      customRows = customApps.length / 3;\n      rows.push('9px', '68px', `repeat(${customRows}, 68px})`);\n    }\n    return {\n      rows,\n      cols,\n    };\n  }, [apps.length, customApps.length]);\n\n  // Needed just for typescript reasons\n  const convertedTypeReference = wrapperRef as unknown as React.RefObject<HTMLDivElement> &\n    React.RefObject<HTMLUListElement>;\n\n  return (\n    <StyledWrapper\n      forwardedAs=\"ul\"\n      role=\"listbox\"\n      innerRef={convertedTypeReference}\n      data-testid={DSAppPickerDataTestIds.ROOT}\n      isOverflow={isOverflow}\n      cols={layout.cols}\n      rows={layout.rows}\n      tabIndex={-1}\n      aria-label={`Application picker, ${sectionTitle} (${apps.length} apps)${\n        customApps.length > 0 ? `, ${customSectionTitle} (${customApps.length} apps)` : ''\n      }`}\n      {...ownerPropsConfig}\n      {...safeGlobalAttributes}\n      {...xstyledProps}\n      onKeyDown={handleOnKeyDown}\n    >\n      <StyledListItemFullRow data-testid={DSAppPickerDataTestIds.ROW} aria-hidden role=\"group\" {...ownerPropsConfig}>\n        <StyledTitle data-testid={DSAppPickerDataTestIds.TITLE} role=\"presentation\" {...ownerPropsConfig}>\n          {sectionTitle}\n        </StyledTitle>\n      </StyledListItemFullRow>\n      {AppsRows}\n      {customApps.length > 0 && (\n        <>\n          <StyledListItemFullRow\n            data-testid={DSAppPickerDataTestIds.ROW}\n            aria-hidden\n            role=\"group\"\n            {...ownerPropsConfig}\n          >\n            <StyledSeparator data-testid={DSAppPickerDataTestIds.SEPARATOR} role=\"presentation\" {...ownerPropsConfig} />\n          </StyledListItemFullRow>\n          <StyledListItemFullRow\n            data-testid={DSAppPickerDataTestIds.ROW}\n            aria-hidden\n            role=\"group\"\n            {...ownerPropsConfig}\n          >\n            <StyledTitle data-testid={DSAppPickerDataTestIds.TITLE} role=\"presentation\" {...ownerPropsConfig}>\n              {customSectionTitle}\n            </StyledTitle>\n          </StyledListItemFullRow>\n          {CustomRows}\n        </>\n      )}\n    </StyledWrapper>\n  );\n};\n\nexport default AppPickerImpl;\n"],
-  "mappings": "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",
-  "names": []
-}

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/tests/app-picker.a11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/app-picker.data-testid.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/app-picker.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/app-picker.exports.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/app-picker.get-owner-props.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/app-picker.keyboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/typescript-testing/typescript-app-picker-valid.d.ts

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