@elliemae/ds-left-navigation 2.0.0-alpha.11 → 2.0.0-alpha.12

package/types/LeftNavigation.d.ts

@@ -1,19 +1,54 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import type { LeftNavProps } from './index.d';
 export declare const LeftNavigation: {
     (props: LeftNavProps): JSX.Element;
     propTypes: {
-        containerProps: any;
-        expanded: any;
-        loading: any;
-        tabIndex: any;
-        openedItem: any;
-        footerLabel: any;
-        onFooterExpand: any;
-        onFooterClose: any;
-        onSelectedChange: any;
-        onFocusChange: any;
-        items: any;
+        containerProps: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        expanded: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        loading: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        tabIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        openedItem: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        footerLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterExpand: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectedChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onFocusChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        items: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        disableDefaultSelection: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
     };
     defaultProps: LeftNavProps;
 };

package/types/LeftNavigationContext.d.ts

@@ -3,12 +3,8 @@ import type { LeftNavProps } from './index.d';
 export declare type ContextProps = {
     selectedItem: string;
     setSelectedItem: React.Dispatch<React.SetStateAction<string>>;
-    selectedSubitem: string;
-    setSelectedSubitem: React.Dispatch<React.SetStateAction<string>>;
     focusedItem: string;
     setFocusedItem: React.Dispatch<React.SetStateAction<string>>;
-    focusedByKey: boolean;
-    setFocusedByKey: React.Dispatch<React.SetStateAction<boolean>>;
     openedDrilldowns: string[];
     setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;
     visibleItems: string[];

package/types/common/index.d.ts

@@ -1,4 +1,3 @@
-export * from './getFocusedByKeyboardStyle';
 export * from './getItemBackgroundStyle';
 export * from './getLeftBorderStyle';
 export * from './getScrollbarStyle';

package/types/exported-related/ItemRenderer/styled.d.ts

@@ -6,10 +6,11 @@ interface ItemProps {
     theme: any;
     shadowStyle: (theme: any) => string;
 }
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const borderOutside: (color: any, weight?: number) => string;
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     shadowStyle: (theme: any) => string;
 }, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     minHeight: string;
 } & ItemProps, never>;
 export {};

package/types/hooks/useKeyboardNavigation.d.ts

@@ -4,5 +4,5 @@ declare type useKeyboardNavigationProps = {
     item: GenericItemItemProps;
     onClick: (e: any) => void;
 };
-export declare const useKeyboardNavigation: ({ item, onClick, }: useKeyboardNavigationProps) => React.KeyboardEventHandler;
+export declare const useKeyboardNavigation: ({ item, onClick }: useKeyboardNavigationProps) => React.KeyboardEventHandler;
 export {};

package/types/hooks/useSelectFirstBodyItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { GenericItemItemProps } from '../index.d';
-export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string, setSelectedItem: React.Dispatch<React.SetStateAction<string>>) => void;
+export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string, selectedItem: string, setSelectedItem: React.Dispatch<React.SetStateAction<string>>, disableDefaultSelection: boolean) => void;

package/types/index.d.d.ts

@@ -8,8 +8,8 @@ export interface LeftNavProps {
     items: GenericItemItemProps[];
     footerLabel: string;
     labelOverflow: LabelOveflowT;
-    onSelectedChange: (item: GenericItemItemProps) => void;
-    onFocusChange: (item: GenericItemItemProps) => void;
+    onSelectedChange: (item: string) => void;
+    onFocusChange: (item: string) => void;
     onFooterExpand: () => void;
     onFooterClose: () => void;
     onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
@@ -17,6 +17,10 @@ export interface LeftNavProps {
     BodyHeaderComponent?: GenericItemItemProps;
     tabIndex: number;
     loading: boolean;
+    selectedItem?: string;
+    selectedParent?: string;
+    disableDefaultSelection?: boolean;
+    withoutBodyShadow?: boolean;
 }
 export declare type OutOfTheBoxT = 'ds-left-nav-item-header' | 'ds-left-nav-item-link' | 'ds-left-nav-item-submenu' | 'ds-left-nav-item-controlled-drilldown' | 'ds-left-nav-item-uncontrolled-drilldown' | 'ds-left-nav-item-section' | 'ds-left-nav-item-separator' | 'ds-left-nav-item-text-label' | 'ds-left-nav-item-with-date';
 export interface itemOptsT {
@@ -41,6 +45,7 @@ export interface itemOptsT {
     ariaExpanded?: boolean;
     ariaDescribedBy?: string;
     items?: GenericItemItemProps[];
+    labelDataTestId?: string;
 }
 export interface ComponentProps {
     item: GenericItemItemProps;

package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemHeader/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledChevronLeft: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemLink/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemSection/styled.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemSubmenu/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledChevronLeft: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemTextLabel/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemWithDate/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/LeftNavContent/styled.d.ts

@@ -2,17 +2,13 @@ declare type LeftNavProps = {
     expanded: boolean;
     expandedWidth: string;
 };
-export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", any, LeftNavProps, never>;
-export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", any, LeftNavProps, never>;
-export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, LeftNavProps, never>;
+export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LeftNavProps, never>;
+export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     selected: boolean;
 }, never>;
-export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", any, {
-    selected: boolean;
-}, never>;
-export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", any, {
-    selected: boolean;
-}, never>;
-export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/parts/LeftNavFooterItem/styled.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     theme: any;
     selected: boolean;
 }, never>;
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: Record<string, unknown>) => JSX.Element, any, {}, never>;
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    theme: any;
+    selected: boolean;
+    opened: boolean;
+}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/prop-types.d.ts

