@elliemae/ds-left-navigation 2.0.0-alpha.10 → 2.0.0-alpha.14

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/LeftNavContentWithScrollbar/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import 'overlayscrollbars/css/OverlayScrollbars.css';
 export interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }

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: any) => 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,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const commonFocusedByKeyboardBorder = (props, height, width) => `
-  &:before {
-    content: '';
-    position: absolute;
-    height: ${height};
-    width: ${width};
-    top: 0;
-    left: 0px;
-    border: 1px solid ${props.theme.colors.brand[600]};
-    pointer-events: none;
-  }
-`;
-
-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/cjs/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": false
-}

package/esm/common/getFocusedByKeyboardStyle.js

@@ -1,19 +0,0 @@
-const commonFocusedByKeyboardBorder = (props, height, width) => `
-  &:before {
-    content: '';
-    position: absolute;
-    height: ${height};
-    width: ${width};
-    top: 0;
-    left: 0px;
-    border: 1px solid ${props.theme.colors.brand[600]};
-    pointer-events: none;
-  }
-`;
-
-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/esm/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": false
-}

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;