linear-react-components-ui 1.1.20-beta.11 → 1.1.20-beta.13

package/lib/buttons/DefaultButton.js

@@ -89,9 +89,8 @@ const DefaultButton = _ref => {
     }
     if (dropdown && showIconDropdown) {
       const openDropDownRule = isDropdownOpened ? 'mini_up' : 'mini_down';
-      const dropdownIcon = iconName || openDropDownRule;
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: dropdownIcon,
+        name: openDropDownRule,
         size: 16,
         customClass: "dropdown-icon",
         pointerEvents: "none",

package/lib/inputs/mask/imaskHOC.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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");
+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 options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const IMaskHOC = ComposedComponent => {
+  const MaskedComponent = props => {
+    const {
+      permissionAttr,
+      skeletonize,
+      inputRef,
+      placeholderChar = '_',
+      lazy = false,
+      pattern = '',
+      radix = ' ',
+      thousandsSeparator = '',
+      mapToRadix = [],
+      scale = 2,
+      signed = false,
+      normalizeZeros = true,
+      padFractionalZeros = true,
+      mask,
+      commit = () => {},
+      parse,
+      format,
+      definitions,
+      groups,
+      min,
+      max,
+      dispatch,
+      value = '',
+      onChange,
+      isDateField = false,
+      autoCompleteMask
+    } = props;
+    const maskOptions = {
+      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
+      lazy,
+      pattern,
+      radix,
+      thousandsSeparator,
+      mapToRadix,
+      scale,
+      signed,
+      normalizeZeros,
+      padFractionalZeros,
+      mask,
+      commit,
+      parse,
+      format,
+      definitions,
+      groups,
+      min,
+      max,
+      dispatch
+    };
+    const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+    const elementRef = (0, _react.useRef)(null);
+    const maskRef = (0, _react.useRef)(null);
+    const {
+      hideContent,
+      unvisible,
+      disabled,
+      readOnly
+    } = onDenied;
+    const dontInitMask = hideContent || unvisible || skeletonize;
+    const disableCallbacks = disabled || readOnly;
+    const setValue = newValue => {
+      if (maskRef.current) {
+        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
+        maskRef.current.value = String(newValue);
+      }
+    };
+    const onAccept = (0, _react.useCallback)(() => {
+      if (onChange && !disableCallbacks && maskRef.current) {
+        const {
+          unmaskedValue,
+          el
+        } = maskRef.current;
+        const name = el.name || el.input && el.input.name;
+        onChange({
+          target: {
+            value: unmaskedValue,
+            name
+          }
+        }, props.unmask ? unmaskedValue : maskRef.current.value);
+      }
+    }, [onChange]);
+    const onComplete = (0, _react.useCallback)(() => {
+      if (props.onComplete && !disableCallbacks && maskRef.current) {
+        const {
+          unmaskedValue,
+          el
+        } = maskRef.current;
+        const name = el.name || el.input && el.input.name;
+        props.onComplete({
+          target: {
+            value: unmaskedValue,
+            name
+          }
+        }, props.unmask ? unmaskedValue : maskRef.current.value);
+      }
+    }, [props.onComplete]);
+    const autoCompleteMaskValue = (0, _react.useCallback)(eventTargetValue => {
+      if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
+        const sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > eventTargetValue.length) {
+          switch (autoCompleteMask) {
+            case 'left':
+              setValue(eventTargetValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(eventTargetValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(eventTargetValue);
+              break;
+          }
+        }
+      }
+    }, [autoCompleteMask, maskRef.current, elementRef.current]);
+    const getMask = () => {
+      const element = elementRef.current;
+      if (element) {
+        const maskCurrent = maskRef.current;
+        if (!maskCurrent) {
+          maskRef.current = (0, _imask.default)(element, maskOptions);
+          if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
+          setValue(value);
+        } else {
+          maskCurrent.updateOptions(maskOptions);
+        }
+      }
+    };
+    const destroyMask = () => {
+      if (maskRef.current) {
+        maskRef.current.destroy();
+        maskRef.current = null;
+      }
+    };
+    (0, _react.useEffect)(() => {
+      if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
+      if (!props.mask || dontInitMask) return;
+      getMask();
+    }, [maskOptions]);
+    (0, _react.useEffect)(() => {
+      if (!maskRef.current) return;
+      const maskCurrent = maskRef.current;
+      maskCurrent.on('accept', onAccept);
+      maskCurrent.on('complete', onComplete);
+
+      // eslint-disable-next-line consistent-return
+      return () => {
+        maskCurrent.off('accept', onAccept);
+        maskCurrent.off('complete', onComplete);
+      };
+    }, [onAccept, onComplete]);
+    (0, _react.useEffect)(() => {
+      if (maskOptions.mask && !dontInitMask) {
+        if (maskRef.current) {
+          const formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
+          setValue(formattedValue);
+        } else {
+          getMask();
+        }
+      } else if (!dontInitMask) {
+        destroyMask();
+        if (value && elementRef.current) elementRef.current.value = value;
+      }
+    }, [value, isDateField]);
+    (0, _react.useEffect)(() => destroyMask, []);
+    return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
+      onDeniedActions: onDenied,
+      defaultValue: value,
+      onBlur: e => {
+        autoCompleteMaskValue(e.target.value);
+        if (props.onBlur) props.onBlur(e);
+      },
+      onChange: e => setValue(e.target.value),
+      inputRef: el => {
+        elementRef.current = el;
+        if (inputRef) {
+          if (typeof inputRef === 'object') inputRef.current = el;else inputRef(el);
+        }
+      }
+    }));
+  };
+  const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
+  MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
+  return MaskedComponent;
+};
+var _default = exports.default = IMaskHOC;

