box-ui-elements 15.0.0-beta.7 → 15.0.0

package/es/components/media-query/useMediaQuery.js

@@ -0,0 +1,91 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { toQuery, useMediaQuery as _useMediaQuery } from 'react-responsive';
+import { ANY_HOVER, ANY_POINTER_COARSE, ANY_POINTER_FINE, HOVER, HOVER_TYPE, POINTER_COARSE, POINTER_FINE, POINTER_TYPE, SIZE_LARGE, SIZE_MEDIUM, SIZE_SMALL, VIEW_SIZE_TYPE } from './constants';
+
+var getPointerCapabilities = function getPointerCapabilities(isFine, isCoarse) {
+  if (!isFine && !isCoarse) return POINTER_TYPE.none;
+  if (isFine) return POINTER_TYPE.fine;
+  return POINTER_TYPE.coarse;
+};
+
+var getViewDimensions = function getViewDimensions() {
+  return {
+    viewWidth: window.innerWidth,
+    viewHeight: window.innerHeight
+  };
+};
+/**
+ * Formats the media query either as a MediaQuery object or string
+ * @param query
+ * @returns {string}
+ */
+
+
+function formatQuery(query) {
+  return typeof query === 'string' ? query : toQuery(query);
+}
+/**
+ * Executes media query
+ * @param query
+ * @param onQueryChange
+ * @returns {boolean}
+ */
+
+
+function useQuery(query, onQueryChange) {
+  return _useMediaQuery({
+    query: formatQuery(query)
+  }, null, onQueryChange);
+}
+/**
+ * Determines device capabilities for hover and pointer features
+ * @returns {{anyPointer: *, hover: (string), pointer: *, anyHover: (string)}}
+ */
+
+
+function useDeviceCapabilities() {
+  var isHover = useQuery(HOVER);
+  var isAnyHover = useQuery(ANY_HOVER);
+  var anyHover = isAnyHover ? HOVER_TYPE.hover : HOVER_TYPE.none;
+  var hover = isHover ? HOVER_TYPE.hover : HOVER_TYPE.none;
+  var pointer = getPointerCapabilities(useQuery(POINTER_FINE), useQuery(POINTER_COARSE));
+  var anyPointer = getPointerCapabilities(useQuery(ANY_POINTER_FINE), useQuery(ANY_POINTER_COARSE));
+  return {
+    anyHover: anyHover,
+    hover: hover,
+    anyPointer: anyPointer,
+    pointer: pointer
+  };
+}
+/**
+ * Determines device size using media queries
+ * @returns {string}
+ */
+
+
+function useDeviceSize() {
+  var isSmall = useQuery(SIZE_SMALL);
+  var isMedium = useQuery(SIZE_MEDIUM);
+  var isLarge = useQuery(SIZE_LARGE);
+  if (isSmall) return VIEW_SIZE_TYPE.small;
+  if (isMedium) return VIEW_SIZE_TYPE.medium;
+  if (isLarge) return VIEW_SIZE_TYPE.large;
+  return VIEW_SIZE_TYPE.xlarge;
+}
+
+function useMediaQuery() {
+  var deviceCapabilities = useDeviceCapabilities();
+  var deviceSize = useDeviceSize();
+  var viewDimensions = getViewDimensions();
+  return _objectSpread({}, deviceCapabilities, {}, viewDimensions, {
+    size: deviceSize
+  });
+}
+
+export default useMediaQuery;
+//# sourceMappingURL=useMediaQuery.js.map

package/es/components/media-query/useMediaQuery.js.flow

@@ -0,0 +1,97 @@
+// @flow
+
+import { toQuery, useMediaQuery as _useMediaQuery } from 'react-responsive';
+import {
+    ANY_HOVER,
+    ANY_POINTER_COARSE,
+    ANY_POINTER_FINE,
+    HOVER,
+    HOVER_TYPE,
+    POINTER_COARSE,
+    POINTER_FINE,
+    POINTER_TYPE,
+    SIZE_LARGE,
+    SIZE_MEDIUM,
+    SIZE_SMALL,
+    VIEW_SIZE_TYPE,
+} from './constants';
+import type { MediaQuery, MediaShape } from './types';
+
+const getPointerCapabilities = (isFine: boolean, isCoarse: boolean) => {
+    if (!isFine && !isCoarse) return POINTER_TYPE.none;
+    if (isFine) return POINTER_TYPE.fine;
+    return POINTER_TYPE.coarse;
+};
+
+const getViewDimensions = () => {
+    return { viewWidth: window.innerWidth, viewHeight: window.innerHeight };
+};
+
+/**
+ * Formats the media query either as a MediaQuery object or string
+ * @param query
+ * @returns {string}
+ */
+function formatQuery(query: MediaQuery): string {
+    return typeof query === 'string' ? query : toQuery(query);
+}
+
+/**
+ * Executes media query
+ * @param query
+ * @param onQueryChange
+ * @returns {boolean}
+ */
+function useQuery(query: MediaQuery, onQueryChange?: (_: boolean) => void): boolean {
+    return _useMediaQuery({ query: formatQuery(query) }, null, onQueryChange);
+}
+
+/**
+ * Determines device capabilities for hover and pointer features
+ * @returns {{anyPointer: *, hover: (string), pointer: *, anyHover: (string)}}
+ */
+function useDeviceCapabilities() {
+    const isHover: boolean = useQuery(HOVER);
+    const isAnyHover: boolean = useQuery(ANY_HOVER);
+
+    const anyHover = isAnyHover ? HOVER_TYPE.hover : HOVER_TYPE.none;
+    const hover = isHover ? HOVER_TYPE.hover : HOVER_TYPE.none;
+    const pointer = getPointerCapabilities(useQuery(POINTER_FINE), useQuery(POINTER_COARSE));
+    const anyPointer = getPointerCapabilities(useQuery(ANY_POINTER_FINE), useQuery(ANY_POINTER_COARSE));
+
+    return {
+        anyHover,
+        hover,
+        anyPointer,
+        pointer,
+    };
+}
+
+/**
+ * Determines device size using media queries
+ * @returns {string}
+ */
+function useDeviceSize() {
+    const isSmall: boolean = useQuery(SIZE_SMALL);
+    const isMedium: boolean = useQuery(SIZE_MEDIUM);
+    const isLarge: boolean = useQuery(SIZE_LARGE);
+
+    if (isSmall) return VIEW_SIZE_TYPE.small;
+    if (isMedium) return VIEW_SIZE_TYPE.medium;
+    if (isLarge) return VIEW_SIZE_TYPE.large;
+
+    return VIEW_SIZE_TYPE.xlarge;
+}
+
+function useMediaQuery(): MediaShape {
+    const deviceCapabilities = useDeviceCapabilities();
+    const deviceSize = useDeviceSize();
+    const viewDimensions = getViewDimensions();
+    return {
+        ...deviceCapabilities,
+        ...viewDimensions,
+        size: deviceSize,
+    };
+}
+
+export default useMediaQuery;

