linear-react-components-ui 1.0.0-rc.5 → 1.0.0-rc.8

package/lib/assets/styles/commons.scss

@@ -116,6 +116,16 @@
   }
 }
 
+%skeleton-transparency {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgb(255,255,255);
+  background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
+    rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
+}
+
 /* Efeito utilizado para o componente Skeleton */
 @keyframes shimmer {
   0% {

package/lib/assets/styles/dropdown.scss

@@ -1,5 +1,6 @@
 @import "commons.scss";
 @import "effects.scss";
+@import "colors.scss";
 .dropdown-component {
   position: absolute;
   animation: 0.3s ease-in 0s 1 slideDown, revealelement 0.3s forwards ease-in-out;
@@ -75,12 +76,44 @@
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     animation: revealelement 0.3s forwards ease-in-out;
     margin-right: 7px;
-    > .floatmenuitem {
+    > .floatmenuitem,
+    > .floatsubmenu .floatmenuitem {
       text-decoration: none;
       color: #666666;
       text-align: center;
     }
-    > .floatmenuitem .-items {
+    > .floatsubmenu {
+      position: relative;
+      animation: slideWithPositionRightToLeft 0.4s;
+    }
+    > .floatsubmenu {
+        width: 100%;
+      > .submenuheader {
+        color: $font-color-soft;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 10px;
+        span {
+          font-weight: 500;
+        }
+      }
+      > .submenucontent {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
+
+        svg {
+          margin: 0 auto;
+        }
+      }
+    }
+    > .floatmenuitem .-items,
+    > .floatsubmenu .floatmenuitem .-items {
       border: solid 1px $default-hover-color;
       margin: 0 5px 5px 0;
       font-size: 12px;

package/lib/assets/styles/effects.scss

@@ -791,6 +791,17 @@
   }
 }
 
+@keyframes slideWithPositionRightToLeft {
+  from {
+    left: 100%;
+    opacity: 0;
+  }
+  to {
+    left: 0;
+    opacity: 1;
+  }
+}
+
 @keyframes slideRightToLeftWithFade {
   from {
     opacity: 0;

package/lib/assets/styles/list.scss

@@ -20,6 +20,14 @@ $item-height: 48px;
       line-height: 40px!important;
     }
   }
+  > .skeleton-transparency {
+    position: relative;
+    &::after {
+      @extend %skeleton-transparency;
+      top: 0;
+      left: 0;
+    }
+  }
 }
 
 .item-container {

package/lib/assets/styles/table.scss

@@ -1,5 +1,6 @@
 @import "colors.scss";
 @import "effects.scss";
+@import "commons.scss";
 
 .table-component {
   width: 100%;
@@ -23,13 +24,7 @@
   > .tbody {
     position: relative;
     &.skeleton-transparency::before {
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      background: rgb(255,255,255);
-      background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
-        rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
+      @extend %skeleton-transparency;
     }
   }
   > .headercontainer > .innertable > .theader > .trow,

package/lib/dialog/form/index.js

@@ -26,7 +26,9 @@ var ModalForm = function ModalForm(props) {
     _props$width = props.width,
     width = _props$width === void 0 ? '50%' : _props$width,
     _props$height = props.height,
-    height = _props$height === void 0 ? '50%' : _props$height;
+    height = _props$height === void 0 ? '50%' : _props$height,
+    content = props.content,
+    children = props.children;
   var overlayStyle = isWaiting ? {
     opacity: 0.4,
     pointerEvent: 'none'
@@ -54,7 +56,7 @@ var ModalForm = function ModalForm(props) {
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _extends({}, props.styleForContent, overlayStyle)
-  }, props.children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+  }, content || children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _extends({}, overlayStyle)
   }), props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {

package/lib/dialog/types.d.ts

@@ -40,6 +40,7 @@ interface IFormProps {
     closeOnOutsideClick?: boolean;
     closeOnEsc?: boolean;
     overlay?: boolean;
+    content?: ReactNode;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;

package/lib/drawer/Drawer.d.ts

@@ -2,6 +2,6 @@ import React__default from 'react';
 import { IDrawerProps } from './types.js';
 import '../@types/PermissionAttr.js';
 
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, }: IDrawerProps) => React__default.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, ...rest }: IDrawerProps) => React__default.ReactPortal;
 
 export { BaseDrawer as default };

package/lib/drawer/Drawer.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _permissionValidations = require("../permissionValidations");
+var _ = require(".");
+var _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -18,6 +20,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
 var BaseDrawer = function BaseDrawer(_ref) {
   var _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'left' : _ref$position,
@@ -30,7 +35,14 @@ var BaseDrawer = function BaseDrawer(_ref) {
     overlay = _ref.overlay,
     permissionAttr = _ref.permissionAttr,
     skeletonize = _ref.skeletonize,
-    handlerClose = _ref.handlerClose;
+    handlerClose = _ref.handlerClose,
+    customClassForDrawer = _ref.customClassForDrawer,
+    content = _ref.content,
+    title = _ref.title,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var headerProps = _extends({}, rest, {
+    title: title
+  });
   var drawerContainerEl = (0, _react.useRef)(document.createElement('div'));
   drawerContainerEl.current.className = 'drawercontainer';
   var drawerComponentEl = (0, _react.useRef)();
@@ -102,7 +114,9 @@ var BaseDrawer = function BaseDrawer(_ref) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "drawercontent",
       className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
-    }, children)));
+    }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
+      customClass: customClassForDrawer
+    })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children)));
   };
   return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
 };