package/lib/list/Header.d.ts

@@ -3,7 +3,6 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../@types/Position.js';
 
 declare const Header: ({ title, children, style, customClass }: IListHeaderProps) => JSX.Element;
 

package/lib/list/Item.d.ts

@@ -3,11 +3,7 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../@types/Position.js';
 
-declare const _default: {
-    (props: IListItemProps): JSX.Element;
-    displayName: string;
-};
+declare const Item: (props: IListItemProps) => JSX.Element | null;
 
-export { _default as default };
+export { Item as default };

package/lib/list/Item.js

@@ -11,7 +11,6 @@ var _checkbox = _interopRequireDefault(require("../checkbox"));
 var _helpers = require("./helpers");
 var _withDropdown = require("../dropdown/withDropdown");
 var constants = _interopRequireWildcard(require("../internals/constants"));
-var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _permissionValidations = require("../permissionValidations");
 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); }
@@ -39,9 +38,7 @@ const Item = props => {
     separator = true,
     visible = true,
     permissionAttr,
-    skeletonize,
-    targetRef,
-    onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+    skeletonize
   } = props;
   const {
     handleSelectItem,
@@ -51,9 +48,6 @@ const Item = props => {
     selectOnEnter
   } = (0, _react.useContext)(_helpers.ListContext);
   const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  const {
-    handlerSetOnDeniedText
-  } = (0, _react.useContext)(_withTooltip.TooltipContext);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
   const navigate = (0, _reactRouterDom.useNavigate)();
@@ -109,9 +103,6 @@ const Item = props => {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, [url, selectedItemId, itemId]);
-  (0, _react.useEffect)(() => {
-    if (disabledByPermission) handlerSetOnDeniedText(onDeniedText);
-  }, [disabledByPermission]);
   const renderCheckBox = (0, _react.useMemo)(() => {
     if (!disabledByPermission && displayCheckbox) {
       return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -126,10 +117,7 @@ const Item = props => {
   }, [disabledByPermission && displayCheckbox]);
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("li", _extends({
-    ref: ref => {
-      if (targetRef) targetRef(ref);
-      return itemId && selectedItemId === itemId ? selectedItemRef : null;
-    },
+    ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
     style: style,
     className: "item-container ".concat(hovered && 'hovered', "\n        ").concat(itemId && selectedItemId === itemId ? '-activedlist' : '')
   }, getProps(), {
@@ -149,4 +137,4 @@ const Item = props => {
     className: "".concat(getClass(), " -icon-right")
   }, getIcon(rightIconName, rightIcon), rightElement));
 };
-var _default = exports.default = (0, _withTooltip.default)(Item);
+var _default = exports.default = Item;

package/lib/list/helpers.d.ts

@@ -3,7 +3,6 @@ import { IListContext } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../@types/Position.js';
 
 declare const ListContext: React__default.Context<IListContext>;
 declare const LIST_ITEMS_TYPES: {

package/lib/list/index.d.ts

@@ -6,7 +6,6 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../@types/Position.js';
 
 declare const List: (props: IListProps) => JSX.Element;
 

package/lib/list/types.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode, ReactElement, CSSProperties, Ref } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { IconNames } from '../@types/Icon.js';
-import { Position } from '../@types/Position.js';
 import '../icons/helper.js';
 
 type ItemId = string;
@@ -53,11 +52,6 @@ interface IListItemProps {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     selectOnEnter?: boolean;
     skeletonize?: boolean;
-    targetRef?: (ref: HTMLLIElement) => void;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    onDeniedText?: string;
 }
 interface IListContext {
     selectable: boolean;

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

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _list = _interopRequireWildcard(require("../../../list"));
+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; }
+const body = document.getElementsByTagName('body')[0];
+const PopupMenuHelp = props => {
+  const {
+    style,
+    copyright,
+    handlerClose,
+    version,
+    helpList = [],
+    helpRef
+  } = props;
+  const searchFieldRef = (0, _react.useRef)(null);
+  const popupRef = (0, _react.useRef)(document.createElement('div'));
+  Object.assign(popupRef.current, {
+    className: 'helpmenu',
+    style
+  });
+  const closeOnEsc = e => {
+    if (e.key === 'Escape') {
+      handlerClose();
+      e.stopPropagation();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    body.appendChild(popupRef.current);
+    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
+    document.body.addEventListener('keydown', closeOnEsc);
+    return () => {
+      body.removeChild(popupRef.current);
+      document.body.removeEventListener('keydown', closeOnEsc);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    Object.assign(popupRef.current, {
+      style
+    });
+  }, [style]);
+  const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup-help",
+    ref: helpRef
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true,
+    selectable: true,
+    onSelectItem: handlerClose,
+    selectOnEnter: true,
+    style: {
+      border: 'none',
+      boxShadow: 'hidden',
+      overflow: 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
+    customClass: "helpheader",
+    title: "Ajuda"
+  }), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    separator: true,
+    selectOnEnter: true,
+    key: item.id,
+    itemId: item.id,
+    url: item.url,
+    text: item.title
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "infomartion",
+    style: {
+      padding: '10px 0px 0px 7px',
+      backgroundColor: 'white'
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, copyright)));
+  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
+};
+var _default = exports.default = PopupMenuHelp;

package/lib/radio/index.d.ts

@@ -8,6 +8,6 @@ import '../@types/Size.js';
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, forwardedRef, size, permissionAttr }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, permissionAttr }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -33,7 +33,7 @@ const Radio = _ref => {
     required = false,
     skeletonize = false,
     defaultChecked = false,
-    forwardedRef,
+    inputRef,
     size = 'medium',
     permissionAttr
   } = _ref;