package/es/components/media-query/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-query/useMediaQuery.js"],"names":["toQuery","useMediaQuery","_useMediaQuery","ANY_HOVER","ANY_POINTER_COARSE","ANY_POINTER_FINE","HOVER","HOVER_TYPE","POINTER_COARSE","POINTER_FINE","POINTER_TYPE","SIZE_LARGE","SIZE_MEDIUM","SIZE_SMALL","VIEW_SIZE_TYPE","getPointerCapabilities","isFine","isCoarse","none","fine","coarse","getViewDimensions","viewWidth","window","innerWidth","viewHeight","innerHeight","formatQuery","query","useQuery","onQueryChange","useDeviceCapabilities","isHover","isAnyHover","anyHover","hover","pointer","anyPointer","useDeviceSize","isSmall","isMedium","isLarge","small","medium","large","xlarge","deviceCapabilities","deviceSize","viewDimensions","size"],"mappings":"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","sourcesContent":["// @flow\n\nimport { toQuery, useMediaQuery as _useMediaQuery } from 'react-responsive';\nimport {\n    ANY_HOVER,\n    ANY_POINTER_COARSE,\n    ANY_POINTER_FINE,\n    HOVER,\n    HOVER_TYPE,\n    POINTER_COARSE,\n    POINTER_FINE,\n    POINTER_TYPE,\n    SIZE_LARGE,\n    SIZE_MEDIUM,\n    SIZE_SMALL,\n    VIEW_SIZE_TYPE,\n} from './constants';\nimport type { MediaQuery, MediaShape } from './types';\n\nconst getPointerCapabilities = (isFine: boolean, isCoarse: boolean) => {\n    if (!isFine && !isCoarse) return POINTER_TYPE.none;\n    if (isFine) return POINTER_TYPE.fine;\n    return POINTER_TYPE.coarse;\n};\n\nconst getViewDimensions = () => {\n    return { viewWidth: window.innerWidth, viewHeight: window.innerHeight };\n};\n\n/**\n * Formats the media query either as a MediaQuery object or string\n * @param query\n * @returns {string}\n */\nfunction formatQuery(query: MediaQuery): string {\n    return typeof query === 'string' ? query : toQuery(query);\n}\n\n/**\n * Executes media query\n * @param query\n * @param onQueryChange\n * @returns {boolean}\n */\nfunction useQuery(query: MediaQuery, onQueryChange?: (_: boolean) => void): boolean {\n    return _useMediaQuery({ query: formatQuery(query) }, null, onQueryChange);\n}\n\n/**\n * Determines device capabilities for hover and pointer features\n * @returns {{anyPointer: *, hover: (string), pointer: *, anyHover: (string)}}\n */\nfunction useDeviceCapabilities() {\n    const isHover: boolean = useQuery(HOVER);\n    const isAnyHover: boolean = useQuery(ANY_HOVER);\n\n    const anyHover = isAnyHover ? HOVER_TYPE.hover : HOVER_TYPE.none;\n    const hover = isHover ? HOVER_TYPE.hover : HOVER_TYPE.none;\n    const pointer = getPointerCapabilities(useQuery(POINTER_FINE), useQuery(POINTER_COARSE));\n    const anyPointer = getPointerCapabilities(useQuery(ANY_POINTER_FINE), useQuery(ANY_POINTER_COARSE));\n\n    return {\n        anyHover,\n        hover,\n        anyPointer,\n        pointer,\n    };\n}\n\n/**\n * Determines device size using media queries\n * @returns {string}\n */\nfunction useDeviceSize() {\n    const isSmall: boolean = useQuery(SIZE_SMALL);\n    const isMedium: boolean = useQuery(SIZE_MEDIUM);\n    const isLarge: boolean = useQuery(SIZE_LARGE);\n\n    if (isSmall) return VIEW_SIZE_TYPE.small;\n    if (isMedium) return VIEW_SIZE_TYPE.medium;\n    if (isLarge) return VIEW_SIZE_TYPE.large;\n\n    return VIEW_SIZE_TYPE.xlarge;\n}\n\nfunction useMediaQuery(): MediaShape {\n    const deviceCapabilities = useDeviceCapabilities();\n    const deviceSize = useDeviceSize();\n    const viewDimensions = getViewDimensions();\n    return {\n        ...deviceCapabilities,\n        ...viewDimensions,\n        size: deviceSize,\n    };\n}\n\nexport default useMediaQuery;\n"],"file":"useMediaQuery.js"}

package/es/components/media-query/withMediaQuery.js

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import * as React from 'react';
+import useMediaQuery from './useMediaQuery';
+
+function withMediaQuery(WrappedComponent) {
+  return function (_ref) {
+    var children = _ref.children,
+        rest = _objectWithoutProperties(_ref, ["children"]);
+
+    var mediaProps = useMediaQuery();
+    return React.createElement(WrappedComponent, _extends({}, rest, mediaProps), children);
+  };
+}
+
+export default withMediaQuery;
+//# sourceMappingURL=withMediaQuery.js.map

package/es/components/media-query/withMediaQuery.js.flow

@@ -0,0 +1,23 @@
+// @flow
+
+import * as React from 'react';
+import useMediaQuery from './useMediaQuery';
+import type { MediaShape } from './types';
+
+type PropsShape = {
+    children: React.Node,
+};
+
+function withMediaQuery<Props: PropsShape>(WrappedComponent: React.ComponentType<any>): React.ComponentType<any> {
+    return ({ children, ...rest }: Props) => {
+        const mediaProps: MediaShape = useMediaQuery();
+
+        return (
+            <WrappedComponent {...rest} {...mediaProps}>
+                {children}
+            </WrappedComponent>
+        );
+    };
+}
+
+export default withMediaQuery;

package/es/components/media-query/withMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-query/withMediaQuery.js"],"names":["React","useMediaQuery","withMediaQuery","WrappedComponent","children","rest","mediaProps"],"mappings":";;;;;;AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;;AAOA,SAASC,cAAT,CAA2CC,gBAA3C,EAAiH;AAC7G,SAAO,gBAAkC;AAAA,QAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,QAAlBC,IAAkB;;AACrC,QAAMC,UAAsB,GAAGL,aAAa,EAA5C;AAEA,WACI,oBAAC,gBAAD,eAAsBI,IAAtB,EAAgCC,UAAhC,GACKF,QADL,CADJ;AAKH,GARD;AASH;;AAED,eAAeF,cAAf","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport useMediaQuery from './useMediaQuery';\nimport type { MediaShape } from './types';\n\ntype PropsShape = {\n    children: React.Node,\n};\n\nfunction withMediaQuery<Props: PropsShape>(WrappedComponent: React.ComponentType<any>): React.ComponentType<any> {\n    return ({ children, ...rest }: Props) => {\n        const mediaProps: MediaShape = useMediaQuery();\n\n        return (\n            <WrappedComponent {...rest} {...mediaProps}>\n                {children}\n            </WrappedComponent>\n        );\n    };\n}\n\nexport default withMediaQuery;\n"],"file":"withMediaQuery.js"}

package/es/components/modal/Modal.scss

@@ -1,5 +1,6 @@
 @import '../../styles/variables';
 @import '../../styles/mixins/buttons';