package/lib/drawer/types.d.ts

@@ -6,6 +6,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     customClass?: string;
     customClassForContent?: string;
+    customClassForDrawer?: string;
     position?: string;
     handlerClose?: () => void;
     closeOnEsc?: boolean;
@@ -13,6 +14,8 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     skeletonize?: boolean;
     closeOnOutsideClick?: boolean;
+    content?: string;
+    title?: string;
 }
 interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
     showCloseButton?: boolean;

package/lib/dropdown/withDropdown.js

@@ -52,7 +52,7 @@ var withDropdown = function withDropdown(WrappedComponent) {
     }
     var onClickOutside = function onClickOutside(_ref) {
       var target = _ref.target;
-      if (popupRef && popupRef.current && target !== popupRef.current && !popupRef.current.contains(target) && wrappedComponentRef.current !== target) {
+      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !(popupRef !== null && popupRef !== void 0 && popupRef.current.contains(target)) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };

package/lib/form/FieldNumber.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,12 +9,16 @@ var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
+var constants = _interopRequireWildcard(require("../internals/constants"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-var getOnBlurEvent = function getOnBlurEvent(_ref) {
+var getEventProps = function getEventProps(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
+    _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
     handlerFieldChange = _ref.handlerFieldChange;
   return {
@@ -21,19 +26,22 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
       if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
+        handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
+        if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
+        if (_onKeyDown) _onKeyDown(e);
+      }
     }
   };
 };
 var FieldMask = function FieldMask(props) {
   var data = props.data,
-    name = props.name,
-    _onChange = props.onChange;
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getOnBlurEvent(props), {
+    name = props.name;
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(props), {
     errorMessages: (0, _helpers.getErrorMessages)(props),
-    value: _lodash.default.get(data, name),
-    onChange: function onChange(e) {
-      if (_onChange) _onChange(e);
-    }
+    value: _lodash.default.get(data, name)
   }));
 };
 var _default = (0, _withFieldHOC.default)(FieldMask);

package/lib/form/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties, ChangeEvent, ComponentType, MouseEventHandler } from 'react';
+import { ChangeEvent, ReactNode, CSSProperties, ComponentType, MouseEventHandler } from 'react';
 
 type Validator = (value: string) => string | undefined;
 type PeriodValidator = (value: {
@@ -8,6 +8,9 @@ type PeriodValidator = (value: {
 type OnFielChangeEvent = Event & {
     target: HTMLInputElement;
 };
+type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
+    keyCode: number;
+};
 interface IFormProps {
     dataSource: object;
     children: ReactNode;
@@ -33,12 +36,13 @@ interface IFieldProps extends WithFieldProps {
     name: string;
     value?: string;
     label?: string;
-    handlerFieldChange?: (event: ChangeEvent) => ChangeEvent;
+    handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => ChangeEvent;
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     component: ComponentType<any>;
     componentType?: 'Radio' | 'Checkbox';
     onChange?: (event: ChangeEvent) => ChangeEvent;
-    onBlur?: () => void;
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: ChangeEvent<HTMLInputElement>) => void;
     validators?: Validator | Validator[];
     fieldErrors?: {
         [name: string]: string[];
@@ -145,13 +149,14 @@ interface IFormSecurityContext {
     setSecurityBeforeUnload: (value: boolean) => void;
     securityBeforeUnload?: boolean;
 }
-interface IOnBlurParams {
+interface IEventParams {
     name: string;
     data?: object;
     validators?: Validator | Validator[];
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: CustomKeyboardEvent) => void;
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
-    handlerFieldChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
 }
 interface IGetErrorMessagesParams {
@@ -165,4 +170,4 @@ interface IGetErrorMessagesParams {
     externalMessagesErrors?: string[];
 }
 
-export { CustomEvent, FormContextProps, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IOnBlurParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
+export { CustomEvent, CustomKeyboardEvent, FormContextProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };

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

@@ -6,6 +6,8 @@ interface CustomInputEvent {
     preventDefault?: () => void;
     stopPropagation?: () => void;
     dataTransfer?: DataTransfer;
+    keyCode?: number;
+    code?: number;
     target: {
         value: string;
         name?: string;
@@ -38,7 +40,7 @@ interface IBaseProps {
         initial: string;
         final: string;
     }, period?: Period) => void;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent) => void;
     onKeyPress?: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onDragOver?: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement | HTMLDivElement>) => void;
     onDrop?: (e: DragEvent) => void;

package/lib/inputs/date/index.js

@@ -236,6 +236,7 @@ var DatePicker = function DatePicker(props) {
   }, [value]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
+    isDateField: true,
     mask: "00/00/0000",
     onComplete: function onComplete(e, date) {
       if (date) {
@@ -248,9 +249,7 @@ var DatePicker = function DatePicker(props) {
     onFocus: function onFocus(e) {
       onInputFocus(e);
     },
-    onKeyDown: function onKeyDown(event) {
-      onInputKeyDown(event);
-    },
+    onKeyDown: onInputKeyDown,
     onChange: function onChange(e, date) {
       if (date) onInputChange(e, date);
     },

package/lib/inputs/mask/BaseMask.js

@@ -7,28 +7,42 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _format_number = require("../number/format_number");
 var _excluded = ["inputRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-var getOnBlurEvent = function getOnBlurEvent(props) {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor da mascara sem formatacao.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    var name = event.target.name;
+    var value = props.defaultValue || '';
+    return _extends({}, event, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name: name
+      }
+    });
+  }
+  return event;
+};
+var getEventProps = function getEventProps(props) {
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
       if (props.onBlur) {
-        // Retornando um objeto com a mesma estrutura do Proxy original
-        // para recuperacao do valor da mascara sem formatacao.
-        // O retorno poderá ser modificado conforme necessidade, desde que seja
-        // mantido o path até a propriedade value e name.
-        var name = e.target.name;
-        var value = props.defaultValue || '';
-        props.onBlur({
-          target: {
-            value: value,
-            name: name
-          }
-        });
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onKeyDown(formattedEvent);
       }
     }
   };
@@ -38,7 +52,7 @@ var BaseMask = function BaseMask(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
-  }, getOnBlurEvent(props)));
+  }, getEventProps(props)));
 };
 var _default = (0, _imaskHOC.default)(BaseMask);
 exports.default = _default;

