linear-react-components-ui 1.1.21-rc.5 → 1.1.22-beta.2

package/lib/tabs/index.js

@@ -16,8 +16,7 @@ var _Panel = _interopRequireDefault(require("./Panel"));
 var _tabHelpers = require("./tabHelpers");
 require("../assets/styles/tabs.scss");
 var _context = require("./context");
-var _lodash = _interopRequireDefault(require("lodash"));
-const _excluded = ["toolbar", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth", "tabsWithError", "keepPanelsInOrder"];
+const _excluded = ["toolbar", "toolBarRef", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth"];
 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; }
@@ -27,6 +26,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const Tabs = _ref => {
   let {
       toolbar,
+      toolBarRef,
       children,
       firstTabIdent,
       handlerTabClick,
@@ -36,17 +36,12 @@ const Tabs = _ref => {
       tabMenuAlign = 'left',
       tabMenuPosition = 'top',
       customClassForToolBar = '',
-      tabsWidth = 'auto',
-      tabsWithError,
-      keepPanelsInOrder
+      tabsWidth = 'auto'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const containerRef = (0, _react.useRef)(null);
-  const childrensTabPanels = _react.default.Children.toArray(children).filter(childComp => /*#__PURE__*/_react.default.isValidElement(childComp) && !!childComp.props.id);
-  const childrensInOrder = keepPanelsInOrder ? _lodash.default.sortBy(childrensTabPanels, tabPanel => keepPanelsInOrder.indexOf(tabPanel.props.id)) : children;
   const content = (0, _react.useMemo)(() => {
     const menu = /*#__PURE__*/_react.default.createElement(_Menu.default, {
-      tabsWithError: tabsWithError,
       toolbar: toolbar,
       tabWidth: tabsWidth,
       customClassForToolBar: customClassForToolBar,
@@ -55,18 +50,17 @@ const Tabs = _ref => {
       firstTabIdent: firstTabIdent
     });
     if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, childrensInOrder);
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, children);
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrensInOrder, menu);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children, menu);
   }, [children, tabMenuPosition]);
   return /*#__PURE__*/_react.default.createElement(_context.TabsProvider, _extends({
-    tabs: childrensInOrder,
+    tabs: children,
     container: containerRef,
     onTabChange: handlerTabClick,
     onTabClose: handlerCloseTab,
     tabsWidth: tabsWidth,
-    firstTabIdent: firstTabIdent,
-    keepPanelsInOrder: keepPanelsInOrder
+    firstTabIdent: firstTabIdent
   }, props), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: (0, _tabHelpers.tabsClass)(tabMenuPosition),

package/lib/tabs/tabHelpers.js

@@ -10,8 +10,10 @@ exports.onDeniedOptions = void 0;
 exports.tabsClass = tabsClass;
 var _react = _interopRequireDefault(require("react"));
 var _permissionValidations = require("../permissionValidations");
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function getCurrentThreshold(scrollableElement, scrollThreshold) {
   const MIN_THRESHOLD = 0;
   const MAX_THRESHOLD = 1;
@@ -30,7 +32,10 @@ const getTabs = tabsProp => {
   const tabs = _react.default.Children.map(tabsProp, child => {
     if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) return null;
     const _child$props = child.props,
-      props = Object.assign({}, (_objectDestructuringEmpty(_child$props), _child$props));
+      {
+        children: childrenProp
+      } = _child$props,
+      props = _objectWithoutProperties(_child$props, _excluded);
     return props;
   }) || [];
   return tabs.filter(tab => !tab.hidden);

package/lib/tabs/types.d.ts

@@ -15,7 +15,6 @@ type TabsContextType = {
     containerWidth: number;
     tabsCount: number;
     menuRef: RefObject<HTMLUListElement>;
-    keepPanelsInOrder?: Array<string | number>;
 };
 interface TabsProviderProps {
     children: React.ReactNode;
@@ -26,7 +25,6 @@ interface TabsProviderProps {
     onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
-    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 interface ITabsPros {
@@ -43,14 +41,12 @@ interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
-    tabsWithError?: Array<string | number>;
-    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 interface TabProps {
     id: string | number;
     title: string;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
     iconName?: IconNames;
     icon?: ReactElement;
     disabled?: boolean;
@@ -63,7 +59,6 @@ interface TabProps {
     tooltipWidth?: string | number;
     closeable?: boolean;
     tabsLength?: number;
-    tabsWithError?: Array<string | number>;
 }
 interface MenuProps {
     toolbar?: ReactElement;
@@ -77,7 +72,6 @@ interface MenuProps {
     tabMenuSize?: Size;
     handlerClick?: (id?: string) => void;
     handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
-    tabsWithError?: Array<string | number>;
 }
 interface DropdownProps extends MenuProps {
 }

package/lib/textContent/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/textContent.scss");
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _lodash = _interopRequireDefault(require("lodash"));
-const _excluded = ["as", "children", "className", "styleForLabel", "onHoverLabel"];
+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; }
@@ -20,7 +20,11 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       as: Comp = 'span',
       children,
       className,
+      label,
       styleForLabel,
+      disabled,
+      targetRef,
+      labelRef,
       onHoverLabel
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);

package/lib/toolbar/types.d.ts

@@ -23,7 +23,7 @@ interface IButtonBarProps {
     customClass?: string;
     transparent?: boolean;
     size?: Size;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconAlign?: Exclude<Position, 'top' | 'bottom'>;
     validationKey?: string;
     boxShadow?: boolean;
     id?: string;

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.21-rc.5",
+  "version": "1.1.22-beta.2",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",