linear-react-components-ui 1.1.20-beta.41 → 1.1.20-beta.43

package/lib/assets/styles/button.scss

@@ -104,6 +104,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     opacity: 0.7;
     border: solid 1px $font-color-disabled;
     pointer-events: auto;
+    cursor: not-allowed;
   }
   &.-shadowsdisabled {
     box-shadow: none!important;

package/lib/assets/styles/effects.scss

@@ -135,12 +135,10 @@
 @keyframes revealelement {
   0% {
     color: transparent;
-    height: 0%;
     opacity: 0.0;
   }
   50% {
     color: inherit;
-    height: auto;
     opacity: 0.3;
   }
   100% {

package/lib/assets/styles/treetable.scss

@@ -78,13 +78,13 @@ table {
       display: flex;
       flex-direction: row;
       align-items: center;
+      justify-content: space-between;
     }
 
     span.container-toolbar-buttons {
-      width: 100%;
+      width: auto;
       height: auto;
       margin-left: 4px;
-      margin-right: 16px;
     }
 
     .row-toolbar {

package/lib/assets/styles/treeview.scss

@@ -1,6 +1,6 @@
 @import "./colors.scss";
 @import "./effects.scss";
-.treeview-component { 
+.treeview-component {
   display: flex;
   flex-direction: column;
   > .treeviewcontainer {
@@ -52,17 +52,17 @@
     align-items: center;
     min-height: 25px;
     color: $font-color-soft;
-    >.node-menu {
+    > .node-menu {
       animation: revealelement 0.3s forwards ease-in-out;
       margin-left: 10px;
     }
-    >.node-rightelements {
+    > .node-rightelements {
       animation: revealelement 0.3s forwards ease-in-out;
       display: flex;
       justify-content: flex-start;
       align-items: center;
     }
-    >.node-toolbarelements {
+    > .node-toolbarelements {
       animation: revealelement 0.3s forwards ease-in-out;
       width: auto;
       height: 100%;
@@ -82,15 +82,31 @@
   }
 }
 
-.nodelist > .treeviewitem > .label > .node-rightelements  > .element,
-.treeview-component > .treeviewcontainer > .treeviewitem > .label > .node-rightelements > .element {
+.nodelist > .treeviewitem > .label > .node-rightelements > .element,
+.treeview-component
+  > .treeviewcontainer
+  > .treeviewitem
+  > .label
+  > .node-rightelements
+  > .element {
   margin-left: 10px;
   display: flex;
   align-items: center;
   height: 100%;
 }
 
-.nodelist > .treeviewitem > .label > .node-toolbarelements > .toolbar-group > .buttonbar,
-.treeview-component > .treeviewcontainer > .treeviewitem > .label > .node-toolbarelements > .toolbar-group > .buttonbar {
+.nodelist
+  > .treeviewitem
+  > .label
+  > .node-toolbarelements
+  > .toolbar-group
+  > .buttonbar,
+.treeview-component
+  > .treeviewcontainer
+  > .treeviewitem
+  > .label
+  > .node-toolbarelements
+  > .toolbar-group
+  > .buttonbar {
   border: none;
 }

package/lib/buttons/DefaultButton.js

@@ -11,7 +11,7 @@ var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "errorMessage", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "onDeniedText"];
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "errorMessage", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "handlerClose", "onDeniedText", "tooltip", "tooltipWidth", "tooltipPosition"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -54,12 +54,15 @@ const DefaultButton = _ref => {
       permissionAttr,
       skeletonize,
       errorMessage,
-      tooltipWidth,
       isFloatMenu,
       dropdownAlign,
       customClassForDropdown,
       buttonRef,
-      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+      handlerClose,
+      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',
+      tooltip,
+      tooltipWidth,
+      tooltipPosition
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];

package/lib/buttons/types.d.ts

@@ -41,6 +41,7 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     customClassForDropdown?: string;
     dropdownAlign?: 'left' | 'right';
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    handlerClose?: (cb: () => void) => void;
     closeDropdownOnClickOutside?: boolean;
     errorMessage?: string;
     onDeniedText?: string;

package/lib/dialog/Alert.js

@@ -11,10 +11,14 @@ var _icons = _interopRequireDefault(require("../icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Alert = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
   const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     key: "confirm-buttom",
-    onClick: props.onConfirmClick,
-    label: "Confirmar"
+    onClick: onConfirmClick,
+    label: confirmLabel
   })];
   return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
     buttons: buttons,

package/lib/dialog/Error.js

@@ -11,10 +11,14 @@ var _icons = _interopRequireDefault(require("../../lib/icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Error = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
   const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     key: "confirm-buttom",
-    onClick: props.onConfirmClick,
-    label: "Confirmar"
+    onClick: onConfirmClick,
+    label: confirmLabel
   })];
   return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
     buttons: buttons,

package/lib/dialog/Information.js

@@ -11,10 +11,14 @@ var _icons = _interopRequireDefault(require("../../lib/icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Information = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
   const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     key: "confirm-buttom",
-    onClick: props.onConfirmClick,
-    label: "Confirmar"
+    onClick: onConfirmClick,
+    label: confirmLabel
   })];
   return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
     buttons: buttons,

package/lib/dialog/Question.js

@@ -18,7 +18,9 @@ const Question = props => {
     closeOnEsc = false,
     isWaiting,
     onConfirmClick,
-    onUnconfirmClick
+    onUnconfirmClick,
+    confirmLabel = 'Sim',
+    declineLabel = 'Não'
   } = props;
   const idUnconfirm = 'botao-unconfirm-click';
   const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
@@ -26,13 +28,13 @@ const Question = props => {
     disabled: isWaiting,
     onClick: onConfirmClick,
     isLoading: isWaiting,
-    label: "Sim"
+    label: confirmLabel
   }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     id: idUnconfirm,
     key: "no-buttom",
     disabled: isWaiting,
     onClick: onUnconfirmClick,
-    label: "N\xE3o"
+    label: declineLabel
   })];
   (0, _react.useLayoutEffect)(() => {
     const lastElementActive = document.activeElement;

package/lib/dialog/Warning.js

@@ -11,9 +11,13 @@ var _icons = _interopRequireDefault(require("../../lib/icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Warning = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
   const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
-    onClick: props.onConfirmClick,
-    label: "Confirmar",
+    onClick: onConfirmClick,
+    label: confirmLabel,
     key: 1
   })];
   return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {

package/lib/dialog/types.d.ts

@@ -48,6 +48,7 @@ interface ICommonDialogProps {
     onConfirmClick?: () => void;
     text?: string;
     title?: string;
+    confirmLabel?: string;
 }
 interface IQuestionProps {
     onUnconfirmClick: () => void;
@@ -58,6 +59,8 @@ interface IQuestionProps {
     title?: string;
     zIndex?: number | string;
     closeOnEsc?: boolean;
+    confirmLabel?: string;
+    declineLabel?: string;
 }
 interface ICustomProps {
     icon: ReactElement;

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPopUpProps } from './types.js';
 
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopUpProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -7,20 +7,36 @@ exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _uuid = require("uuid");
-const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
+const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth", "targetRef"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const getCalendarDropdownStyle = _ref => {
+const getDropdownStyles = _ref => {
   let {
-    topPosition,
-    leftPosition,
-    rightPosition,
     align,
     isFloatMenu,
-    minWidth
+    minWidth,
+    container,
+    target
   } = _ref;
-  let style = `top: ${topPosition + (isFloatMenu ? 6 : 2)}px; min-width: ${minWidth}px;`;
+  if (!container || !target) return '';
+  const targetDimensions = target.getBoundingClientRect();
+  const rightPosition = !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined;
+  const leftPosition = targetDimensions.left;
+  let topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;
+  let top = topPosition + (isFloatMenu ? 6 : 2);
+  let maxHeight = undefined;
+  let showScroll = false;
+  const isOverflowing = top + container.scrollHeight > window.innerHeight;
+  if (isOverflowing) {
+    const targetPosition = targetDimensions.top;
+    const containerHeight = container.scrollHeight;
+    showScroll = containerHeight > targetPosition;
+    maxHeight = showScroll ? targetPosition - 10 : containerHeight;
+    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
+  }
+  let style = `top: ${top}px; min-width: ${minWidth}px;`;
+  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
   if (align === 'left') {
     style += `left: ${leftPosition}px;`;
   } else if (align === 'right') {
@@ -28,7 +44,9 @@ const getCalendarDropdownStyle = _ref => {
   }
   return style;
 };
-const body = document.getElementsByTagName('body')[0];
+const {
+  body
+} = document;
 const DropdownPopup = _ref2 => {
   let {
       id,
@@ -38,20 +56,13 @@ const DropdownPopup = _ref2 => {
       topPosition = 0,
       leftPosition = 0,
       rightPosition = 0,
-      minWidth = 0
+      minWidth = 0,
+      targetRef
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
   const popup = (0, _react.useRef)(document.createElement('div'));
   popup.current.className = `dropdown-component ${customClassForDropdown}`;
   popup.current.dataset.testid = 'dropdown-component';
-  popup.current.style.cssText = getCalendarDropdownStyle({
-    topPosition,
-    leftPosition,
-    rightPosition,
-    align,
-    isFloatMenu,
-    minWidth
-  });
   if (popup && popup.current) {
     const modalContainers = document.body.getElementsByClassName('modalcontainer');
     const lastModalContainer = modalContainers[modalContainers.length - 1];
@@ -60,6 +71,16 @@ const DropdownPopup = _ref2 => {
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
     popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
+    popup.current.style.cssText = getDropdownStyles({
+      topPosition,
+      leftPosition,
+      rightPosition,
+      align,
+      isFloatMenu,
+      minWidth,
+      container: popup.current,
+      target: targetRef
+    });
     return () => {
       body.removeChild(popup.current);
     };

package/lib/dropdown/types.d.ts

@@ -10,6 +10,7 @@ interface WithDropdownProps {
     closeDropdownOnClickOutside?: boolean;
     showDropdown?: () => void;
     isFloatMenu?: boolean;
+    handlerClose?: (cb: () => void) => void;
 }
 interface WrappedComponentProps extends WithDropdownProps {
     getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
@@ -31,14 +32,17 @@ interface IPopUpProps {
     leftPosition?: number;
     rightPosition?: number;
     minWidth?: number;
+    targetRef?: HTMLElement;
 }
-interface GetCalendarDropdownStyleParams {
+interface GetDropdownStyleParams {
     align: 'left' | 'right';
     minWidth: number;
     isFloatMenu: boolean;
     topPosition: number;
     leftPosition: number;
     rightPosition: number;
+    container?: HTMLDivElement;
+    target?: HTMLElement;
 }
 
-export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
+export { GetDisplayNameParams, GetDropdownStyleParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.js

@@ -20,6 +20,7 @@ const withDropdown = WrappedComponent => {
       showDropdown,
       dropdown,
       closeDropdownOnClickOutside = true,
+      handlerClose,
       customClassForDropdown,
       children,
       dropdownAlign = 'left',
@@ -48,11 +49,8 @@ const withDropdown = WrappedComponent => {
     const getDropdown = targetRef => {
       if (!targetRef || !opened) return null;
       wrappedComponentRef.current = targetRef;
-      const targetDimensions = targetRef.getBoundingClientRect();
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
-        rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
-        leftPosition: targetDimensions.left,
+        targetRef: targetRef,
         align: dropdownAlign,
         customClassForDropdown: customClassForDropdown,
         isFloatMenu: isFloatMenu
@@ -73,6 +71,9 @@ const withDropdown = WrappedComponent => {
         }
       };
     }, []);
+    (0, _react.useEffect)(() => {
+      if (handlerClose) handlerClose(() => setOpened(false));
+    }, [handlerClose]);
     const contextValues = {
       handleDropdownClose: onDropdownClick
     };

package/lib/inputs/base/InputTextBase.js

@@ -72,7 +72,8 @@ const InputTextBase = props => {
     readOnlyClass,
     autoComplete = 'on',
     themePopover = 'light',
-    popoverAlign = 'left'
+    popoverAlign = 'left',
+    tabIndex
   } = props;
   let propsInput;
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
@@ -86,7 +87,11 @@ const InputTextBase = props => {
   (0, _react.useEffect)(() => {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
-  const applyTabIndex = () => readOnly ? -1 : 0;
+  const applyTabIndex = () => {
+    if (readOnly) return -1;
+    if (tabIndex) return tabIndex;
+    return 0;
+  };
   const shouldDisable = () => disabled || onDenied.disabled;
   const shouldBeReadOnly = () => readOnly || onDenied.readOnly;
   const inputProps = () => {

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

@@ -95,6 +95,7 @@ interface IBaseProps {
     autoComplete?: 'on' | 'off';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabIndex?: number;
 }
 
 export { CustomInputEvent, IBaseProps, InputLabelProps };

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

@@ -37,13 +37,13 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, p
     required?: boolean | undefined;
     returnFormattedValueOnBlur?: boolean | undefined;
     returnFormattedValueOnKeyDown?: boolean | undefined;
-    autoCompleteMask?: "left" | "right" | undefined;
+    autoCompleteMask?: "right" | "left" | undefined;
     definitions?: any;
     mask?: any;
     hint?: string | string[] | undefined;
     hintPosition?: "below" | "onLabelRight" | undefined;
     themePopover?: "dark" | "light" | undefined;
-    popoverAlign?: "left" | "right" | undefined;
+    popoverAlign?: "right" | "left" | undefined;
     placeholderChar: string;
     min: any;
     max: any;

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

@@ -12,6 +12,6 @@ import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
+declare const BaseNumber: ({ value, ...props }: IBaseNumberProps) => JSX.Element;
 
 export { BaseNumber as default };

package/lib/inputs/number/BaseNumber.js

@@ -7,8 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _format_number = require("./format_number");
+const _excluded = ["value"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -54,13 +57,17 @@ const getEventProps = props => {
     }
   };
 };
-const BaseNumber = props => {
+const BaseNumber = _ref => {
+  let {
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const eventProps = _objectSpread(_objectSpread({}, props), {}, {
     returnFormattedValueOnBlur: true,
     returnFormattedValueOnKeyDown: true
   });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: (0, _format_number.numberToPtBR)(props.value),
+    value: (0, _format_number.numberToPtBR)(value ?? 0),
     thousandsSeparator: ".",
     radix: ",",
     mask: Number,

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

@@ -12,6 +12,6 @@ import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
+declare const CurrencyField: ({ displayCurrencySymbol, ...props }: ICurrencyProps) => JSX.Element;
 
 export { CurrencyField as default };

package/lib/inputs/number/Currency.js

@@ -6,17 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+const _excluded = ["displayCurrencySymbol"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const CurrencyField = props => {
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const CurrencyField = _ref => {
+  let {
+      displayCurrencySymbol
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     currencySymbol = 'R$'
   } = props;
-  const leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
+  const leftElements = displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
     className: "currency-symbol"
   }, currencySymbol) : [];
-  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({
     leftElements: leftElements
-  }));
+  }, props));
 };
 var _default = exports.default = CurrencyField;

package/lib/popover/PopoverText.d.ts

@@ -4,6 +4,7 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
 declare const PopoverText: React__default.ForwardRefExoticComponent<PopoverTextProps & React__default.RefAttributes<HTMLParagraphElement>>;
 

package/lib/popover/PopoverTitle.d.ts

@@ -4,6 +4,7 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
 declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
 

package/lib/popover/index.d.ts

@@ -6,10 +6,8 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
-declare const _default: {
-    (props: IPopoverProps): JSX.Element;
-    displayName: string;
-};
+declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => JSX.Element;
 
-export { _default as default };
+export { Popover as default };

package/lib/popover/index.js

@@ -21,21 +21,26 @@ var _buttons = _interopRequireDefault(require("../buttons"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _PopoverText = _interopRequireDefault(require("./PopoverText"));
 var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
-var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 require("../assets/styles/popover.scss");
+const _excluded = ["children", "align", "theme", "iconName", "iconSize", "iconColor", "customClass", "style", "customStyle"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const Popover = _ref => {
   let {
-    children,
-    align = 'left',
-    theme = 'dark',
-    iconName,
-    iconSize = 16,
-    iconColor = '',
-    customClass = '',
-    style
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      children,
+      align = 'left',
+      theme = 'dark',
+      iconName,
+      iconSize = 16,
+      iconColor = '',
+      customClass = '',
+      style,
+      customStyle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
     round: true,
     dropdown: true,
     transparent: true,
@@ -55,9 +60,10 @@ const Popover = _ref => {
     onClick: e => {
       e.preventDefault();
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${customClass} popovercontainer -${theme}`,
-    "data-testid": "popover-container"
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: `popovercontainer -${theme} ${customClass}`,
+    "data-testid": "popover-container",
+    style: customStyle
   }, children));
 };
-var _default = exports.default = (0, _withDropdown.default)(Popover);
+var _default = exports.default = Popover;

package/lib/popover/types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode, CSSProperties } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
 import '../icons/helper.js';
 
 interface PopoverTitleProps {
@@ -18,6 +19,16 @@ interface IPopoverProps {
     theme?: 'light' | 'dark';
     align?: Extract<Position, 'left' | 'right'>;
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    disabled?: boolean;
+    customStyle?: CSSProperties;
+    isLoading?: boolean;
+    visible?: boolean;
+    skeletonize?: boolean;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    handlerClose?: (cb: () => void) => void;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
     style?: CSSProperties;
 }
 

package/lib/treetable/Row.d.ts

@@ -1,4 +1,4 @@
-import { I as ITreeTableRow } from '../types.d-73cece43.js';
+import { I as ITreeTableRow } from '../types.d-b477e076.js';
 import 'react';
 import '../table/types.js';
 

package/lib/treetable/Row.js

@@ -37,7 +37,8 @@ const TreeRow = props => {
     leftToolbarElements,
     rightToolbarElements,
     styleForRightToolbar,
-    toolbarElementsValidations
+    toolbarElementsValidations,
+    openNodeId
   } = (0, _react.useContext)(_helpers.TreeTableContext);
   const {
     rowId,
@@ -49,16 +50,17 @@ const TreeRow = props => {
   const [isLoadingChildrens, setIsLoadingChildrens] = (0, _react.useState)(false);
   const [showToolbarElements, setShowToolbarElements] = (0, _react.useState)(false);
   const [firstRenderingOfChildrens, setFirstRenderingOfChildrens] = (0, _react.useState)(false);
+  const divContainerRef = (0, _react.useRef)(null);
   const searchChildrensAndInsertState = () => {
     const dataChildrens = (0, _helpers.searchChildrensPerRow)(data, parentPropName, rowId, rowLevel);
     setChildrens(dataChildrens);
     setIsLoadingChildrens(false);
   };
-  const handlerShowChildrens = async () => {
-    if (!firstRenderingOfChildrens && !open && onClickGetChildrens) {
+  const handlerShowChildrens = () => {
+    if (!firstRenderingOfChildrens && !open) {
       setOpen(true);
       setIsLoadingChildrens(true);
-      await onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
+      if (onClickGetChildrens?.(rowId) && typeof onClickGetChildrens(rowId).finally === 'function') onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
         searchChildrensAndInsertState();
       });
       setFirstRenderingOfChildrens(true);
@@ -121,23 +123,45 @@ const TreeRow = props => {
     }
     return newElementsWithNewProps;
   };
+  const handleOnMouseEnter = () => {
+    setShowToolbarElements(true);
+  };
+  const handlerMouseInsideDivContainer = event => {
+    const elementoAtual = document.elementFromPoint(event.clientX, event.clientY);
+    if (divContainerRef.current && !divContainerRef.current.contains(elementoAtual)) {
+      setShowToolbarElements(false);
+    }
+  };
   (0, _react.useEffect)(() => {
     searchChildrensAndInsertState();
   }, [data]);
   (0, _react.useEffect)(() => {
     setIsLoadingChildrens(false);
   }, [childrens]);
+  (0, _react.useEffect)(() => {
+    if (showToolbarElements) {
+      window.addEventListener('mousemove', handlerMouseInsideDivContainer);
+    } else {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    }
+    return () => {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    };
+  }, [showToolbarElements]);
+  (0, _react.useEffect)(() => {
+    if (openNodeId === Number(dataRow.id)) setOpen(true);
+  }, [openNodeId]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_table.TRow, _extends({}, props, {
     dataId: rowId,
-    customClass: "tree-row-element",
-    onMouseEnter: () => leftToolbarElements ? setShowToolbarElements(true) : null,
-    onMouseLeave: () => setShowToolbarElements(false)
+    customClass: "tree-row-element"
   }), /*#__PURE__*/_react.default.createElement(_table.Td, {
     ignoreTableColClick: true,
     key: `td-${dataColumns[0].name}-${(0, _uuid.v1)()}`,
     style: dataColumns[0].style
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "column-container"
+    ref: divContainerRef,
+    className: "column-container",
+    onMouseEnter: handleOnMouseEnter
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: `column-more-childrens ${rowLevel && 'line-path-decoration'}`,
     style: {
@@ -151,12 +175,11 @@ const TreeRow = props => {
     name: open ? 'down' : 'arrow_right',
     size: 10
   })), /*#__PURE__*/_react.default.createElement("span", {
-    tabIndex: 0,
+    tabIndex: -1,
     role: "button",
-    onKeyPress: undefined,
     className: "value-button",
     onClick: () => onClickFirstColumn ? onClickFirstColumn(rowId) : {}
-  }, dataRow[dataColumns[0].name])), /*#__PURE__*/_react.default.createElement("span", {
+  }, dataRow[dataColumns[0].name]), /*#__PURE__*/_react.default.createElement("span", {
     className: "container-toolbar-buttons"
   }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
     size: "small",
@@ -167,7 +190,12 @@ const TreeRow = props => {
       float: 'left',
       height: 'fit-content'
     }, styleForLeftToolbar)
-  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements)), /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements))))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "container-toolbar-info"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    size: "small",
+    customClass: "row-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
     key: `right-toolbar-${(0, _uuid.v1)()}`,
     style: _objectSpread({
       float: 'right',

package/lib/treetable/helpers.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ITreeTableProps } from '../types.d-73cece43.js';
+import { a as ITreeTableProps } from '../types.d-b477e076.js';
 import '../table/types.js';
 
 declare const TreeTableContext: React.Context<ITreeTableProps>;

package/lib/treetable/index.d.ts

@@ -1,5 +1,5 @@
-import { a as ITreeTableProps } from '../types.d-73cece43.js';
-export { b as IRowElementsValidations, R as RowItem } from '../types.d-73cece43.js';
+import { a as ITreeTableProps } from '../types.d-b477e076.js';
+export { b as IRowElementsValidations, R as RowItem } from '../types.d-b477e076.js';
 import 'react';
 import '../table/types.js';
 

package/lib/{types.d-73cece43.d.ts → types.d-b477e076.d.ts}

@@ -34,6 +34,7 @@ interface ITreeTableProps extends ITableProps {
   onClickFirstColumn?: (id?: string | number) => void;
   styleForRightToolbar?: CSSProperties;
   styleForLeftToolbar?: CSSProperties;
+  openNodeId?: number;
 }
 
 interface ITreeTableRow extends ITableRowProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.41",
+  "version": "1.1.20-beta.43",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -18,7 +18,7 @@
     "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",
+    "prepare": "husky",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watchAll --env=jsdom",
     "test:coverage": "jest --coverage --colors --env=jsdom"