package/lib/inputs/mask/imaskHOC.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _imask = _interopRequireDefault(require("imask"));
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _permissionValidations = require("../../permissionValidations");
+var _format_number = require("../number/format_number");
 var _this = void 0;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -58,7 +59,9 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       dispatch = props.dispatch,
       _props$value = props.value,
       value = _props$value === void 0 ? '' : _props$value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      _props$isDateField = props.isDateField,
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
     var maskOptions = {
       placeholderChar: placeholderChar,
       lazy: lazy,
@@ -93,7 +96,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     var disableCallbacks = disabled || readOnly;
     var setValue = function setValue(newValue) {
       if (maskRef.current) {
-        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();else maskRef.current.value = String(newValue);
+        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
+        maskRef.current.value = String(newValue);
       }
     };
     var onAccept = function onAccept() {
@@ -157,7 +161,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     (0, _react.useEffect)(function () {
       if (maskOptions.mask && !dontInitMask) {
         if (maskRef.current) {
-          setValue(value);
+          var formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
+          setValue(formattedValue);
         } else {
           getMask();
         }
@@ -165,7 +170,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         destroyMask();
         if (value && elementRef.current) elementRef.current.value = value;
       }
-    }, [value]);
+    }, [value, isDateField]);
     (0, _react.useEffect)(function () {
       return destroyMask;
     }, []);

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

