linear-react-components-ui 1.1.2-beta.9 → 1.1.2

package/lib/inputs/select/multiple/Selecteds.js

@@ -11,17 +11,15 @@ const Selecteds = _ref => {
     currents,
     descriptionKey,
     idKey,
-    handleOnUnselect
+    handlerOnUnselect
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currents.map(selected => /*#__PURE__*/_react.default.createElement("div", {
     className: "selecteditem",
     key: "selected-".concat(selected[idKey])
-  }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("span", {
+  }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("button", {
     className: "close",
-    role: "button",
     tabIndex: -1,
-    onKeyPress: () => {},
-    onClick: () => handleOnUnselect(selected[idKey])
+    onClick: () => handlerOnUnselect(selected[idKey])
   }))));
 };
 var _default = exports.default = Selecteds;

package/lib/inputs/select/multiple/index.d.ts

@@ -5,6 +5,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
 import 'react';
 import '../../../@types/Period.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
 
 declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
 

package/lib/inputs/select/multiple/index.js

@@ -24,7 +24,8 @@ const MultipleSelect = props => {
     handlerClear,
     value = [],
     remoteSearch = false,
-    descriptionKey
+    descriptionKey,
+    showClearButton
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -40,6 +41,7 @@ const MultipleSelect = props => {
   const dropdownRef = (0, _react.useRef)(null);
   const selectWrapper = (0, _react.useRef)();
   const gridElRef = (0, _react.useRef)();
+  const inputTextRef = (0, _react.useRef)(null);
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const onScreenResize = () => {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
@@ -53,12 +55,12 @@ const MultipleSelect = props => {
     }
   };
   const onMouseMove = event => {
-    const {
-      target
-    } = event;
-    if (target.className === '') return;
-    const insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
-    setInsideComponent(insideComponents);
+    var _dropdownRef$current, _dropdownRef$current$;
+    const target = event.target;
+    const idDropdown = ((_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : (_dropdownRef$current$ = _dropdownRef$current.parentElement) === null || _dropdownRef$current$ === void 0 ? void 0 : _dropdownRef$current$.id) || '';
+    const dropdownElement = document.getElementById(idDropdown);
+    const keepDropdownOpen = Boolean(dropdownElement === null || dropdownElement === void 0 ? void 0 : dropdownElement.contains(target));
+    setInsideComponent(keepDropdownOpen);
   };
   const onClearClick = () => {
     setSelected(undefined);
@@ -94,6 +96,7 @@ const MultipleSelect = props => {
     setCurrents(currentsSelect);
     setDataCombo(dataSource);
     setInputValue([]);
+    if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
     setOpened(false);
     if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));
   };
@@ -101,11 +104,13 @@ const MultipleSelect = props => {
     if (currents) {
       const result = currents.filter(item => item[idKey] !== id);
       setCurrents(result);
+      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
+      setOpened(false);
       if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));
     }
   };
   const onOpenClose = () => {
-    setOpened(!opened);
+    setOpened(prevState => !prevState);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
   const onFocus = () => {
@@ -115,11 +120,16 @@ const MultipleSelect = props => {
   };
   const onBlur = e => {
     if (props.onBlur) props.onBlur(e);
-    if (!insideComponent) setOpened(false);
+    if (!insideComponent) {
+      setOpened(false);
+      setDataCombo(dataSource);
+    }
   };
   const onInputKeyDown = e => {
     if (e.keyCode) {
       if (e.keyCode === constants.keyCodes.ENTER && selected) {
+        var _e$preventDefault;
+        (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
         if (!currents.includes(selected)) onSelect(selected);
       } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
         if (!opened) setOpened(true);
@@ -190,6 +200,17 @@ const MultipleSelect = props => {
     ref: componentRef,
     className: "select-component"
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    inputRef: ref => {
+      if (props.inputRef) {
+        if (!_lodash.default.isFunction(props.inputRef)) {
+          props.inputRef.current = ref;
+        } else {
+          props.inputRef(ref);
+        }
+      }
+      inputTextRef.current = ref;
+    },
+    autoComplete: "off",
     value: inputValue.toString(),
     readOnly: shouldBeReadOnly(),
     onFocus: () => {
@@ -208,21 +229,19 @@ const MultipleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: setOnDenied,
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
+    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      showClearButton: showClearButton,
       disabled: shouldDisable() || shouldBeReadOnly(),
       dropDownOpened: opened,
-      handleClear: () => {
+      handlerClear: () => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handleOpenClose: () => {
-        onOpenClose();
-      }
-    }))
-  }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({
-    currents: currents
-  }, props, {
-    handleOnUnselect: onUnselect
+      handlerOpenClose: onOpenClose
+    })
+  }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, props, {
+    currents: currents,
+    handlerOnUnselect: onUnselect
   }))), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
     selected: selected,
     selectFieldRef: componentRef,