+@import '../../styles/constants/media-queries';
 
 /**************************************
  * Modal
@@ -56,6 +57,7 @@
     display: flex;
     flex-direction: column;
     width: 460px;
+    max-width: 100%;
     margin: auto;
     padding: 30px;
     background-color: $white;
@@ -133,3 +135,28 @@
     z-index: 89;
     display: flex;
 }
+
+//Responsive support - triggers fullscreen mode after reaching $small-medium-screen width
+.is-responsive-web {
+    @include breakpoint($small-medium-screen) {
+        .modal {
+            flex-direction: column;
+            padding: 0;
+        }
+
+        .modal-dialog {
+            min-height: 100%;
+            padding: 22px 16px 12px 16px;
+            border-radius: 0;
+        }
+
+        .modal-close-button {
+            right: 10px;
+        }
+    }
+
+    .modal-dialog-container {
+        flex-basis: 100%;
+        width: 100%;
+    }
+}

package/es/components/preview/previewIcons.js

@@ -29,6 +29,8 @@ import IconFileThreeD from '../../icon/content/FileThreeD32';
 import IconFileVector from '../../icon/content/FileVector32';
 import IconFileVideo from '../../icon/content/FileVideo32';
 import IconFileWord from '../../icon/content/FileWord32';
+import IconFileXbd from '../../icon/content/FileXbd32';
+import IconFileXdw from '../../icon/content/FileXdw32';
 import IconFileZip from '../../icon/content/FileZip32';
 var configs = {};
 
@@ -65,6 +67,8 @@ register(IconFileThreeD, '#F7931D', ['3ds', 'box3d', 'dae', 'fbx', 'obj', 'ply',
 register(IconFileVector, '#F7931D', ['eps']);
 register(IconFileVideo, '#009AED', ['3g2', '3gp', 'avi', 'flv', 'm2v', 'm2ts', 'm4v', 'mkv', 'mov', 'mp4', 'mpeg', 'mpg', 'mts', 'ogg', 'qt', 'ts', 'wmv']);
 register(IconFileWord, '#185ABD', ['doc', 'docx']);
+register(IconFileXbd, '#00838D', ['xbd']);
+register(IconFileXdw, '#00838D', ['xdw']);
 register(IconFileZip, vars.bdlGray20, ['tgz', 'zip']);
 export var getColor = function getColor(extension) {
   return extension && configs[extension] ? configs[extension].color : vars.bdlBoxBlue;

package/es/components/preview/previewIcons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/preview/previewIcons.ts"],"names":["vars","IconFileAudio","IconFileBoxNote","IconFileCode","IconFileDefault","IconFileDwg","IconFileExcelSpreadsheet","IconFileGoogleDocs","IconFileGoogleSheets","IconFileGoogleSlides","IconFileIllustrator","IconFileImage","IconFileIndesign","IconFileKeynote","IconFileNumbers","IconFilePDF","IconFilePages","IconFilePhotoshop","IconFilePowerpoint","IconFilePresentation","IconFileSpreadsheet","IconFileText","IconFileThreeD","IconFileVector","IconFileVideo","IconFileWord","IconFileZip","configs","register","icon","color","extensions","forEach","extension","bdlPurpleRain","bdlGray20","bdlBoxBlue","getColor","getIcon"],"mappings":"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","sourcesContent":["/**\n * Note: This map is intentionally kept separate from other icon maps, such as FileIcon. Preview only shows\n * file-specific loading icons for file types that can be previewed. Unsupported files show a default\n * icon, even if they have a relevant thumbnail/icon that is displayed within the item list, for example.\n */\nimport * as vars from '../../styles/variables';\nimport IconFileAudio from '../../icon/content/FileAudio32';\nimport IconFileBoxNote from '../../icon/content/FileBoxNote32';\nimport IconFileCode from '../../icon/content/FileCode32';\nimport IconFileDefault from '../../icon/content/FileDefault32';\nimport IconFileDwg from '../../icon/content/FileDwg32';\nimport IconFileExcelSpreadsheet from '../../icon/content/FileExcel32';\nimport IconFileGoogleDocs from '../../icon/content/FileDocs32';\nimport IconFileGoogleSheets from '../../icon/content/FileSheets32';\nimport IconFileGoogleSlides from '../../icon/content/FileSlides32';\nimport IconFileIllustrator from '../../icon/content/FileIllustrator32';\nimport IconFileImage from '../../icon/content/FileImage32';\nimport IconFileIndesign from '../../icon/content/FileIndesign32';\nimport IconFileKeynote from '../../icon/content/FileKeynote32';\nimport IconFileNumbers from '../../icon/content/FileNumbers32';\nimport IconFilePDF from '../../icon/content/FilePdf32';\nimport IconFilePages from '../../icon/content/FilePages32';\nimport IconFilePhotoshop from '../../icon/content/FilePhotoshop32';\nimport IconFilePowerpoint from '../../icon/content/FilePowerpoint32';\nimport IconFilePresentation from '../../icon/content/FilePresentation32';\nimport IconFileSpreadsheet from '../../icon/content/FileSpreadsheet32';\nimport IconFileText from '../../icon/content/FileText32';\nimport IconFileThreeD from '../../icon/content/FileThreeD32';\nimport IconFileVector from '../../icon/content/FileVector32';\nimport IconFileVideo from '../../icon/content/FileVideo32';\nimport IconFileWord from '../../icon/content/FileWord32';\nimport IconFileZip from '../../icon/content/FileZip32';\nimport { SVGProps } from '../accessible-svg/AccessibleSVG';\n\ntype Config = { color: string; icon: Icon };\ntype Configs = { [key: string]: Config }; // { docx: { color: '#333', icon: IconFileWord }\ntype Icon = (props: SVGProps) => JSX.Element;\n\nconst configs: Configs = {};\nconst register = (icon: Icon, color: string, extensions: string[]): void => {\n    extensions.forEach(extension => {\n        configs[extension] = { color, icon };\n    });\n};\n\nregister(IconFileAudio, vars.bdlPurpleRain, [\n    'aac',\n    'aif',\n    'aifc',\n    'aiff',\n    'amr',\n    'au',\n    'flac',\n    'm4a',\n    'mp3',\n    'ra',\n    'wav',\n    'wma',\n]);\nregister(IconFileBoxNote, vars.bdlGray20, ['boxnote']);\nregister(IconFileCode, '#E33D55', [\n    'as',\n    'as3',\n    'asm',\n    'bat',\n    'c',\n    'cc',\n    'cmake',\n    'cpp',\n    'cs',\n    'css',\n    'cxx',\n    'diff',\n    'erb',\n    'groovy',\n    'h',\n    'haml',\n    'hh',\n    'htm',\n    'html',\n    'java',\n    'js',\n    'json',\n    'less',\n    'm',\n    'make',\n    'md',\n    'ml',\n    'mm',\n    'php',\n    'pl',\n    'plist',\n    'properties',\n    'py',\n    'rb',\n    'rst',\n    'sass',\n    'scala',\n    'script',\n    'scm',\n    'sml',\n    'sql',\n    'sh',\n    'vi',\n    'vim',\n    'xhtml',\n    'xml',\n    'xsd',\n    'xsl',\n    'yaml',\n]);\nregister(IconFileDwg, '#009AED', ['dwg']);\nregister(IconFileIllustrator, '#FF9400', ['ai']);\nregister(IconFileExcelSpreadsheet, '#107C41', ['xls', 'xlsm', 'xlsx', 'xlsb']);\nregister(IconFileGoogleDocs, '#4083F7', ['gdoc']);\nregister(IconFileGoogleSheets, '#21A464', ['gsheet']);\nregister(IconFileGoogleSlides, '#F7BA00', ['gslide', 'gslides']);\nregister(IconFileImage, '#3FB87F', [\n    'bmp',\n    'cr2',\n    'crw',\n    'dcm',\n    'dng',\n    'gif',\n    'heic',\n    'jpeg',\n    'jpg',\n    'nef',\n    'png',\n    'ps',\n    'raf',\n    'raw',\n    'svg',\n    'swf',\n    'tga',\n    'tif',\n    'tiff',\n]);\nregister(IconFileIndesign, '#FF57A1', ['idml', 'indd', 'indt', 'inx']);\nregister(IconFileKeynote, '#007AFF', ['key']);\nregister(IconFileNumbers, '#00A650', ['numbers']);\nregister(IconFilePDF, '#D0021B', ['pdf']);\nregister(IconFilePages, '#FF9500', ['pages']);\nregister(IconFilePhotoshop, '#26C9FF', ['psd']);\nregister(IconFilePowerpoint, '#C43E1C', ['ppt', 'pptx']);\nregister(IconFilePresentation, '#F7931D', ['odp']);\nregister(IconFileSpreadsheet, '#3FB87F', ['csv', 'tsv']);\nregister(IconFileText, vars.bdlBoxBlue, ['log', 'msg', 'ods', 'odt', 'rtf', 'txt', 'webdoc', 'wpd']);\nregister(IconFileThreeD, '#F7931D', ['3ds', 'box3d', 'dae', 'fbx', 'obj', 'ply', 'stl']);\nregister(IconFileVector, '#F7931D', ['eps']);\nregister(IconFileVideo, '#009AED', [\n    '3g2',\n    '3gp',\n    'avi',\n    'flv',\n    'm2v',\n    'm2ts',\n    'm4v',\n    'mkv',\n    'mov',\n    'mp4',\n    'mpeg',\n    'mpg',\n    'mts',\n    'ogg',\n    'qt',\n    'ts',\n    'wmv',\n]);\nregister(IconFileWord, '#185ABD', ['doc', 'docx']);\nregister(IconFileZip, vars.bdlGray20, ['tgz', 'zip']);\n\nexport const getColor = (extension?: string): Config['color'] => {\n    return extension && configs[extension] ? configs[extension].color : vars.bdlBoxBlue;\n};\n\nexport const getIcon = (extension?: string): Config['icon'] => {\n    return extension && configs[extension] ? configs[extension].icon : IconFileDefault;\n};\n"],"file":"previewIcons.js"}
+{"version":3,"sources":["../../../src/components/preview/previewIcons.ts"],"names":["vars","IconFileAudio","IconFileBoxNote","IconFileCode","IconFileDefault","IconFileDwg","IconFileExcelSpreadsheet","IconFileGoogleDocs","IconFileGoogleSheets","IconFileGoogleSlides","IconFileIllustrator","IconFileImage","IconFileIndesign","IconFileKeynote","IconFileNumbers","IconFilePDF","IconFilePages","IconFilePhotoshop","IconFilePowerpoint","IconFilePresentation","IconFileSpreadsheet","IconFileText","IconFileThreeD","IconFileVector","IconFileVideo","IconFileWord","IconFileXbd","IconFileXdw","IconFileZip","configs","register","icon","color","extensions","forEach","extension","bdlPurpleRain","bdlGray20","bdlBoxBlue","getColor","getIcon"],"mappings":"AAAA;;;;;AAKA,OAAO,KAAKA,IAAZ,MAAsB,wBAAtB;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AACA,OAAOC,kBAAP,MAA+B,+BAA/B;AACA,OAAOC,oBAAP,MAAiC,iCAAjC;AACA,OAAOC,oBAAP,MAAiC,iCAAjC;AACA,OAAOC,mBAAP,MAAgC,sCAAhC;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,gBAAP,MAA6B,mCAA7B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,kBAAP,MAA+B,qCAA/B;AACA,OAAOC,oBAAP,MAAiC,uCAAjC;AACA,OAAOC,mBAAP,MAAgC,sCAAhC;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AAOA,IAAMC,OAAgB,GAAG,EAAzB;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,IAAD,EAAaC,KAAb,EAA4BC,UAA5B,EAA2D;AACxEA,EAAAA,UAAU,CAACC,OAAX,CAAmB,UAAAC,SAAS,EAAI;AAC5BN,IAAAA,OAAO,CAACM,SAAD,CAAP,GAAqB;AAAEH,MAAAA,KAAK,EAALA,KAAF;AAASD,MAAAA,IAAI,EAAJA;AAAT,KAArB;AACH,GAFD;AAGH,CAJD;;AAMAD,QAAQ,CAAC7B,aAAD,EAAgBD,IAAI,CAACoC,aAArB,EAAoC,CACxC,KADwC,EAExC,KAFwC,EAGxC,MAHwC,EAIxC,MAJwC,EAKxC,KALwC,EAMxC,IANwC,EAOxC,MAPwC,EAQxC,KARwC,EASxC,KATwC,EAUxC,IAVwC,EAWxC,KAXwC,EAYxC,KAZwC,CAApC,CAAR;AAcAN,QAAQ,CAAC5B,eAAD,EAAkBF,IAAI,CAACqC,SAAvB,EAAkC,CAAC,SAAD,CAAlC,CAAR;AACAP,QAAQ,CAAC3B,YAAD,EAAe,SAAf,EAA0B,CAC9B,IAD8B,EAE9B,KAF8B,EAG9B,KAH8B,EAI9B,KAJ8B,EAK9B,GAL8B,EAM9B,IAN8B,EAO9B,OAP8B,EAQ9B,KAR8B,EAS9B,IAT8B,EAU9B,KAV8B,EAW9B,KAX8B,EAY9B,MAZ8B,EAa9B,KAb8B,EAc9B,QAd8B,EAe9B,GAf8B,EAgB9B,MAhB8B,EAiB9B,IAjB8B,EAkB9B,KAlB8B,EAmB9B,MAnB8B,EAoB9B,MApB8B,EAqB9B,IArB8B,EAsB9B,MAtB8B,EAuB9B,MAvB8B,EAwB9B,GAxB8B,EAyB9B,MAzB8B,EA0B9B,IA1B8B,EA2B9B,IA3B8B,EA4B9B,IA5B8B,EA6B9B,KA7B8B,EA8B9B,IA9B8B,EA+B9B,OA/B8B,EAgC9B,YAhC8B,EAiC9B,IAjC8B,EAkC9B,IAlC8B,EAmC9B,KAnC8B,EAoC9B,MApC8B,EAqC9B,OArC8B,EAsC9B,QAtC8B,EAuC9B,KAvC8B,EAwC9B,KAxC8B,EAyC9B,KAzC8B,EA0C9B,IA1C8B,EA2C9B,IA3C8B,EA4C9B,KA5C8B,EA6C9B,OA7C8B,EA8C9B,KA9C8B,EA+C9B,KA/C8B,EAgD9B,KAhD8B,EAiD9B,MAjD8B,CAA1B,CAAR;AAmDA2B,QAAQ,CAACzB,WAAD,EAAc,SAAd,EAAyB,CAAC,KAAD,CAAzB,CAAR;AACAyB,QAAQ,CAACpB,mBAAD,EAAsB,SAAtB,EAAiC,CAAC,IAAD,CAAjC,CAAR;AACAoB,QAAQ,CAACxB,wBAAD,EAA2B,SAA3B,EAAsC,CAAC,KAAD,EAAQ,MAAR,EAAgB,MAAhB,EAAwB,MAAxB,CAAtC,CAAR;AACAwB,QAAQ,CAACvB,kBAAD,EAAqB,SAArB,EAAgC,CAAC,MAAD,CAAhC,CAAR;AACAuB,QAAQ,CAACtB,oBAAD,EAAuB,SAAvB,EAAkC,CAAC,QAAD,CAAlC,CAAR;AACAsB,QAAQ,CAACrB,oBAAD,EAAuB,SAAvB,EAAkC,CAAC,QAAD,EAAW,SAAX,CAAlC,CAAR;AACAqB,QAAQ,CAACnB,aAAD,EAAgB,SAAhB,EAA2B,CAC/B,KAD+B,EAE/B,KAF+B,EAG/B,KAH+B,EAI/B,KAJ+B,EAK/B,KAL+B,EAM/B,KAN+B,EAO/B,MAP+B,EAQ/B,MAR+B,EAS/B,KAT+B,EAU/B,KAV+B,EAW/B,KAX+B,EAY/B,IAZ+B,EAa/B,KAb+B,EAc/B,KAd+B,EAe/B,KAf+B,EAgB/B,KAhB+B,EAiB/B,KAjB+B,EAkB/B,KAlB+B,EAmB/B,MAnB+B,CAA3B,CAAR;AAqBAmB,QAAQ,CAAClB,gBAAD,EAAmB,SAAnB,EAA8B,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,KAAzB,CAA9B,CAAR;AACAkB,QAAQ,CAACjB,eAAD,EAAkB,SAAlB,EAA6B,CAAC,KAAD,CAA7B,CAAR;AACAiB,QAAQ,CAAChB,eAAD,EAAkB,SAAlB,EAA6B,CAAC,SAAD,CAA7B,CAAR;AACAgB,QAAQ,CAACf,WAAD,EAAc,SAAd,EAAyB,CAAC,KAAD,CAAzB,CAAR;AACAe,QAAQ,CAACd,aAAD,EAAgB,SAAhB,EAA2B,CAAC,OAAD,CAA3B,CAAR;AACAc,QAAQ,CAACb,iBAAD,EAAoB,SAApB,EAA+B,CAAC,KAAD,CAA/B,CAAR;AACAa,QAAQ,CAACZ,kBAAD,EAAqB,SAArB,EAAgC,CAAC,KAAD,EAAQ,MAAR,CAAhC,CAAR;AACAY,QAAQ,CAACX,oBAAD,EAAuB,SAAvB,EAAkC,CAAC,KAAD,CAAlC,CAAR;AACAW,QAAQ,CAACV,mBAAD,EAAsB,SAAtB,EAAiC,CAAC,KAAD,EAAQ,KAAR,CAAjC,CAAR;AACAU,QAAQ,CAACT,YAAD,EAAerB,IAAI,CAACsC,UAApB,EAAgC,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAA2C,QAA3C,EAAqD,KAArD,CAAhC,CAAR;AACAR,QAAQ,CAACR,cAAD,EAAiB,SAAjB,EAA4B,CAAC,KAAD,EAAQ,OAAR,EAAiB,KAAjB,EAAwB,KAAxB,EAA+B,KAA/B,EAAsC,KAAtC,EAA6C,KAA7C,CAA5B,CAAR;AACAQ,QAAQ,CAACP,cAAD,EAAiB,SAAjB,EAA4B,CAAC,KAAD,CAA5B,CAAR;AACAO,QAAQ,CAACN,aAAD,EAAgB,SAAhB,EAA2B,CAC/B,KAD+B,EAE/B,KAF+B,EAG/B,KAH+B,EAI/B,KAJ+B,EAK/B,KAL+B,EAM/B,MAN+B,EAO/B,KAP+B,EAQ/B,KAR+B,EAS/B,KAT+B,EAU/B,KAV+B,EAW/B,MAX+B,EAY/B,KAZ+B,EAa/B,KAb+B,EAc/B,KAd+B,EAe/B,IAf+B,EAgB/B,IAhB+B,EAiB/B,KAjB+B,CAA3B,CAAR;AAmBAM,QAAQ,CAACL,YAAD,EAAe,SAAf,EAA0B,CAAC,KAAD,EAAQ,MAAR,CAA1B,CAAR;AACAK,QAAQ,CAACJ,WAAD,EAAc,SAAd,EAAyB,CAAC,KAAD,CAAzB,CAAR;AACAI,QAAQ,CAACH,WAAD,EAAc,SAAd,EAAyB,CAAC,KAAD,CAAzB,CAAR;AACAG,QAAQ,CAACF,WAAD,EAAc5B,IAAI,CAACqC,SAAnB,EAA8B,CAAC,KAAD,EAAQ,KAAR,CAA9B,CAAR;AAEA,OAAO,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACJ,SAAD,EAAyC;AAC7D,SAAOA,SAAS,IAAIN,OAAO,CAACM,SAAD,CAApB,GAAkCN,OAAO,CAACM,SAAD,CAAP,CAAmBH,KAArD,GAA6DhC,IAAI,CAACsC,UAAzE;AACH,CAFM;AAIP,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CAACL,SAAD,EAAwC;AAC3D,SAAOA,SAAS,IAAIN,OAAO,CAACM,SAAD,CAApB,GAAkCN,OAAO,CAACM,SAAD,CAAP,CAAmBJ,IAArD,GAA4D3B,eAAnE;AACH,CAFM","sourcesContent":["/**\n * Note: This map is intentionally kept separate from other icon maps, such as FileIcon. Preview only shows\n * file-specific loading icons for file types that can be previewed. Unsupported files show a default\n * icon, even if they have a relevant thumbnail/icon that is displayed within the item list, for example.\n */\nimport * as vars from '../../styles/variables';\nimport IconFileAudio from '../../icon/content/FileAudio32';\nimport IconFileBoxNote from '../../icon/content/FileBoxNote32';\nimport IconFileCode from '../../icon/content/FileCode32';\nimport IconFileDefault from '../../icon/content/FileDefault32';\nimport IconFileDwg from '../../icon/content/FileDwg32';\nimport IconFileExcelSpreadsheet from '../../icon/content/FileExcel32';\nimport IconFileGoogleDocs from '../../icon/content/FileDocs32';\nimport IconFileGoogleSheets from '../../icon/content/FileSheets32';\nimport IconFileGoogleSlides from '../../icon/content/FileSlides32';\nimport IconFileIllustrator from '../../icon/content/FileIllustrator32';\nimport IconFileImage from '../../icon/content/FileImage32';\nimport IconFileIndesign from '../../icon/content/FileIndesign32';\nimport IconFileKeynote from '../../icon/content/FileKeynote32';\nimport IconFileNumbers from '../../icon/content/FileNumbers32';\nimport IconFilePDF from '../../icon/content/FilePdf32';\nimport IconFilePages from '../../icon/content/FilePages32';\nimport IconFilePhotoshop from '../../icon/content/FilePhotoshop32';\nimport IconFilePowerpoint from '../../icon/content/FilePowerpoint32';\nimport IconFilePresentation from '../../icon/content/FilePresentation32';\nimport IconFileSpreadsheet from '../../icon/content/FileSpreadsheet32';\nimport IconFileText from '../../icon/content/FileText32';\nimport IconFileThreeD from '../../icon/content/FileThreeD32';\nimport IconFileVector from '../../icon/content/FileVector32';\nimport IconFileVideo from '../../icon/content/FileVideo32';\nimport IconFileWord from '../../icon/content/FileWord32';\nimport IconFileXbd from '../../icon/content/FileXbd32';\nimport IconFileXdw from '../../icon/content/FileXdw32';\nimport IconFileZip from '../../icon/content/FileZip32';\nimport { SVGProps } from '../accessible-svg/AccessibleSVG';\n\ntype Config = { color: string; icon: Icon };\ntype Configs = { [key: string]: Config }; // { docx: { color: '#333', icon: IconFileWord }\ntype Icon = (props: SVGProps) => JSX.Element;\n\nconst configs: Configs = {};\nconst register = (icon: Icon, color: string, extensions: string[]): void => {\n    extensions.forEach(extension => {\n        configs[extension] = { color, icon };\n    });\n};\n\nregister(IconFileAudio, vars.bdlPurpleRain, [\n    'aac',\n    'aif',\n    'aifc',\n    'aiff',\n    'amr',\n    'au',\n    'flac',\n    'm4a',\n    'mp3',\n    'ra',\n    'wav',\n    'wma',\n]);\nregister(IconFileBoxNote, vars.bdlGray20, ['boxnote']);\nregister(IconFileCode, '#E33D55', [\n    'as',\n    'as3',\n    'asm',\n    'bat',\n    'c',\n    'cc',\n    'cmake',\n    'cpp',\n    'cs',\n    'css',\n    'cxx',\n    'diff',\n    'erb',\n    'groovy',\n    'h',\n    'haml',\n    'hh',\n    'htm',\n    'html',\n    'java',\n    'js',\n    'json',\n    'less',\n    'm',\n    'make',\n    'md',\n    'ml',\n    'mm',\n    'php',\n    'pl',\n    'plist',\n    'properties',\n    'py',\n    'rb',\n    'rst',\n    'sass',\n    'scala',\n    'script',\n    'scm',\n    'sml',\n    'sql',\n    'sh',\n    'vi',\n    'vim',\n    'xhtml',\n    'xml',\n    'xsd',\n    'xsl',\n    'yaml',\n]);\nregister(IconFileDwg, '#009AED', ['dwg']);\nregister(IconFileIllustrator, '#FF9400', ['ai']);\nregister(IconFileExcelSpreadsheet, '#107C41', ['xls', 'xlsm', 'xlsx', 'xlsb']);\nregister(IconFileGoogleDocs, '#4083F7', ['gdoc']);\nregister(IconFileGoogleSheets, '#21A464', ['gsheet']);\nregister(IconFileGoogleSlides, '#F7BA00', ['gslide', 'gslides']);\nregister(IconFileImage, '#3FB87F', [\n    'bmp',\n    'cr2',\n    'crw',\n    'dcm',\n    'dng',\n    'gif',\n    'heic',\n    'jpeg',\n    'jpg',\n    'nef',\n    'png',\n    'ps',\n    'raf',\n    'raw',\n    'svg',\n    'swf',\n    'tga',\n    'tif',\n    'tiff',\n]);\nregister(IconFileIndesign, '#FF57A1', ['idml', 'indd', 'indt', 'inx']);\nregister(IconFileKeynote, '#007AFF', ['key']);\nregister(IconFileNumbers, '#00A650', ['numbers']);\nregister(IconFilePDF, '#D0021B', ['pdf']);\nregister(IconFilePages, '#FF9500', ['pages']);\nregister(IconFilePhotoshop, '#26C9FF', ['psd']);\nregister(IconFilePowerpoint, '#C43E1C', ['ppt', 'pptx']);\nregister(IconFilePresentation, '#F7931D', ['odp']);\nregister(IconFileSpreadsheet, '#3FB87F', ['csv', 'tsv']);\nregister(IconFileText, vars.bdlBoxBlue, ['log', 'msg', 'ods', 'odt', 'rtf', 'txt', 'webdoc', 'wpd']);\nregister(IconFileThreeD, '#F7931D', ['3ds', 'box3d', 'dae', 'fbx', 'obj', 'ply', 'stl']);\nregister(IconFileVector, '#F7931D', ['eps']);\nregister(IconFileVideo, '#009AED', [\n    '3g2',\n    '3gp',\n    'avi',\n    'flv',\n    'm2v',\n    'm2ts',\n    'm4v',\n    'mkv',\n    'mov',\n    'mp4',\n    'mpeg',\n    'mpg',\n    'mts',\n    'ogg',\n    'qt',\n    'ts',\n    'wmv',\n]);\nregister(IconFileWord, '#185ABD', ['doc', 'docx']);\nregister(IconFileXbd, '#00838D', ['xbd']);\nregister(IconFileXdw, '#00838D', ['xdw']);\nregister(IconFileZip, vars.bdlGray20, ['tgz', 'zip']);\n\nexport const getColor = (extension?: string): Config['color'] => {\n    return extension && configs[extension] ? configs[extension].color : vars.bdlBoxBlue;\n};\n\nexport const getIcon = (extension?: string): Config['icon'] => {\n    return extension && configs[extension] ? configs[extension].icon : IconFileDefault;\n};\n"],"file":"previewIcons.js"}

