linear-react-components-ui 1.1.20-beta.2 → 1.1.20-beta.20

package/lib/table/HeaderColumn.js

@@ -8,6 +8,7 @@ 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; }
@@ -20,8 +21,6 @@ const HeaderColumn = props => {
     textAlign,
     visible = true,
     id,
-    rowSpan,
-    colSpan,
     isMenuColumn = false
   } = props;
   const {
@@ -38,13 +37,14 @@ 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({}, props, {
+  return /*#__PURE__*/_react.default.createElement("th", _extends({}, getProps(), {
     id: id,
-    rowSpan: rowSpan,
-    colSpan: colSpan,
-    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column'),
-    style: style
+    style: style,
+    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column')
   }), skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
     height: style && style.height ? undefined : 16,
     style: {

package/lib/table/types.d.ts

@@ -25,8 +25,6 @@ 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/textContent/index.d.ts

@@ -1,8 +1,22 @@
-import React__default from 'react';
+import React__default, { MutableRefObject } from 'react';
+import { WithTooltipProps } from '../internals/types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement> {
+interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, WithTooltipProps {
     as?: 'span' | 'strong' | 'p';
+    label?: string | string[];
+    styleForLabel?: object;
+    labelUppercase?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    targetRef?: (ref: HTMLSpanElement | null) => void;
+    labelRef?: MutableRefObject<HTMLSpanElement | null>;
+    onHoverLabel?: (e: React__default.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
 }
-declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
+declare const _default: {
+    (props: TextContentProps & React__default.RefAttributes<HTMLElement>): JSX.Element;
+    displayName: string;
+};
 
-export { TextContent as default };
+export { _default as default };

package/lib/textContent/index.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/textContent.scss");
-const _excluded = ["as", "children", "className"];
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+const _excluded = ["as", "children", "className", "label", "styleForLabel", "disabled", "targetRef", "labelRef", "onHoverLabel"];
+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; }
 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); }
@@ -16,15 +18,23 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
       as: Comp = 'span',
       children,
-      className
+      className,
+      label,
+      styleForLabel,
+      disabled,
+      targetRef,
+      labelRef,
+      onHoverLabel
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const typedRef = ref;
   return /*#__PURE__*/_react.default.createElement(Comp, _extends({
     ref: typedRef,
+    style: styleForLabel,
     className: "text-content-component ".concat(className),
-    "data-textcontent": Comp
+    "data-textcontent": Comp,
+    onMouseEnter: onHoverLabel
   }, props), children);
 });
 TextContent.displayName = 'TextContent';
-var _default = exports.default = TextContent;
+var _default = exports.default = (0, _withTooltip.default)(TextContent);

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,
@@ -127,6 +128,9 @@ const TreeRow = props => {
   (0, _react.useEffect)(() => {
     setIsLoadingChildrens(false);
   }, [childrens]);
+  (0, _react.useEffect)(() => {
+    if (Number(dataRow.id) === Number(openNodeId)) setOpen(true);
+  }, [dataRow]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_table.TRow, _extends({}, props, {
     dataId: rowId,
     customClass: "tree-row-element",
@@ -147,11 +151,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/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/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/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.2",
+  "version": "1.1.20-beta.20",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",

package/lib/checkbox/Label.d.ts

@@ -1,11 +0,0 @@
-import { ICheckBoxProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-
-declare const _default: {
-    (props: ICheckBoxProps): JSX.Element;
-    displayName: string;
-};
-
-export { _default as default };