@@ -6,7 +6,7 @@ import '../../@types/Period.js';
 interface IBaseMaskProps {
     value?: string;
     onBlur?: (e: CustomInputEvent) => void;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;
     mask?: string | NumberConstructor;
     isNumeric?: boolean;
@@ -42,6 +42,9 @@ interface IBaseMaskProps {
     placeholderChar?: string;
     onFocus?: (e: CustomInputEvent) => void;
     required?: boolean;
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+    isDateField?: boolean;
 }
 interface ICnpjFieldProps extends IBaseMaskProps {
     value?: string;

package/lib/inputs/number/BaseNumber.js

@@ -9,37 +9,56 @@ var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _format_number = require("./format_number");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor formatado no padrão americano.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    var _event$target = event.target,
+      value = _event$target.value,
+      name = _event$target.name;
+    var teste = _extends({}, event, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name: name
+      }
+    });
+    return teste;
+  }
+  return event;
+};
+var getEventProps = function getEventProps(props) {
+  var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
+    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
+  if (props.isNumeric) return {};
+  return {
+    onBlur: function onBlur(e) {
+      if (props.onBlur) {
+        var formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
+        props.onKeyDown(formattedEvent);
+      }
+    }
+  };
+};
 var BaseNumber = function BaseNumber(props) {
-  var _props$returnFormatte = props.returnFormattedValueOnBlur,
-    returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
+  var eventProps = _extends({}, props, {
+    returnFormattedValueOnBlur: true,
+    returnFormattedValueOnKeyDown: true
+  });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
     radix: ",",
     mask: Number,
-    isNumeric: true,
-    onBlur: function onBlur(e) {
-      if (props.onBlur) {
-        if (returnFormattedValueOnBlur) {
-          // Retornando um objeto com a mesma estrutura do Proxy original
-          // para recuperacao do valor formatado no padrão americano.
-          // O retorno poderá ser modificado conforme necessidade, desde que seja
-          // mantido o path até a propriedade value e name.
-          var _ref = e.target,
-            value = _ref.value,
-            name = _ref.name;
-          props.onBlur({
-            target: {
-              value: value,
-              name: name
-            }
-          });
-        } else {
-          props.onBlur(e);
-        }
-      }
-    }
-  }, props));
+    isNumeric: true
+  }, props, getEventProps(eventProps)));
 };
 var _default = BaseNumber;
 exports.default = _default;

package/lib/inputs/number/Currency.d.ts

@@ -1,4 +1,4 @@
-import { ICurrenceProps } from './types.js';
+import { ICurrencyProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
@@ -7,6 +7,6 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../select/types.js';
 
-declare const CurrencyField: (props: ICurrenceProps) => JSX.Element;
+declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 
 export { CurrencyField as default };

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

@@ -21,10 +21,11 @@ interface IBaseNumberProps extends INumberFieldProps {
     leftElements?: JSX.Element | JSX.Element[];
     onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
 }
-interface ICurrenceProps extends INumberFieldProps {
+interface ICurrencyProps extends INumberFieldProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
 }
 
-export { IBaseNumberProps, ICurrenceProps, INumberFieldProps };
+export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };

package/lib/inputs/period/index.js

@@ -335,6 +335,7 @@ var PeriodPicker = function PeriodPicker(props) {
       setValue(e, date, false);
     },
     onFocus: onInputFocus,