package/lib/inputs/select/simple/index.d.ts

@@ -5,6 +5,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
 import 'react';
 import '../../../@types/Period.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
 
 declare const SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;
 

package/lib/inputs/select/simple/index.js

@@ -19,7 +19,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const SimpleSelect = props => {
   const {
     value,
-    descriptionKey = '',
+    descriptionKey,
     dataSource = [],
     gridLayout,
     onSearch,
@@ -32,7 +32,9 @@ const SimpleSelect = props => {
     name = '',
     undigitable,
     searchOnDropdown = false,
-    allOptions = undefined
+    allOptions = undefined,
+    showClearButton = false,
+    searchNotFoundText
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const dataSourceWithAllOptions = allOptions ? [{
@@ -48,15 +50,11 @@ const SimpleSelect = props => {
   const [onDenied, setOnDeniedSelect] = (0, _react.useState)();
   const [isTyping, setIsTyping] = (0, _react.useState)(false);
   const dropdownRef = (0, _react.useRef)(null);
-  const componentId = "select-component".concat(uuid.v1());
+  const componentId = "select-component-".concat(name, "-").concat(uuid.v1());
   const componentRef = (0, _react.useRef)(null);
   const selectWrapper = (0, _react.useRef)();
   const gridElement = (0, _react.useRef)();
-  const clearSelected = () => {
-    setInputText('');
-    setSelected(null);
-    setDataCombo(dataSourceWithAllOptions);
-  };
+  const inputTextRef = (0, _react.useRef)(null);
   const onScreenResize = () => {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
@@ -70,10 +68,12 @@ const SimpleSelect = props => {
     }
   };
   const onMouseMove = event => {
+    var _dropdownRef$current2, _dropdownRef$current3;
     const target = event.target;
-    if (target.className === '') return;
-    const insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
-    setInsideComponent(insideComponents);
+    const idDropdown = ((_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : (_dropdownRef$current3 = _dropdownRef$current2.parentElement) === null || _dropdownRef$current3 === void 0 ? void 0 : _dropdownRef$current3.id) || '';
+    const dropdownElement = document.getElementById(idDropdown);
+    const keepDropdownOpen = Boolean(dropdownElement === null || dropdownElement === void 0 ? void 0 : dropdownElement.contains(target));
+    setInsideComponent(keepDropdownOpen);
   };
   const getSelectEvent = selectedEvent => ({
     target: {
@@ -99,12 +99,12 @@ const SimpleSelect = props => {
       });
       if (dataComboFilter && dataComboFilter.length > 0) {
         selectedFilter = dataComboFilter[0];
+        setSelected(selectedFilter);
       }
       setDataCombo(dataComboFilter);
     }
     setOpened(true);
     setInputText(valueFilter);
-    setSelected(selectedFilter);
     if (selectedFilter) {
       if (descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey] || !descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter)) {
         onChange(selectedFilter);
@@ -112,18 +112,22 @@ const SimpleSelect = props => {
     }
   };
   const onSelect = selectedDropdown => {
-    if (selectedDropdown === undefined) return;
-    setOpened(false);
+    if (!selectedDropdown) return;
     setSelected(selectedDropdown);
     if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
-    onChange(selectedDropdown);
+    new Promise(resolve => {
+      resolve(onChange(selectedDropdown));
+    }).finally(() => {
+      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
+      setOpened(false);
+    });
   };
   const onOpenClose = () => {
-    setOpened(!opened);
+    setOpened(prevState => !prevState);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
   const onFocus = () => {
-    setOpened(openDropdownOnFocus);
+    if (openDropdownOnFocus) setOpened(true);
     if (selectWrapper) {
       const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
       setDropdownWidth(dropdownWidthFocus);
@@ -133,15 +137,20 @@ const SimpleSelect = props => {
     if (props.onBlur) {
       const event = getSelectEvent(selected);
       props.onBlur(event);
-      if (selected) {
-        if (descriptionKeyIsString && inputText !== selected[descriptionKey] || !descriptionKeyIsString && inputText !== descriptionKey(selected)) {
-          clearSelected();
-        }
+      if (selected && descriptionKeyIsString && inputText !== selected[descriptionKey] || !descriptionKeyIsString && inputText !== descriptionKey(selected)) {
+        setSelected(null);
+        setInputText(inputText);
+        new Promise(resolve => {
+          resolve(onChange(null));
+        }).finally(() => {
+          onChange();
+        });
       }
     }
     if (!insideComponent) {
       setOpened(false);
       setIsTyping(false);
+      setDataCombo(dataSourceWithAllOptions);
     }
   };
   const onInputKeyDown = e => {
@@ -159,13 +168,22 @@ const SimpleSelect = props => {
           index = dataCombo && index === 0 ? (dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.length) - 1 : index - 1;
         }
         setSelected(dataCombo[index]);
+        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);
+        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));
       }
     }
     if (!isTyping) setIsTyping(true);
   };
   const onClearClick = () => {
-    setSelected(undefined);
-    setInputText('');
+    new Promise(resolve => {
+      resolve(onChange(null));
+    }).finally(() => {
+      setSelected(null);
+      setInputText('');
+      onChange();
+      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();
+      setOpened(false);
+    });
   };
   const setOnDenied = onDeniedSelect => {
     setOnDeniedSelect(onDeniedSelect);
@@ -228,6 +246,17 @@ const SimpleSelect = props => {
     ref: componentRef,
     className: "select-component"
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    inputRef: ref => {
+      if (props.inputRef) {
+        if (!_lodash.default.isFunction(props.inputRef)) {
+          props.inputRef.current = ref;
+        } else {
+          props.inputRef(ref);
+        }
+      }
+      inputTextRef.current = ref;
+    },
+    autoComplete: "off",
     readOnly: undigitable || shouldBeReadOnly(),
     value: inputText,
     onFocus: onFocus,
@@ -242,18 +271,18 @@ const SimpleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
+    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
       disabled: shouldDisable() || shouldBeReadOnly(),
+      showClearButton: showClearButton,
       dropDownOpened: opened,
-      handleClear: () => {
+      handlerClear: () => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handleOpenClose: () => {
-        onOpenClose();
-      }
-    }))
+      handlerOpenClose: onOpenClose
+    })
   })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
+    opened: opened,
     selected: selected,
     inputValue: inputText,
     selectFieldRef: componentRef,
@@ -267,9 +296,9 @@ const SimpleSelect = props => {
     handleOnKeydown: onInputKeyDown,
     handleOnBlur: () => onBlur,
     handleOnFocus: onFocus,
-    opened: opened,
     dataCombo: dataCombo,
-    dropdownWidth: dropdownWidth || 0
+    dropdownWidth: dropdownWidth || 0,
+    searchNotFoundText: searchNotFoundText
   })));
 };
 var _default = exports.default = SimpleSelect;

