linear-react-components-ui 1.1.19-beta.4 → 1.1.19-beta.6

package/lib/assets/styles/table.scss

@@ -66,9 +66,8 @@
     svg {
       margin: 0;
     }
-    span.rowhover {
+    span {
       width: 100%;
-      text-align: center;
     }
   }
 

package/lib/popover/PopoverText.d.ts

@@ -1,10 +1,10 @@
+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';
 
-declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
+declare const PopoverText: React__default.ForwardRefExoticComponent<PopoverTextProps & React__default.RefAttributes<HTMLParagraphElement>>;
 
 export { PopoverText as default };

package/lib/popover/PopoverText.js

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

package/lib/treeview/Node.js

@@ -39,7 +39,9 @@ const TreeNode = props => {
     children,
     nodeMenuButtonSize = 'small',
     selectedNodeId,
-    alwaysShowArrow = false
+    alwaysShowArrow = false,
+    customClass = '',
+    customStyle
   } = props;
   const [node, setNode] = (0, _react.useState)(props.node);
   const [isVisible, setIsVisible] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
@@ -65,8 +67,6 @@ 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,7 +80,6 @@ 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',
@@ -88,7 +87,7 @@ const TreeNode = props => {
       }, isLoading ? /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
         size: "35px"
       }) : /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: isVisible ? 'up' : 'down',
+        name: isVisible ? 'down' : 'arrow_right',
         size: 10
       }));
     }
@@ -119,8 +118,8 @@ const TreeNode = props => {
           validator,
           applyBehavior
         } = validation;
-        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node) && applyBehavior) {
-          elementBehavior = options[applyBehavior] || options.unvisible;
+        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
+          elementBehavior = options[applyBehavior !== null && applyBehavior !== void 0 ? applyBehavior : 'unvisible'];
         }
       });
     }
@@ -180,8 +179,13 @@ 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", {
-    className: "treeviewitem"
+    style: customStyle,
+    className: "treeviewitem ".concat(customClass)
   }, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
     className: "label",
     style: {

package/lib/treeview/index.js

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

package/lib/treeview/types.d.ts

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

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.19-beta.4",
+  "version": "1.1.19-beta.6",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
+  "files": [
+    "lib"
+  ],
   "scripts": {
     "lib": "babel src/lib/ -d lib/ --extensions \".js,.jsx,.ts,.tsx\" --ignore **/*.spec.tsx && babel src/lib/assets -d lib/assets --copy-files && npm run lib:types",
     "lib:types": "tsup --dts-only --dts --external react",
@@ -26,7 +29,7 @@
   "homepage": "",
   "repository": {
     "type": "git",
-    "url": "git@gitlab.com:linear-front/linear-react-components-ui.git"
+    "url": "git@git.erplinear.com.br:linear-front/linear-react-components-ui.git"
   },
   "browserslist": {
     "production": [

package/.editorconfig

@@ -1,19 +0,0 @@
-# EditorConfig is awesome: http://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.js]
-trim_trailing_whitespace = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-insert_final_newline = true
-max_line_length = 100