@@ -1,22 +1,91 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
 export declare const leftNavItemProps: {
-    type: any;
-    dsId: any;
-    Component: any;
-    CollapsedComponent: any;
-    itemOpts: any;
+    type: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    dsId: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    Component: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    CollapsedComponent: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    itemOpts: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };
 export declare const leftNavigationProps: {
-    containerProps: any;
-    expanded: any;
-    loading: any;
-    tabIndex: any;
-    openedItem: any;
-    footerLabel: any;
-    onFooterExpand: any;
-    onFooterClose: any;
-    onSelectedChange: any;
-    onFocusChange: any;
-    items: any;
+    containerProps: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    expanded: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    loading: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    tabIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    openedItem: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    footerLabel: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onFooterExpand: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onFooterClose: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onSelectedChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onFocusChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    items: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    disableDefaultSelection: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const LeftNavItemPropsSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export declare const LeftNavItemOptionsSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export declare const LeftNavItemPropsSchema: any;
-export declare const LeftNavItemOptionsSchema: any;

package/cjs/common/getFocusedByKeyboardStyle.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const commonFocusedByKeyboardBorder = (props, height, width) => "\n  &:before {\n    content: '';\n    position: absolute;\n    height: ".concat(height, ";\n    width: ").concat(width, ";\n    top: 0;\n    left: 0px;\n    border: 1px solid ").concat(props.theme.colors.brand[600], ";\n    pointer-events: none;\n  }\n");
-
-const getFocusedByKeyboardBorderStyle = (props, height = '100%', width = '100%') => {
-  if (props.focused && props.focusedByKey) return commonFocusedByKeyboardBorder(props, height, width);
-  return '';
-};
-
-exports.getFocusedByKeyboardBorderStyle = getFocusedByKeyboardBorderStyle;

package/cjs/configs/useGlobalKeyListeners.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const useGlobalKeyListeners = opts => {
-  const {
-    setFocusedByKey
-  } = opts;
-  React__default["default"].useEffect(() => {
-    const isKey = () => setFocusedByKey(true);
-
-    const isClick = () => setFocusedByKey(false); // To track wheter it's keyboard focus to apply the necessary style
-
-
-    window.addEventListener('keydown', isKey);
-    window.addEventListener('mousedown', isClick);
-    return () => {
-      window.removeEventListener('keydown', isKey);
-      window.removeEventListener('mousedown', isClick);
-    };
-  }, [setFocusedByKey]);
-};
-
-exports["default"] = useGlobalKeyListeners;
-exports.useGlobalKeyListeners = useGlobalKeyListeners;

package/esm/common/getFocusedByKeyboardStyle.js

@@ -1,8 +0,0 @@
-const commonFocusedByKeyboardBorder = (props, height, width) => "\n  &:before {\n    content: '';\n    position: absolute;\n    height: ".concat(height, ";\n    width: ").concat(width, ";\n    top: 0;\n    left: 0px;\n    border: 1px solid ").concat(props.theme.colors.brand[600], ";\n    pointer-events: none;\n  }\n");
-
-const getFocusedByKeyboardBorderStyle = (props, height = '100%', width = '100%') => {
-  if (props.focused && props.focusedByKey) return commonFocusedByKeyboardBorder(props, height, width);
-  return '';
-};
-
-export { getFocusedByKeyboardBorderStyle };

package/esm/configs/useGlobalKeyListeners.js

@@ -1,22 +0,0 @@
-import React from 'react';
-
-const useGlobalKeyListeners = opts => {
-  const {
-    setFocusedByKey
-  } = opts;
-  React.useEffect(() => {
-    const isKey = () => setFocusedByKey(true);
-
-    const isClick = () => setFocusedByKey(false); // To track wheter it's keyboard focus to apply the necessary style
-
-
-    window.addEventListener('keydown', isKey);
-    window.addEventListener('mousedown', isClick);
-    return () => {
-      window.removeEventListener('keydown', isKey);
-      window.removeEventListener('mousedown', isClick);
-    };
-  }, [setFocusedByKey]);
-};
-
-export { useGlobalKeyListeners as default, useGlobalKeyListeners };

package/types/common/getFocusedByKeyboardStyle.d.ts

@@ -1,4 +0,0 @@
-export declare const getFocusedByKeyboardBorderStyle: (props: {
-    focused: boolean;
-    focusedByKey: boolean;
-}, height?: string, width?: string) => string;

package/types/configs/useGlobalKeyListeners.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface optsT {
-    setFocusedByKey: React.Dispatch<boolean>;
-}
-export declare const useGlobalKeyListeners: (opts: optsT) => void;
-export default useGlobalKeyListeners;