@@ -66,7 +66,7 @@ const Radio = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
   }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
-    ref: forwardedRef,
+    ref: inputRef,
     className: "radio-component",
     type: "radio",
     value: value,

package/lib/radio/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, Ref } from 'react';
+import { ChangeEvent, Ref, RefObject } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Size } from '../@types/Size.js';
 
@@ -16,6 +16,7 @@ interface IRadioProps {
     permissionAttr?: PermissionAttr | PermissionAttr;
     skeletonize?: boolean;
     forwardedRef?: Ref<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement>;
 }
 
 export { IRadioProps };

package/lib/table/HeaderColumn.js

@@ -8,7 +8,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-var _lodash = _interopRequireDefault(require("lodash"));
 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; }
@@ -21,6 +20,8 @@ const HeaderColumn = props => {
     textAlign,
     visible = true,
     id,
+    rowSpan,
+    colSpan,
     isMenuColumn = false
   } = props;
   const {
@@ -37,14 +38,13 @@ const HeaderColumn = props => {
       size: 22
     });
   };
-  const getProps = () => {
-    return _lodash.default.omit(props, ['isMenuColumn', 'customClass', 'children', 'textAlign', 'visible']);
-  };
   if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("th", _extends({}, getProps(), {
+  return /*#__PURE__*/_react.default.createElement("th", _extends({}, props, {
     id: id,
-    style: style,
-    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column')
+    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, {
     height: style && style.height ? undefined : 16,
     style: {

package/lib/table/types.d.ts

@@ -25,6 +25,8 @@ interface ITableHeaderProps extends ComponentProps<'th'> {
     textAlign?: string;
     visible?: boolean;
     id?: string;
+    rowSpan?: number;
+    colSpan?: number;
     isMenuColumn?: boolean;
 }
 interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {

package/lib/tabs/DropdownItems.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var _list = _interopRequireWildcard(require("../list"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DropdownItems = _ref => {
+  let {
+    handlerClick,
+    handlerRemovePanel,
+    dropdownPanels = [],
+    tabMenuSize = 'medium'
+  } = _ref;
+  return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    dropdown: true,
+    dropdownAlign: "right",
+    transparent: true,
+    boxShadow: false,
+    size: "large",
+    customClass: "dropdownbutton"
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    customClass: "dropdown-hide-tabs"
+  }, dropdownPanels.map((panel, index) => {
+    const {
+      id,
+      title,
+      closeable,
+      iconAlign,
+      icon,
+      iconName,
+      disabled
+    } = panel.props;
+    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+      key: id
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "menuitem"
+    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      className: "btn menubutton",
+      boxShadow: false,
+      onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
+      iconAlign: iconAlign,
+      iconName: iconName,
+      icon: icon,
+      disabled: disabled,
+      label: title,
+      size: tabMenuSize,
+      transparent: true
+    }), closeable && /*#__PURE__*/_react.default.createElement("button", {
+      className: "closepanel",
+      onClick: () => {
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
+      }
+    })));
+  }))) : null;
+};
+var _default = exports.default = DropdownItems;

package/lib/tabs/MenuItems.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var helpers = _interopRequireWildcard(require("./tabHelpers"));
+var _permissionValidations = require("../permissionValidations");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const MenuItems = _ref => {
+  let {
+    handlerClick,
+    currentPanels,
+    handlerRemovePanel,
+    tabWidth = 'auto',
+    tabMenuSize = 'medium',
+    tabMenuAlign = 'left',
+    selectedTabId = '',
+    firstTabIdent = false
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: "menu ".concat(firstTabIdent && '-firsttabident'),
+    style: helpers.menuStyles(tabMenuAlign)
+  }, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map((panel, index) => {
+    const {
+      id,
+      icon,
+      title,
+      tooltip,
+      disabled,
+      iconName,
+      closeable,
+      iconAlign,
+      tooltipWidth,
+      permissionAttr,
+      tooltipPosition
+    } = panel.props;
+    const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
+    return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
+      key: id,
+      style: {
+        width: tabWidth
+      },
+      className: "menuitem ".concat(selectedTabId === id && 'selected')
+    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      className: "btn menubutton",
+      boxShadow: false,
+      onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
+      iconAlign: iconAlign,
+      iconName: iconName,
+      icon: icon,
+      disabled: disabled || !!onDenied.disabled,
+      label: title,
+      size: tabMenuSize,
+      tooltip: tooltip || title,
+      tooltipPosition: tooltipPosition,
+      tooltipWidth: tooltipWidth
+    }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
+      className: "closepanel",
+      onClick: () => {
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
+      }
+    }));
+  }));
+};
+var _default = exports.default = MenuItems;