package/lib/inputs/select/types.d.ts

@@ -2,8 +2,10 @@ import { TextAlign } from '../../@types/Align.js';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
-import 'react';
+import { MutableRefObject } from 'react';
 import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 type AllOptions = {
     idValue?: number | null;
@@ -47,6 +49,7 @@ interface ISimpleSelectProps {
     autoFocus?: boolean;
     onFocus?: () => void;
     allOptions?: AllOptions;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -92,7 +95,7 @@ interface ISelectedsMultipleProps {
     idKey: string;
     descriptionKey: DescriptionKey;
     currents: DataCombo[];
-    handleOnUnselect: (id: string) => void;
+    handlerOnUnselect: (id: string) => void;
 }
 interface GetFilteredParams {
     dataSource: DataCombo[];
@@ -106,4 +109,4 @@ interface GetMultipleFilteredParams extends GetFilteredParams {
     inputText: number[] | string[];
 }
 
-export type { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/lib/inputs/text/types.d.ts

@@ -22,4 +22,4 @@ interface ITextField extends IBaseProps, CommonProperties {
     gridLayout?: string;
 }
 
-export type { ITextField };
+export { ITextField };

package/lib/inputs/textarea/index.d.ts

@@ -4,6 +4,8 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const TextArea: (props: ITextAreaProps) => JSX.Element;
 

package/lib/inputs/textarea/types.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 interface ITextAreaProps extends IBaseProps {
     rows?: number;
@@ -11,4 +13,4 @@ interface ITextAreaProps extends IBaseProps {
     type?: string;
 }
 
-export type { ITextAreaProps };
+export { ITextAreaProps };

package/lib/inputs/types.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
+import IMask from 'imask';
 import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
 import { IDrawerProps } from '../drawer/types.js';
 import { TextAlign } from '../@types/Align.js';
 import '../@types/Period.js';
+import '../internals/types.js';
 import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
@@ -62,7 +64,7 @@ interface IMaskHOCProps {
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     placeholderChar?: string;
     lazy?: boolean;
-    definitions?: object;
+    definitions?: IMask.AllMaskedOptions['definitions'];
     groups?: object;
     pattern?: string;
     format?: () => void;
@@ -97,7 +99,7 @@ interface IMaskHOCProps {
     rounded?: boolean;
     errorMessages?: string[];
     skeletonize?: boolean;
-    mask?: string | NumberConstructor;
+    mask?: IMask.AnyMask;
     isDateField?: boolean;
     autoCompleteMask?: 'left' | 'right';
 }
@@ -133,8 +135,8 @@ interface IDropdownSelectProps {
     align?: 'left' | 'right';
 }
 interface IActionButtonsSelectProps {
-    handleClear: () => void;
-    handleOpenClose: () => void;
+    handlerClear: () => void;
+    handlerOpenClose: () => void;
     dropDownOpened: boolean;
     showClearButton?: boolean;
     disabled?: boolean;
@@ -149,5 +151,10 @@ interface IButtonsProps {
     transparent: boolean;
     disabled?: boolean;
 }
+interface ErrorProps {
+    customClass?: string;
+    style?: React.CSSProperties;
+    messages?: string | string[];
+}
 
-export type { IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
+export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/lib/internals/types.d.ts

@@ -19,4 +19,4 @@ interface HasToolTipParams {
     tooltip?: string;
 }
 
-export type { GetDisplayNameParams, HasToolTipParams, WithTooltipProps };
+export { GetDisplayNameParams, HasToolTipParams, WithTooltipProps };

package/lib/internals/withTooltip.js

@@ -75,7 +75,7 @@ const withTooltip = WrappedComponent => {
           }
         }
       };
-    }, [errorMessage]);
+    }, [errorMessage, tooltip]);
     (0, _react.useEffect)(() => {
       if (targetElement.current && tooltipElement.current) {
         const {
@@ -106,7 +106,11 @@ const withTooltip = WrappedComponent => {
             break;
           case 'left':
             if (targetDimensions.left < tooltipClientWidth) {
-              setStateTooltipPosition('right');
+              if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+                setStateTooltipPosition('bottom');
+              } else {
+                setStateTooltipPosition('right');
+              }
             } else {
               style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
               style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6, "px");
@@ -125,7 +129,7 @@ const withTooltip = WrappedComponent => {
         }
         setTooltipStyle(style);
       }
-    }, [tooltipDimensions, tooltipElement.current, targetElement.current, stateTooltipPosition]);
+    }, [tooltipDimensions, stateTooltipPosition]);
     (0, _react.useEffect)(() => {
       setStateTooltipPosition(tooltipPosition);
     }, [window.scrollY, window.scrollX, window.innerWidth]);

package/lib/labelMessages/types.d.ts

@@ -17,4 +17,4 @@ interface ILabelMessagesProps {
     visible?: boolean;
 }
 
-export type { ILabelMessagesProps };
+export { ILabelMessagesProps };

package/lib/labels/types.d.ts

@@ -23,4 +23,4 @@ interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
     validationKey?: string;
 }
 