package/es/components/search-form/SearchForm.scss

@@ -17,11 +17,6 @@
         border: 0;
         cursor: pointer;
 
-        &:hover,
-        &:focus {
-            outline: none;
-        }
-
         path {
             transition: fill linear .1s;
         }

package/es/components/selector-dropdown/SelectorDropdown.js

@@ -189,7 +189,10 @@ function (_React$Component) {
           }
 
           break;
-        // no default
+
+        default:
+          _this.handleInput();
+
       }
     });
 
@@ -334,7 +337,7 @@ function (_React$Component) {
         return React.createElement(React.Fragment, null, hasDivider && React.createElement("hr", {
           className: "SelectorDropdown-divider"
         }), React.cloneElement(item, itemProps));
-      })); // change onKeyPress/onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280
+      })); // change onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280
       // We're simulating the blur event with the tab key listener and the
       // click listener as a proxy because IE will trigger a blur when
       // using the scrollbar in the dropdown which indavertently closes the dropdown.
@@ -344,7 +347,6 @@ function (_React$Component) {
           className: classNames('SelectorDropdown', className),
           onFocus: this.handleFocus,
           onKeyDown: this.handleKeyDown,
-          onKeyPress: this.handleInput,
           onPaste: this.handleInput,
           ref: this.selectorDropdownRef
         }, React.cloneElement(selector, {

package/es/components/selector-dropdown/SelectorDropdown.js.flow

@@ -204,7 +204,8 @@ class SelectorDropdown extends React.Component<Props, State> {
                     this.resetActiveItem();
                 }
                 break;
-            // no default
+            default:
+                this.handleInput();
         }
     };
 