package/lib/treetable/Row.js

@@ -147,11 +147,8 @@ const TreeRow = props => {
     tabIndex: -1,
     className: "open-close-children",
     onClick: () => handlerShowChildrens()
-  }, open ? /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "up",
-    size: 10
-  }) : /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "arrow_right",
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: open ? 'down' : 'arrow_right',
     size: 10
   })), /*#__PURE__*/_react.default.createElement("span", {
     tabIndex: 0,

package/lib/treeview_old/Header.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Header = props => {
+  const {
+    title,
+    customClass
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "treeviewheader ".concat(customClass)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title));
+};
+Header.defaultProps = {
+  title: '',
+  customClass: ''
+};
+Header.propTypes = {
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string
+};
+var _default = exports.default = Header;

package/lib/treeview_old/Node.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _icons = _interopRequireDefault(require("../icons"));
+require("../assets/styles/treeview.scss");
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class TreeNode extends _react.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "openCloseTree", () => {
+      this.setState({
+        isVisible: !this.state.isVisible
+      });
+    });
+    this.state = {
+      isVisible: false
+    };
+  }
+  render() {
+    const {
+      node,
+      showCheckBox
+    } = this.props;
+    let span = '';
+    if (node.itens.length > 0) {
+      span = /*#__PURE__*/_react.default.createElement("span", {
+        onKeyPress: null,
+        tabIndex: 0,
+        role: "button",
+        className: "opencloseicon",
+        onClick: this.openCloseTree
+      }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: this.state.isVisible ? 'up' : 'down',
+        size: 10
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: "treeviewitem"
+    }, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+      id: node.id,
+      label: node.titulo
+    }) : node.titulo, /*#__PURE__*/_react.default.createElement("ul", {
+      className: "nodelist"
+    }, this.state.isVisible && this.props.children));
+  }
+}
+TreeNode.defaultProps = {
+  showCheckBox: false,
+  data: []
+};
+TreeNode.propTypes = {
+  showCheckBox: _propTypes.default.bool,
+  data: _propTypes.default.arrayOf(_propTypes.default.element),
+  node: _propTypes.default.object.isRequired,
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired
+};
+var _default = exports.default = TreeNode;

package/lib/treeview_old/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TreeNode", {
+  enumerable: true,
+  get: function () {
+    return _Node.default;
+  }
+});
+Object.defineProperty(exports, "TreeViewHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Node = _interopRequireDefault(require("./Node"));
+var _Header = _interopRequireDefault(require("./Header"));
+require("../assets/styles/treeview.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TreeView = props => {
+  const {
+    customClass,
+    defaultBorder
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
+  }, props.children));
+};
+TreeView.defaultProps = {
+  customClass: '',
+  defaultBorder: true
+};
+TreeView.propTypes = {
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
+  customClass: _propTypes.default.string,
+  defaultBorder: _propTypes.default.bool
+};
+var _default = exports.default = TreeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.11",
+  "version": "1.1.20-beta.13",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",