-export type { ILabelProps };
+export { ILabelProps };

package/lib/list/types.d.ts

@@ -63,4 +63,4 @@ interface IListContext {
     handleSelectItem: (itemId: string, onClick?: () => void) => void;
 }
 
-export type { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };
+export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };

package/lib/menus/float/index.d.ts

@@ -16,21 +16,21 @@ declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletoni
 }): JSX.Element;
 declare namespace SubMenuContainer {
     namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
-        let title: PropTypes.Requireable<string>;
-        let customClass: PropTypes.Requireable<string>;
-        let skeletonize: PropTypes.Requireable<boolean>;
-        let skeletonQtty: PropTypes.Requireable<number>;
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<string>;
+        const customClass: PropTypes.Requireable<string>;
+        const skeletonize: PropTypes.Requireable<boolean>;
+        const skeletonQtty: PropTypes.Requireable<number>;
     }
     namespace defaultProps {
-        let title_1: undefined;
+        const title_1: undefined;
         export { title_1 as title };
-        let customClass_1: undefined;
+        const customClass_1: undefined;
         export { customClass_1 as customClass };
-        let skeletonize_1: boolean;
+        const skeletonize_1: boolean;
         export { skeletonize_1 as skeletonize };
-        let skeletonQtty_1: number;
+        const skeletonQtty_1: number;
         export { skeletonQtty_1 as skeletonQtty };
     }
 }

