linear-react-components-ui 1.1.19-beta.7 → 1.1.20-beta.0

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/table.scss

@@ -58,16 +58,12 @@
     &.-noborder {
       border-bottom: 0;
     }
-  }
-
-  .menu-column {
-    text-align: center; 
-    width: 96px;
-    svg {
-      margin: 0;
-    }
-    span {
-      width: 100%;
+    &.menu-column {
+      width: 100px;
+      text-align: center;
+      svg {
+        margin-left: 0;
+      }
     }
   }
 

package/lib/assets/styles/toolbar.scss

@@ -25,9 +25,6 @@
     align-content: center;
     float: right;
     height: 100%;
-    > .input-base-component:has(+.buttonbar) .inputwrapper {
-      border-right-width: 0;
-    }
     > .buttonbar {
       border-radius: 0;
       border-width: 1px;

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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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/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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-const getCalendarDropdownStyle = _ref => {
+const getDropdownStyles = _ref => {
   let {
-    topPosition,
-    leftPosition,
-    rightPosition,
     align,
     isFloatMenu,
-    minWidth
+    minWidth,
+    container,
+    target
   } = _ref;
-  let style = "top: ".concat(topPosition + (isFloatMenu ? 6 : 2), "px; min-width: ").concat(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: ".concat(top, "px; min-width: ").concat(minWidth, "px;");
+  if (showScroll) style += "max-height: ".concat(maxHeight, "px; overflow-y: scroll;");
   if (align === 'left') {
     style += "left: ".concat(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 ".concat(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-".concat((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/popover/PopoverText.d.ts

@@ -1,10 +1,11 @@
-import React__default from 'react';
 import { PopoverTextProps } from './types.js';
+import 'react';
 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>>;
+declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
 
 export { PopoverText as default };

package/lib/popover/PopoverText.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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; }
-const PopoverText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PopoverText = _ref => {
   let {
     children
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("p", {
-    className: "text",
-    ref: ref
+    className: "text"
   }, children);
-});
-PopoverText.displayName = 'PopoverText';
+};
 var _default = exports.default = PopoverText;

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, customStyle, ...rest }: IPopoverProps) => JSX.Element;
 
-export { _default as default };
+export { Popover as default };

package/lib/popover/index.js

@@ -21,20 +21,25 @@ 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", "customStyle"];
 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; }
 const Popover = _ref => {
   let {
-    children,
-    align = 'left',
-    theme = 'dark',
-    iconName,
-    iconSize = 16,
-    iconColor = '',
-    customClass = ''
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      children,
+      align = 'left',
+      theme = 'dark',
+      iconName,
+      iconSize = 16,
+      iconColor = '',
+      customClass = '',
+      customStyle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
     round: true,
     dropdown: true,
     transparent: true,
@@ -57,9 +62,10 @@ const Popover = _ref => {
     onClick: e => {
       e.preventDefault();
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(customClass, " popovercontainer -").concat(theme),
-    "data-testid": "popover-container"
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: "popovercontainer -".concat(theme, " ").concat(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

@@ -1,7 +1,8 @@
-import { ReactNode } from 'react';
+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[];
 }
 
 export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/table/HeaderColumn.d.ts

@@ -1,6 +1,6 @@
 import { ITableHeaderProps } from './types.js';
 import 'react';
 
-declare const HeaderColumn: (props: ITableHeaderProps) => JSX.Element | null;
+declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, rowSpan, colSpan, isMenuColumn, }: ITableHeaderProps) => JSX.Element | null;
 
 export { HeaderColumn as default };

package/lib/table/HeaderColumn.js

@@ -11,9 +11,8 @@ var _helpers = _interopRequireDefault(require("./helpers"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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); }
-const HeaderColumn = props => {
-  const {
+const HeaderColumn = _ref => {
+  let {
     customClass,
     style,
     children,
@@ -23,7 +22,7 @@ const HeaderColumn = props => {
     rowSpan,
     colSpan,
     isMenuColumn = false
-  } = props;
+  } = _ref;
   const {
     skeletonize,
     vertical,
@@ -39,13 +38,13 @@ const HeaderColumn = props => {
     });
   };
   if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("th", _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement("th", {
     id: id,
     rowSpan: rowSpan,
     colSpan: colSpan,
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column'),
     style: style
-  }), skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+  }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
     height: style && style.height ? undefined : 16,
     style: {
       marginBottom: 0

package/lib/table/RowColumn.js

@@ -43,8 +43,7 @@ const RowColumn = props => {
     visible = true,
     rowSpan,
     colSpan,
-    children,
-    isMenuColumn = false
+    children
   } = props;
   const context = (0, _react.useContext)(_helpers.RowContext);
   const {
@@ -71,7 +70,7 @@ const RowColumn = props => {
   return /*#__PURE__*/_react.default.createElement("td", {
     rowSpan: rowSpan,
     colSpan: colSpan,
-    className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : '', " ").concat(isMenuColumn && 'menu-column'),
+    className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
     style: style,
     onClick: e => getColClickEvent(e, _objectSpread(_objectSpread({}, context), props)),
     role: "presentation",

package/lib/table/types.d.ts

@@ -1,4 +1,4 @@
-import { TableHTMLAttributes, ReactNode, ComponentProps, MouseEvent, CSSProperties, LegacyRef, SetStateAction } from 'react';
+import { TableHTMLAttributes, ReactNode, MouseEvent, CSSProperties, LegacyRef, SetStateAction } from 'react';
 
 interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
@@ -19,7 +19,7 @@ interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInHeader?: boolean;
     skeletonHeight?: number;
 }
-interface ITableHeaderProps extends ComponentProps<'th'> {
+interface ITableHeaderProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
     customClass?: string;
     textAlign?: string;
@@ -60,7 +60,6 @@ interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>,
     dividerStyle?: CSSProperties;
     rowSpan?: number;
     colSpan?: number;
-    isMenuColumn?: boolean;
 }
 interface ITableContext {
     bodyScrollable?: boolean;
@@ -80,7 +79,6 @@ interface ITableContext {
     handleTableRowClick?: (e: MouseEvent, dataId?: number | string) => void;
     handlerSetColumnsWidth?: (width: (string | number | undefined)[]) => void;
     handlerSetColumnsCount?: (count: number) => void;
-    tableContainer?: HTMLTableElement | null;
 }
 interface ITableRowContext {
     skeletonize?: boolean;

package/lib/treeview/Node.js

@@ -39,9 +39,7 @@ const TreeNode = props => {
     children,
     nodeMenuButtonSize = 'small',
     selectedNodeId,
-    alwaysShowArrow = false,
-    customClass = '',
-    customStyle
+    alwaysShowArrow = false
   } = props;
   const [node, setNode] = (0, _react.useState)(props.node);
   const [isVisible, setIsVisible] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
@@ -67,6 +65,8 @@ const TreeNode = props => {
   const checked = selectedIds && selectedIds.includes(node[valuePropName]) || required;
   if (node !== props.node) {
     setNode(props.node);
+    setIsVisible(startNodesOpened && nodeHasItens(node));
+    setWasOpened(startNodesOpened && nodeHasItens(node));
   }
   const openCloseTree = currentNode => {
     if (!wasOpened && handlerOnNodeOpen) {
@@ -80,6 +80,7 @@ const TreeNode = props => {
     let span = /*#__PURE__*/_react.default.createElement("noscript", null);
     if (node.itens && node.itens.length > 0 || alwaysShowArrow) {
       span = /*#__PURE__*/_react.default.createElement("span", {
+        onKeyPress: () => {},
         tabIndex: 0,
         role: "button",
         className: isLoading ? 'loading' : 'opencloseicon',
@@ -87,7 +88,7 @@ const TreeNode = props => {
       }, isLoading ? /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
         size: "35px"
       }) : /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: isVisible ? 'down' : 'arrow_right',
+        name: isVisible ? 'up' : 'down',
         size: 10
       }));
     }
@@ -118,8 +119,8 @@ const TreeNode = props => {
           validator,
           applyBehavior
         } = validation;
-        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
-          elementBehavior = options[applyBehavior !== null && applyBehavior !== void 0 ? applyBehavior : 'unvisible'];
+        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node) && applyBehavior) {
+          elementBehavior = options[applyBehavior] || options.unvisible;
         }
       });
     }
@@ -179,13 +180,8 @@ const TreeNode = props => {
       customClass: "node-toolbarelements"
     }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, updatedNodeRightElements)) : null;
   };
-  (0, _react.useEffect)(() => {
-    setIsVisible(startNodesOpened && nodeHasItens(node));
-    setWasOpened(startNodesOpened && nodeHasItens(node));
-  }, [node]);
   return /*#__PURE__*/_react.default.createElement("li", {
-    style: customStyle,
-    className: "treeviewitem ".concat(customClass)
+    className: "treeviewitem"
   }, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
     className: "label",
     style: {

package/lib/treeview/index.js

@@ -47,13 +47,11 @@ const TreeView = props => {
     nodeToolbarElements,
     onNodeClick,
     selectedNodeId,
-    customClass = '',
+    customClass,
     children,
     styleForContainer,
     bordered,
-    requiredIds: propsRequiredIds = [],
-    customClassForNodes = '',
-    customStyleForNodes
+    requiredIds: propsRequiredIds = []
   } = props;
   const [data, setData] = (0, _react.useState)(props.data);
   const [currentSelectedIds, setCurrentSelectedIds] = (0, _react.useState)(selectedIds);
@@ -253,9 +251,7 @@ const TreeView = props => {
       nodeMenuButtonSize: nodeMenuButtonSize,
       onNodeClick: onNodeClick,
       selectedNodeId: selectedNodeId,
-      handlerOnNodeOpen: handleOnNodeOpen,
-      customClass: customClassForNodes,
-      customStyle: customStyleForNodes
+      handlerOnNodeOpen: handleOnNodeOpen
     }, childrenIds.length > 0 && node.itens && node.itens.map(nodeitem => buildTree(nodeitem, node.id, idsWithChildren)));
   };
   const handleNewSelectedIds = selectedNodeIds => {

package/lib/treeview/types.d.ts

@@ -47,8 +47,6 @@ interface ITreeviewProps {
     enableDynamicData?: boolean;
     idsInLoading?: number[];
     selectedNodeId?: number;
-    customClassForNodes?: string;
-    customStyleForNodes?: CSSProperties;
 }
 interface ITreeNodeProps {
     node: any;
@@ -67,8 +65,6 @@ interface ITreeNodeProps {
     nodeElementsValidations?: INodeElementsValidations;
     idsInLoading?: number[];
     selectedNodeId?: number;
-    customClass?: string;
-    customStyle?: CSSProperties;
 }
 interface ITreeHeaderProps {
     title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.19-beta.7",
+  "version": "1.1.20-beta.0",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -29,7 +29,7 @@
   "homepage": "",
   "repository": {
     "type": "git",
-    "url": "git@git.erplinear.com.br:linear-front/linear-react-components-ui.git"
+    "url": "git@gitlab.com:linear-front/linear-react-components-ui.git"
   },
   "browserslist": {
     "production": [