@@ -296,7 +297,7 @@ class SelectorDropdown extends React.Component<Props, State> {
             </ul>
         );
 
-        // change onKeyPress/onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280
+        // change onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280
 
         // We're simulating the blur event with the tab key listener and the
         // click listener as a proxy because IE will trigger a blur when
@@ -307,7 +308,6 @@ class SelectorDropdown extends React.Component<Props, State> {
                 className={classNames('SelectorDropdown', className)}
                 onFocus={this.handleFocus}
                 onKeyDown={this.handleKeyDown}
-                onKeyPress={this.handleInput}
                 onPaste={this.handleInput}
                 ref={this.selectorDropdownRef}
             >

package/es/components/selector-dropdown/SelectorDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/selector-dropdown/SelectorDropdown.js"],"names":["React","classNames","uniqueId","scrollIntoView","ScrollWrapper","OVERLAY_WRAPPER_CLASS","stopDefaultEvent","event","preventDefault","stopPropagation","SelectorDropdown","props","index","setState","activeItemIndex","setActiveItemID","id","scrollBoundarySelector","itemEl","document","getElementById","scrollOptions","block","boundary","querySelector","activeItemID","prevChildren","children","childrenCount","Children","count","prevChildrenCount","childrenKeys","map","child","key","prevChildrenKeys","some","childKey","openDropdown","container","selectorDropdownRef","current","isInside","target","Node","contains","closeDropdown","isAlwaysOpen","onEnter","state","isDropdownOpen","nextIndex","setActiveItem","prevIndex","selectItem","resetActiveItem","shouldOpen","shouldSetActiveItemOnOpen","addEventListener","handleDocumentClick","removeEventListener","onSelect","listboxID","createRef","haveChildrenChanged","dividerIndex","overlayTitle","className","title","selector","shouldScroll","isOpen","inputProps","role","list","toLowerCase","item","itemProps","onClick","onMouseDown","onMouseEnter","isActive","hasDivider","cloneElement","handleFocus","handleKeyDown","handleInput","Component"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport uniqueId from 'lodash/uniqueId';\n\nimport { scrollIntoView } from '../../utils/dom';\nimport ScrollWrapper from '../scroll-wrapper';\nimport { OVERLAY_WRAPPER_CLASS } from '../../constants';\n\nimport './SelectorDropdown.scss';\n\nfunction stopDefaultEvent(event) {\n    event.preventDefault();\n    event.stopPropagation();\n}\n\ntype Props = {\n    /** Options to render in the dropdown filtered based on the input text */\n    children?: React.Node,\n    /** CSS class for the wrapper div */\n    className?: string,\n    /** Index at which to insert the divider */\n    dividerIndex?: number,\n    /** Options to keep the results always open */\n    isAlwaysOpen?: boolean,\n    /** Function called on keyboard \"Enter\" event only if enter does not trigger selection */\n    onEnter?: (event: SyntheticKeyboardEvent<HTMLDivElement>) => void,\n    /** Function called with the index of the selected option and the event (selected by keyboard or click) */\n    onSelect?: Function,\n    /** Optional title of the overlay */\n    overlayTitle?: string,\n    /** A CSS selector matching the element to use as a boundary when auto-scrolling dropdown elements into view. When not provided, boundary will be determined by scrollIntoView utility function */\n    scrollBoundarySelector?: string,\n    /** Component containing an input text field and takes `inputProps` to spread onto the input element */\n    selector: React.Element<any>,\n    /** Boolean to indicate whether the dropdown should scroll */\n    shouldScroll?: boolean,\n    /** Determines whether or not the first item is highlighted automatically when the dropdown opens */\n    shouldSetActiveItemOnOpen?: boolean,\n    /** Optional title text that will be rendered above the list */\n    title?: React.Node,\n};\n\ntype State = {\n    activeItemID: string | null,\n    activeItemIndex: number,\n    shouldOpen: boolean,\n};\n\nclass SelectorDropdown extends React.Component<Props, State> {\n    constructor(props: Props) {\n        super(props);\n\n        this.listboxID = uniqueId('listbox');\n\n        this.state = {\n            activeItemID: null,\n            activeItemIndex: -1,\n            shouldOpen: false,\n        };\n\n        this.selectorDropdownRef = React.createRef();\n    }\n\n    componentDidUpdate({ shouldSetActiveItemOnOpen, children }: Props) {\n        if (this.haveChildrenChanged(children)) {\n            // For UX purposes filtering the items is equivalent\n            // to re-opening the dropdown. In such cases we highlight\n            // the first item when configured to do so\n            if (shouldSetActiveItemOnOpen) {\n                this.setActiveItem(0);\n            } else {\n                this.resetActiveItem();\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        // just in case event listener was added during openDropdown() but the component\n        // gets unmounted without closeDropdown()\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    setActiveItem = (index: number) => {\n        this.setState({ activeItemIndex: index });\n        if (index === -1) {\n            this.setActiveItemID(null);\n        }\n    };\n\n    setActiveItemID = (id: string | null) => {\n        const { scrollBoundarySelector } = this.props;\n        const itemEl = id ? document.getElementById(id) : null;\n\n        const scrollOptions: Object = {\n            block: 'nearest',\n        };\n\n        // Allow null in case we want to clear the default\n        // boundary from scrollIntoView\n        if (typeof scrollBoundarySelector !== 'undefined') {\n            scrollOptions.boundary = document.querySelector(scrollBoundarySelector);\n        }\n\n        this.setState({ activeItemID: id }, () => {\n            scrollIntoView(itemEl, scrollOptions);\n        });\n    };\n\n    listboxID: string;\n\n    selectorDropdownRef: { current: null | HTMLDivElement };\n\n    haveChildrenChanged = (prevChildren?: React.Node) => {\n        const { children } = this.props;\n        const childrenCount = React.Children.count(children);\n        const prevChildrenCount = React.Children.count(prevChildren);\n\n        if (childrenCount !== prevChildrenCount) {\n            return true;\n        }\n\n        if (childrenCount === 0) {\n            return false;\n        }\n\n        const childrenKeys = React.Children.map(children, child => child.key);\n        const prevChildrenKeys = React.Children.map(prevChildren, child => child.key);\n        return childrenKeys.some((childKey, index) => childKey !== prevChildrenKeys[index]);\n    };\n\n    resetActiveItem = () => {\n        this.setState({\n            activeItemID: null,\n            activeItemIndex: -1,\n        });\n    };\n\n    handleFocus = () => {\n        this.openDropdown();\n    };\n\n    handleDocumentClick = (event: MouseEvent) => {\n        const container = this.selectorDropdownRef.current;\n        const isInside =\n            (container && event.target instanceof Node && container.contains(event.target)) ||\n            container === event.target;\n\n        if (!isInside) {\n            this.closeDropdown();\n        }\n    };\n\n    handleInput = () => {\n        this.openDropdown();\n    };\n\n    handleKeyDown = (event: SyntheticKeyboardEvent<HTMLDivElement>) => {\n        const { children, isAlwaysOpen, onEnter } = this.props;\n        const { activeItemIndex } = this.state;\n        const childrenCount = React.Children.count(children);\n\n        switch (event.key) {\n            case 'ArrowDown':\n                if (this.isDropdownOpen()) {\n                    if (childrenCount) {\n                        stopDefaultEvent(event);\n                    }\n                    const nextIndex = activeItemIndex === childrenCount - 1 ? -1 : activeItemIndex + 1;\n                    this.setActiveItem(nextIndex);\n                } else {\n                    this.openDropdown();\n                }\n                break;\n            case 'ArrowUp':\n                if (this.isDropdownOpen()) {\n                    if (childrenCount) {\n                        stopDefaultEvent(event);\n                    }\n                    const prevIndex = activeItemIndex === -1 ? childrenCount - 1 : activeItemIndex - 1;\n                    this.setActiveItem(prevIndex);\n                } else {\n                    this.openDropdown();\n                }\n                break;\n            case 'Enter':\n                if (activeItemIndex !== -1 && this.isDropdownOpen()) {\n                    stopDefaultEvent(event);\n                    this.selectItem(activeItemIndex, event);\n                } else if (onEnter) {\n                    onEnter(event);\n                }\n                break;\n            case 'Tab':\n                if (this.isDropdownOpen()) {\n                    this.closeDropdown();\n                    this.resetActiveItem();\n                }\n                break;\n            case 'Escape':\n                if (!isAlwaysOpen && this.isDropdownOpen()) {\n                    stopDefaultEvent(event);\n                    this.closeDropdown();\n                    this.resetActiveItem();\n                }\n                break;\n            // no default\n        }\n    };\n\n    isDropdownOpen = () => {\n        const { children, isAlwaysOpen } = this.props;\n        const { shouldOpen } = this.state;\n        const childrenCount = React.Children.count(children);\n        return childrenCount > 0 && (!!isAlwaysOpen || shouldOpen);\n    };\n\n    openDropdown = () => {\n        if (!this.state.shouldOpen) {\n            const { shouldSetActiveItemOnOpen } = this.props;\n\n            if (shouldSetActiveItemOnOpen) {\n                this.setActiveItem(0);\n            }\n            this.setState({ shouldOpen: true });\n            document.addEventListener('click', this.handleDocumentClick, true);\n        }\n    };\n\n    closeDropdown = () => {\n        this.setState({ shouldOpen: false });\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    };\n\n    selectItem = (index: number, event: SyntheticEvent<>) => {\n        const { onSelect } = this.props;\n        if (onSelect) {\n            onSelect(index, event);\n        }\n        this.closeDropdown();\n    };\n\n    render() {\n        const { listboxID, selectItem, setActiveItem, setActiveItemID, closeDropdown } = this;\n        const { dividerIndex, overlayTitle, children, className, title, selector, shouldScroll } = this.props;\n        const { activeItemID, activeItemIndex } = this.state;\n        const isOpen = this.isDropdownOpen();\n        const inputProps: Object = {\n            'aria-activedescendant': activeItemID,\n            'aria-autocomplete': 'list',\n            'aria-expanded': isOpen,\n            role: 'combobox',\n        };\n        if (isOpen) {\n            inputProps['aria-owns'] = listboxID;\n        }\n\n        const list = (\n            <ul\n                className={classNames('overlay', overlayTitle ? overlayTitle.toLowerCase() : '')}\n                id={listboxID}\n                role=\"listbox\"\n            >\n                {overlayTitle && <h5 className=\"SelectorDropdown-title\">{overlayTitle}</h5>}\n                {React.Children.map(children, (item, index) => {\n                    const itemProps: Object = {\n                        onClick: event => {\n                            selectItem(index, event);\n                        },\n                        /* preventDefault on mousedown so blur doesn't happen before click */\n                        onMouseDown: event => {\n                            event.preventDefault();\n                        },\n                        onMouseEnter: () => {\n                            setActiveItem(index);\n                        },\n                        closeDropdown: () => {\n                            closeDropdown();\n                        },\n                        setActiveItemID,\n                    };\n\n                    if (index === activeItemIndex) {\n                        itemProps.isActive = true;\n                    }\n\n                    const hasDivider = index === dividerIndex;\n\n                    return (\n                        <>\n                            {hasDivider && <hr className=\"SelectorDropdown-divider\" />}\n                            {React.cloneElement(item, itemProps)}\n                        </>\n                    );\n                })}\n            </ul>\n        );\n\n        // change onKeyPress/onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280\n\n        // We're simulating the blur event with the tab key listener and the\n        // click listener as a proxy because IE will trigger a blur when\n        // using the scrollbar in the dropdown which indavertently closes the dropdown.\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div\n                className={classNames('SelectorDropdown', className)}\n                onFocus={this.handleFocus}\n                onKeyDown={this.handleKeyDown}\n                onKeyPress={this.handleInput}\n                onPaste={this.handleInput}\n                ref={this.selectorDropdownRef}\n            >\n                {React.cloneElement(selector, { inputProps })}\n                {isOpen && (\n                    <div className={`${OVERLAY_WRAPPER_CLASS} is-visible`}>\n                        {title}\n                        {shouldScroll ? <ScrollWrapper>{list}</ScrollWrapper> : list}\n                    </div>\n                )}\n            </div>\n        );\n    }\n}\n\nexport default SelectorDropdown;\n"],"file":"SelectorDropdown.js"}
+{"version":3,"sources":["../../../src/components/selector-dropdown/SelectorDropdown.js"],"names":["React","classNames","uniqueId","scrollIntoView","ScrollWrapper","OVERLAY_WRAPPER_CLASS","stopDefaultEvent","event","preventDefault","stopPropagation","SelectorDropdown","props","index","setState","activeItemIndex","setActiveItemID","id","scrollBoundarySelector","itemEl","document","getElementById","scrollOptions","block","boundary","querySelector","activeItemID","prevChildren","children","childrenCount","Children","count","prevChildrenCount","childrenKeys","map","child","key","prevChildrenKeys","some","childKey","openDropdown","container","selectorDropdownRef","current","isInside","target","Node","contains","closeDropdown","isAlwaysOpen","onEnter","state","isDropdownOpen","nextIndex","setActiveItem","prevIndex","selectItem","resetActiveItem","handleInput","shouldOpen","shouldSetActiveItemOnOpen","addEventListener","handleDocumentClick","removeEventListener","onSelect","listboxID","createRef","haveChildrenChanged","dividerIndex","overlayTitle","className","title","selector","shouldScroll","isOpen","inputProps","role","list","toLowerCase","item","itemProps","onClick","onMouseDown","onMouseEnter","isActive","hasDivider","cloneElement","handleFocus","handleKeyDown","Component"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport uniqueId from 'lodash/uniqueId';\n\nimport { scrollIntoView } from '../../utils/dom';\nimport ScrollWrapper from '../scroll-wrapper';\nimport { OVERLAY_WRAPPER_CLASS } from '../../constants';\n\nimport './SelectorDropdown.scss';\n\nfunction stopDefaultEvent(event) {\n    event.preventDefault();\n    event.stopPropagation();\n}\n\ntype Props = {\n    /** Options to render in the dropdown filtered based on the input text */\n    children?: React.Node,\n    /** CSS class for the wrapper div */\n    className?: string,\n    /** Index at which to insert the divider */\n    dividerIndex?: number,\n    /** Options to keep the results always open */\n    isAlwaysOpen?: boolean,\n    /** Function called on keyboard \"Enter\" event only if enter does not trigger selection */\n    onEnter?: (event: SyntheticKeyboardEvent<HTMLDivElement>) => void,\n    /** Function called with the index of the selected option and the event (selected by keyboard or click) */\n    onSelect?: Function,\n    /** Optional title of the overlay */\n    overlayTitle?: string,\n    /** A CSS selector matching the element to use as a boundary when auto-scrolling dropdown elements into view. When not provided, boundary will be determined by scrollIntoView utility function */\n    scrollBoundarySelector?: string,\n    /** Component containing an input text field and takes `inputProps` to spread onto the input element */\n    selector: React.Element<any>,\n    /** Boolean to indicate whether the dropdown should scroll */\n    shouldScroll?: boolean,\n    /** Determines whether or not the first item is highlighted automatically when the dropdown opens */\n    shouldSetActiveItemOnOpen?: boolean,\n    /** Optional title text that will be rendered above the list */\n    title?: React.Node,\n};\n\ntype State = {\n    activeItemID: string | null,\n    activeItemIndex: number,\n    shouldOpen: boolean,\n};\n\nclass SelectorDropdown extends React.Component<Props, State> {\n    constructor(props: Props) {\n        super(props);\n\n        this.listboxID = uniqueId('listbox');\n\n        this.state = {\n            activeItemID: null,\n            activeItemIndex: -1,\n            shouldOpen: false,\n        };\n\n        this.selectorDropdownRef = React.createRef();\n    }\n\n    componentDidUpdate({ shouldSetActiveItemOnOpen, children }: Props) {\n        if (this.haveChildrenChanged(children)) {\n            // For UX purposes filtering the items is equivalent\n            // to re-opening the dropdown. In such cases we highlight\n            // the first item when configured to do so\n            if (shouldSetActiveItemOnOpen) {\n                this.setActiveItem(0);\n            } else {\n                this.resetActiveItem();\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        // just in case event listener was added during openDropdown() but the component\n        // gets unmounted without closeDropdown()\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    setActiveItem = (index: number) => {\n        this.setState({ activeItemIndex: index });\n        if (index === -1) {\n            this.setActiveItemID(null);\n        }\n    };\n\n    setActiveItemID = (id: string | null) => {\n        const { scrollBoundarySelector } = this.props;\n        const itemEl = id ? document.getElementById(id) : null;\n\n        const scrollOptions: Object = {\n            block: 'nearest',\n        };\n\n        // Allow null in case we want to clear the default\n        // boundary from scrollIntoView\n        if (typeof scrollBoundarySelector !== 'undefined') {\n            scrollOptions.boundary = document.querySelector(scrollBoundarySelector);\n        }\n\n        this.setState({ activeItemID: id }, () => {\n            scrollIntoView(itemEl, scrollOptions);\n        });\n    };\n\n    listboxID: string;\n\n    selectorDropdownRef: { current: null | HTMLDivElement };\n\n    haveChildrenChanged = (prevChildren?: React.Node) => {\n        const { children } = this.props;\n        const childrenCount = React.Children.count(children);\n        const prevChildrenCount = React.Children.count(prevChildren);\n\n        if (childrenCount !== prevChildrenCount) {\n            return true;\n        }\n\n        if (childrenCount === 0) {\n            return false;\n        }\n\n        const childrenKeys = React.Children.map(children, child => child.key);\n        const prevChildrenKeys = React.Children.map(prevChildren, child => child.key);\n        return childrenKeys.some((childKey, index) => childKey !== prevChildrenKeys[index]);\n    };\n\n    resetActiveItem = () => {\n        this.setState({\n            activeItemID: null,\n            activeItemIndex: -1,\n        });\n    };\n\n    handleFocus = () => {\n        this.openDropdown();\n    };\n\n    handleDocumentClick = (event: MouseEvent) => {\n        const container = this.selectorDropdownRef.current;\n        const isInside =\n            (container && event.target instanceof Node && container.contains(event.target)) ||\n            container === event.target;\n\n        if (!isInside) {\n            this.closeDropdown();\n        }\n    };\n\n    handleInput = () => {\n        this.openDropdown();\n    };\n\n    handleKeyDown = (event: SyntheticKeyboardEvent<HTMLDivElement>) => {\n        const { children, isAlwaysOpen, onEnter } = this.props;\n        const { activeItemIndex } = this.state;\n        const childrenCount = React.Children.count(children);\n\n        switch (event.key) {\n            case 'ArrowDown':\n                if (this.isDropdownOpen()) {\n                    if (childrenCount) {\n                        stopDefaultEvent(event);\n                    }\n                    const nextIndex = activeItemIndex === childrenCount - 1 ? -1 : activeItemIndex + 1;\n                    this.setActiveItem(nextIndex);\n                } else {\n                    this.openDropdown();\n                }\n                break;\n            case 'ArrowUp':\n                if (this.isDropdownOpen()) {\n                    if (childrenCount) {\n                        stopDefaultEvent(event);\n                    }\n                    const prevIndex = activeItemIndex === -1 ? childrenCount - 1 : activeItemIndex - 1;\n                    this.setActiveItem(prevIndex);\n                } else {\n                    this.openDropdown();\n                }\n                break;\n            case 'Enter':\n                if (activeItemIndex !== -1 && this.isDropdownOpen()) {\n                    stopDefaultEvent(event);\n                    this.selectItem(activeItemIndex, event);\n                } else if (onEnter) {\n                    onEnter(event);\n                }\n                break;\n            case 'Tab':\n                if (this.isDropdownOpen()) {\n                    this.closeDropdown();\n                    this.resetActiveItem();\n                }\n                break;\n            case 'Escape':\n                if (!isAlwaysOpen && this.isDropdownOpen()) {\n                    stopDefaultEvent(event);\n                    this.closeDropdown();\n                    this.resetActiveItem();\n                }\n                break;\n            default:\n                this.handleInput();\n        }\n    };\n\n    isDropdownOpen = () => {\n        const { children, isAlwaysOpen } = this.props;\n        const { shouldOpen } = this.state;\n        const childrenCount = React.Children.count(children);\n        return childrenCount > 0 && (!!isAlwaysOpen || shouldOpen);\n    };\n\n    openDropdown = () => {\n        if (!this.state.shouldOpen) {\n            const { shouldSetActiveItemOnOpen } = this.props;\n\n            if (shouldSetActiveItemOnOpen) {\n                this.setActiveItem(0);\n            }\n            this.setState({ shouldOpen: true });\n            document.addEventListener('click', this.handleDocumentClick, true);\n        }\n    };\n\n    closeDropdown = () => {\n        this.setState({ shouldOpen: false });\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    };\n\n    selectItem = (index: number, event: SyntheticEvent<>) => {\n        const { onSelect } = this.props;\n        if (onSelect) {\n            onSelect(index, event);\n        }\n        this.closeDropdown();\n    };\n\n    render() {\n        const { listboxID, selectItem, setActiveItem, setActiveItemID, closeDropdown } = this;\n        const { dividerIndex, overlayTitle, children, className, title, selector, shouldScroll } = this.props;\n        const { activeItemID, activeItemIndex } = this.state;\n        const isOpen = this.isDropdownOpen();\n        const inputProps: Object = {\n            'aria-activedescendant': activeItemID,\n            'aria-autocomplete': 'list',\n            'aria-expanded': isOpen,\n            role: 'combobox',\n        };\n        if (isOpen) {\n            inputProps['aria-owns'] = listboxID;\n        }\n\n        const list = (\n            <ul\n                className={classNames('overlay', overlayTitle ? overlayTitle.toLowerCase() : '')}\n                id={listboxID}\n                role=\"listbox\"\n            >\n                {overlayTitle && <h5 className=\"SelectorDropdown-title\">{overlayTitle}</h5>}\n                {React.Children.map(children, (item, index) => {\n                    const itemProps: Object = {\n                        onClick: event => {\n                            selectItem(index, event);\n                        },\n                        /* preventDefault on mousedown so blur doesn't happen before click */\n                        onMouseDown: event => {\n                            event.preventDefault();\n                        },\n                        onMouseEnter: () => {\n                            setActiveItem(index);\n                        },\n                        closeDropdown: () => {\n                            closeDropdown();\n                        },\n                        setActiveItemID,\n                    };\n\n                    if (index === activeItemIndex) {\n                        itemProps.isActive = true;\n                    }\n\n                    const hasDivider = index === dividerIndex;\n\n                    return (\n                        <>\n                            {hasDivider && <hr className=\"SelectorDropdown-divider\" />}\n                            {React.cloneElement(item, itemProps)}\n                        </>\n                    );\n                })}\n            </ul>\n        );\n\n        // change onPaste back to onInput when React fixes this IE11 bug: https://github.com/facebook/react/issues/7280\n\n        // We're simulating the blur event with the tab key listener and the\n        // click listener as a proxy because IE will trigger a blur when\n        // using the scrollbar in the dropdown which indavertently closes the dropdown.\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div\n                className={classNames('SelectorDropdown', className)}\n                onFocus={this.handleFocus}\n                onKeyDown={this.handleKeyDown}\n                onPaste={this.handleInput}\n                ref={this.selectorDropdownRef}\n            >\n                {React.cloneElement(selector, { inputProps })}\n                {isOpen && (\n                    <div className={`${OVERLAY_WRAPPER_CLASS} is-visible`}>\n                        {title}\n                        {shouldScroll ? <ScrollWrapper>{list}</ScrollWrapper> : list}\n                    </div>\n                )}\n            </div>\n        );\n    }\n}\n\nexport default SelectorDropdown;\n"],"file":"SelectorDropdown.js"}

package/es/components/tab-view/Tabs.scss

@@ -107,10 +107,6 @@
         }
     }
 
-    .tab:focus {
-        outline: 1px dotted $primary-color;
-    }
-
     .tab:hover,
     .tab:focus {
         .tab-title {

package/es/components/tooltip/Tooltip.js

@@ -165,6 +165,8 @@ function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
       if (event.key === 'Escape') {
+        event.stopPropagation();
+
         _this.setState({
           isShown: false
         });
@@ -200,16 +202,32 @@ function (_React$Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      // Reset wasClosedByUser state when isShown transitions from false to true
-      if (this.isControlled()) {
+    value: function componentDidUpdate(prevProps, prevState) {
+      var isControlled = this.isControlled(); // Reset wasClosedByUser state when isShown transitions from false to true
+
+      if (isControlled) {
         if (!prevProps.isShown && this.props.isShown) {
           this.setState({
             wasClosedByUser: false
           });
         }
+      } else {
+        if (!prevState.isShown && this.state.isShown) {
+          // capture event so that tooltip closes before any other floating components that can be closed by
+          // "Escape" key(e.g. Modal, Menu, etc.)
+          document.addEventListener('keydown', this.handleKeyDown, true);
+        }
+
+        if (prevState.isShown && !this.state.isShown) {
+          document.removeEventListener('keydown', this.handleKeyDown, true);
+        }
       }
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('keydown', this.handleKeyDown, true);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -271,7 +289,6 @@ function (_React$Component) {
       if (!isControlled) {
         componentProps.onBlur = this.handleBlur;
         componentProps.onFocus = this.handleFocus;
-        componentProps.onKeyDown = this.handleKeyDown;
         componentProps.onMouseEnter = this.handleMouseEnter;
         componentProps.onMouseLeave = this.handleMouseLeave;