@elliemae/ds-left-navigation 2.0.0-alpha.1 → 2.0.0-alpha.13

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;