+    isDateField: true,
     onChange: onInputChange,
     inputRef: function inputRef(el) {
       if (el) inputInitialRef.current = el;
@@ -351,6 +352,7 @@ var PeriodPicker = function PeriodPicker(props) {
     name: "valueFinal",
     value: !valueFinal ? '' : (0, _moment.default)(valueFinal).format('DD/MM/YYYY'),
     mask: "00/00/0000",
+    isDateField: true,
     onComplete: function onComplete(e, date) {
       setValue(e, date, false);
     },

package/lib/inputs/search/index.js

@@ -132,12 +132,12 @@ var SearchField = function SearchField(props) {
     customClass: "",
     handlerSetOnDenied: setOnDenied,
     rightElements: rightElements()
-  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
+  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, {
     handlerClose: function handlerClose() {
       setAdvancedFilterOpened(false);
       if (onStateChange) onStateChange(false);
     }
-  }, advancedFilterProps), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
+  }, headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
     title: headerTitle
   }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
 };

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

@@ -158,29 +158,31 @@ var MultipleSelect = function MultipleSelect(props) {
     if (!insideComponent) setOpened(false);
   };
   var onInputKeyDown = function onInputKeyDown(e) {
-    if (e.keyCode === constants.keyCodes.ENTER && selected) {
-      if (!currents.includes(selected)) onSelect(selected);
-    } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
-      if (!opened) setOpened(true);
-      var index = dataSource ? dataSource.findIndex(function (d) {
-        return d === selected;
-      }) : 0;
-      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-        index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
-      } else {
-        index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
-      }
-      if (dataSource && dataSource.length && dataSource[index][props.descriptionKey]) {
-        setInputValue(dataSource[index][props.descriptionKey]);
-      }
-      if (dataSource) setSelected(dataSource[index]);
-    } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
-      if (inputValue === '') {
-        var currentsKeyDown = _lodash.default.dropRight(currents);
-        setCurrents(currentsKeyDown);
-        if (props.onSelect) props.onSelect(currentsKeyDown.map(function (i) {
-          return i[idKey];
-        }));
+    if (e.keyCode) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
+        if (!currents.includes(selected)) onSelect(selected);
+      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
+        if (!opened) setOpened(true);
+        var index = dataSource ? dataSource.findIndex(function (d) {
+          return d === selected;
+        }) : 0;
+        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
+        } else {
+          index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
+        }
+        if (dataSource && dataSource.length && dataSource[index][props.descriptionKey]) {
+          setInputValue(dataSource[index][props.descriptionKey]);
+        }
+        if (dataSource) setSelected(dataSource[index]);
+      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
+        if (inputValue === '') {
+          var currentsKeyDown = _lodash.default.dropRight(currents);
+          setCurrents(currentsKeyDown);
+          if (props.onSelect) props.onSelect(currentsKeyDown.map(function (i) {
+            return i[idKey];
+          }));
+        }
       }
     }
   };
@@ -247,9 +249,7 @@ var MultipleSelect = function MultipleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
-    onKeyDown: function onKeyDown(e) {
-      onInputKeyDown(e);
-    },
+    onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
     inputBaseRef: function inputBaseRef(r) {
@@ -278,9 +278,7 @@ var MultipleSelect = function MultipleSelect(props) {
     gridWrapperStyle: props.gridLayout && gridElRef.current ? window.getComputedStyle(gridElRef.current) : undefined,
     handleOnSelect: onSelect,
     handleOnFilter: onFilter,
-    handleOnKeydown: function handleOnKeydown(e) {
-      return onInputKeyDown(e);
-    },
+    handleOnKeydown: onInputKeyDown,
     handleOnBlur: function handleOnBlur() {
       return _onBlur;
     },

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

@@ -171,20 +171,23 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   };
   var onInputKeyDown = function onInputKeyDown(e) {
-    if (e.keyCode === constants.keyCodes.ENTER && selected) {
-      e.preventDefault();
-      onSelect(selected);
-    } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
-      if (!opened) setOpened(true);
-      var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
-        return selected && d[idKey] === selected[idKey];
-      }) : 0;
-      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-        index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
-      } else {
-        index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
+    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);
+        onSelect(selected);
+      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
+        if (!opened) setOpened(true);
+        var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
+          return selected && d[idKey] === selected[idKey];
+        }) : 0;
+        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
+        } else {
+          index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
+        }
+        setSelected(dataSource[index]);
       }
-      setSelected(dataSource[index]);
     }
     if (!isTyping) setIsTyping(true);
   };