package/lib/menus/float/types.d.ts

@@ -19,7 +19,7 @@ interface IFloatMenuItemProps {
     title?: string;
     url?: string;
     urlHref?: string;
-    iconName: IconNames;
+    iconName?: IconNames;
     iconColor?: string;
     iconSize?: SizePixels;
     customClass?: string;
@@ -27,4 +27,4 @@ interface IFloatMenuItemProps {
     onClick?: (dropdownClose?: () => void) => void;
 }
 
-export type { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };
+export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -32,17 +32,18 @@ const PopupMenuSearch = props => {
     style
   });
   const closeOnEsc = e => {
-    if (e.keyCode === 27 || e.key === 'ESC') {
+    if (e.key === 'Escape') {
       handlerClose();
+      e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
     body.appendChild(popupRef.current);
     if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keyup', closeOnEsc);
+    document.body.addEventListener('keydown', closeOnEsc);
     return () => {
       body.removeChild(popupRef.current);
-      document.body.removeEventListener('keyup', closeOnEsc);
+      document.body.removeEventListener('keydown', closeOnEsc);
     };
   }, []);
   (0, _react.useEffect)(() => {

package/lib/menus/sidenav/types.d.ts

@@ -60,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName: IconNames;
+    iconName?: IconNames;
 }
 interface IEmptyListProps {
     info?: string;
@@ -81,4 +81,4 @@ interface ISideNavContext {
 }
 type ITargetDimensions = DOMRect;
 
-export type { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
+export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };

package/lib/panel/types.d.ts

@@ -44,4 +44,4 @@ interface IParameterFunction {
     componentName: string;
 }
 
-export type { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };
+export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };

package/lib/popover/types.d.ts

@@ -20,4 +20,4 @@ interface IPopoverProps {
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
 }
 
-export type { IPopoverProps, PopoverTextProps, PopoverTitleProps };
+export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/progress/types.d.ts

@@ -34,4 +34,4 @@ interface ILabelParams {
     value?: number;
 }
 
-export type { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };
+export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };

package/lib/radio/types.d.ts

@@ -18,4 +18,4 @@ interface IRadioProps {
     forwardedRef?: Ref<HTMLInputElement>;
 }
 
-export type { IRadioProps };
+export { IRadioProps };