@@ -263,9 +266,7 @@ var SimpleSelect = function SimpleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
-    onKeyDown: function onKeyDown(e) {
-      onInputKeyDown(e);
-    },
+    onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
     inputBaseRef: function inputBaseRef(r) {

package/lib/inputs/types.d.ts

@@ -71,7 +71,7 @@ interface IMaskHOCProps {
     handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
     isNumeric?: boolean;
     required?: boolean;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     rightElements?: JSX.Element | JSX.Element[];
     labelUppercase?: boolean;
     readOnly?: boolean;
@@ -82,17 +82,13 @@ interface IMaskHOCProps {
     customClassForInputContent?: string;
     customClassForLabel?: string;
     textAlign?: string;
-    onBlur?: (e: {
-        target: {
-            value: string;
-            name?: string;
-        };
-    }) => void;
+    onBlur?: (e: CustomInputEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rounded?: boolean;
     errorMessages?: string[];
     skeletonize?: boolean;
     mask?: string | NumberConstructor;
+    isDateField?: boolean;
 }
 interface IDropdownSelectProps {
     idKey: string;
@@ -101,7 +97,7 @@ interface IDropdownSelectProps {
     showClearButton?: boolean;
     handleOnSelect: (item?: DataCombo) => void;
     handleOnFilter: (value: string) => void;
-    handleOnKeydown: (e: KeyboardEvent<Element>) => void;
+    handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
     handleOnBlur: (item: DataCombo) => void;
     handleOnFocus: () => void;
     opened: boolean;

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

@@ -2,6 +2,6 @@ import { IFloatMenuItemProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
 
-declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, }: IFloatMenuItemProps) => JSX.Element;
+declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => JSX.Element;
 
 export { MenuItem as default };

package/lib/menus/float/MenuItem.js

@@ -22,15 +22,23 @@ var MenuItem = function MenuItem(_ref) {
     iconColor = _ref$iconColor === void 0 ? 'gray' : _ref$iconColor,
     _ref$iconSize = _ref.iconSize,
     iconSize = _ref$iconSize === void 0 ? 24 : _ref$iconSize,
-    dropdownMenu = _ref.dropdownMenu;
+    dropdownMenu = _ref.dropdownMenu,
+    onClick = _ref.onClick;
   var _useContext = (0, _react.useContext)(_helpers.default),
     customClassMenuItem = _useContext.customClassMenuItem;
   var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
+  var handleOnClick = function handleOnClick() {
+    if (onClick) {
+      onClick(dropdownContext === null || dropdownContext === void 0 ? void 0 : dropdownContext.handleDropdownClose);
+      return;
+    }
+    if (dropdownContext) dropdownContext.handleDropdownClose();
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "floatmenuitem"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash.default.isEmpty(dropdownMenu) && /*#__PURE__*/_react.default.createElement(_buttons.default, {
+  }, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
     customClass: "floatmenudropdown",
     iconName: "more1",
     transparent: true,
@@ -41,10 +49,11 @@ var MenuItem = function MenuItem(_ref) {
   }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
     className: "floatmenulink",
     target: "_blank",
-    onClick: function onClick() {
-      if (dropdownContext) dropdownContext.handleDropdownClose();
-    },
+    onClick: handleOnClick,
     href: url,
+    style: {
+      cursor: onClick ? 'pointer' : undefined
+    },
     rel: "noreferrer"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "iconcontainer"

package/lib/menus/float/SubMenuContainer.js

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _skeleton = _interopRequireWildcard(require("../../skeleton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var renderChildren = function renderChildren(skeletonize, skeletonQtty, children) {
+  if (skeletonize && skeletonQtty) {
+    var skeletons = Array.from({
+      length: skeletonQtty
+    }, function (_, i) {
+      return i + 1;
+    });
+    return /*#__PURE__*/_react.default.createElement(_skeleton.SkeletonContainer, {
+      style: {
+        flexDirection: 'row',
+        flexFlow: 'row wrap'
+      }
+    }, skeletons.map(function (id) {
+      return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+        key: id,
+        height: 88,
+        width: 88,
+        style: {
+          flexGrow: 'unset',
+          marginBottom: 5
+        }
+      });
+    }));
+  }
+  return children;
+};
+var SubMenuContainer = function SubMenuContainer(_ref) {
+  var title = _ref.title,
+    customClass = _ref.customClass,
+    handlerGoBack = _ref.handlerGoBack,
+    skeletonize = _ref.skeletonize,
+    skeletonQtty = _ref.skeletonQtty,
+    children = _ref.children;
+  (0, _react.useEffect)(function () {
+    return function () {
+      handlerGoBack();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "floatsubmenu ".concat(customClass)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenuheader"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    onClick: handlerGoBack,
+    name: "arrowBack",
+    pointerEvents: "all",
+    style: {
+      cursor: 'pointer'
+    }
+  }), title && /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenucontent"
+  }, renderChildren(skeletonize, skeletonQtty, children)));
+};
+SubMenuContainer.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  handlerGoBack: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  skeletonize: _propTypes.default.bool,
+  skeletonQtty: _propTypes.default.number
+};
+SubMenuContainer.defaultProps = {
+  title: undefined,
+  customClass: undefined,
+  skeletonize: false,
+  skeletonQtty: 3
+};
+var _default = SubMenuContainer;
+exports.default = _default;

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

@@ -1,8 +1,38 @@
 export { default as MenuItem } from './MenuItem.js';
+import PropTypes from 'prop-types';
 import { IFloatMenuProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
 
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        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 {
+        const title_1: undefined;
+        export { title_1 as title };
+        const customClass_1: undefined;
+        export { customClass_1 as customClass };
+        const skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        const skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}
+
 declare const FloatMenu: (props: IFloatMenuProps) => JSX.Element;
 
-export { FloatMenu as default };
+export { SubMenuContainer, FloatMenu as default };

package/lib/menus/float/index.js

@@ -9,9 +9,16 @@ Object.defineProperty(exports, "MenuItem", {
     return _MenuItem.default;
   }
 });
+Object.defineProperty(exports, "SubMenuContainer", {
+  enumerable: true,
+  get: function get() {
+    return _SubMenuContainer.default;
+  }
+});
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
 var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 var _spinner = _interopRequireDefault(require("../../spinner"));
@@ -29,7 +36,9 @@ var FloatMenu = function FloatMenu(props) {
     isLoading = props.isLoading,
     customClassMenuItem = props.customClassMenuItem;
   var getSpinner = function getSpinner() {
-    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, null);
+    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      delayTime: 0
+    });
     return spinner;
   };
   var contextValues = {

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

@@ -22,6 +22,7 @@ interface IFloatMenuItemProps {
     iconSize?: SizePixels;
     customClass?: string;
     dropdownMenu?: ReactNode;
+    onClick?: (dropdownClose?: () => void) => void;
 }
 
 export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/index.d.ts

@@ -3,6 +3,7 @@ import './float/MenuItem.js';
 import './float/types.js';
 import 'react';
 import '../@types/SizePixels.js';
+import 'prop-types';
 
 
 

package/lib/menus/sidenav/index.js

@@ -91,7 +91,7 @@ var SideNav = function SideNav(props) {
       top = sideNavDimensions.top,
       width = sideNavDimensions.width,
       height = sideNavDimensions.height;
-    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY, "px; height: ").concat(height, "px;");
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
     return style;
   };
   var closeSearchMenuPopup = function closeSearchMenuPopup() {

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

@@ -84,6 +84,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
         selectable: true,
         onSelectItem: handlerClose,
         selectedItemId: defaultSelectedItemId,
+        selectOnEnter: true,
         style: {
           margin: '25px 0px',
           border: 'none',

package/lib/panel/Header.js

@@ -50,7 +50,7 @@ var PanelHeader = function PanelHeader(props) {
     style: style
   }, (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
-  }, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("h1", {
+  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
     className: "title ".concat(customClassForTitle),
     style: styleForTitle
   }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {

package/lib/tabs/DropdownItems.d.ts

@@ -4,6 +4,6 @@ import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
 
-declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element;
+declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element | null;
 
 export { DropdownItems as default };

package/lib/tabs/DropdownItems.js

@@ -59,7 +59,7 @@ var DropdownItems = function DropdownItems(_ref) {
         handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
       }
     })));
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }))) : null;
 };
 var _default = DropdownItems;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.8",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -14,6 +14,7 @@
     "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
+    "publish:npm:rc": "npm run lib && npm publish --tag rc",
     "prepare": "husky install",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watchAll --env=jsdom",