linear-react-components-ui 1.1.2-beta.7 → 1.1.2-beta.9

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

@@ -0,0 +1,78 @@
+"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(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; }
+const body = document.getElementsByTagName('body')[0];
+const PopupMenuHelp = props => {
+  const {
+    style,
+    handlerClose,
+    listItems,
+    versionInformation,
+    messageCopyright
+  } = 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.keyCode === 27 || e.key === 'ESC') {
+      handlerClose();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    body.appendChild(popupRef.current);
+    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
+    document.body.addEventListener('keyup', closeOnEsc);
+    return () => {
+      body.removeChild(popupRef.current);
+      document.body.removeEventListener('keyup', closeOnEsc);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    Object.assign(popupRef.current, {
+      style
+    });
+  }, [style]);
+  const returnList = () => {
+    return /*#__PURE__*/_react.default.createElement(_list.default, {
+      condensed: true,
+      transparent: true,
+      selectable: true,
+      onSelectItem: handlerClose,
+      selectOnEnter: true,
+      style: {
+        border: 'none',
+        boxShadow: 'none',
+        height: '100%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
+      title: "Ajuda"
+    }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, listItems === null || listItems === void 0 ? void 0 : listItems.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+      key: item.id,
+      itemId: item.id,
+      url: item.url,
+      text: item.title
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/_react.default.createElement("h5", {
+      className: "version-title"
+    }, versionInformation), /*#__PURE__*/_react.default.createElement("p", {
+      className: "copyright-title"
+    }, "\xA9 Copyright ".concat(new Date().getFullYear(), " Todos os direitos reservados. Linear Sistemas LTDA")))));
+  };
+  return /*#__PURE__*/_reactDom.default.createPortal(returnList(), popupRef.current);
+};
+var _default = exports.default = PopupMenuHelp;

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

@@ -34,16 +34,15 @@ const PopupMenuSearch = props => {
   const closeOnEsc = e => {
     if (e.keyCode === 27 || e.key === 'ESC') {
       handlerClose();
-      e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
     body.appendChild(popupRef.current);
     if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keydown', closeOnEsc);
+    document.body.addEventListener('keyup', closeOnEsc);
     return () => {
       body.removeChild(popupRef.current);
-      document.body.removeEventListener('keydown', closeOnEsc);
+      document.body.removeEventListener('keyup', closeOnEsc);
     };
   }, []);
   (0, _react.useEffect)(() => {

package/lib/menus/sidenav/types.d.ts

@@ -60,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName?: IconNames;
+    iconName: IconNames;
 }
 interface IEmptyListProps {
     info?: string;

package/lib/table/HeaderColumn.d.ts

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

package/lib/table/HeaderColumn.js

@@ -17,9 +17,7 @@ const HeaderColumn = _ref => {
     children,
     textAlign,
     visible = true,
-    id,
-    rowSpan,
-    colSpan
+    id
   } = _ref;
   const {
     skeletonize,
@@ -30,8 +28,6 @@ const HeaderColumn = _ref => {
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
     id: id,
-    rowSpan: rowSpan,
-    colSpan: colSpan,
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {

package/lib/table/types.d.ts

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

package/lib/tabs/context.js

@@ -67,7 +67,7 @@ function TabsProvider(_ref) {
     updateTabs(tabId);
     setSelectedTabId(tabId);
     if (onTabChange) {
-      onTabChange(tabId);
+      onTabChange(String(tabId));
     }
   }, [onTabChange, setSelectedTabId, updateTabs]);
   const removeTab = (0, _react.useCallback)(tabId => {

package/lib/tabs/types.d.ts

@@ -23,7 +23,7 @@ interface TabsProviderProps {
     container: RefObject<HTMLDivElement>;
     tabsWidth: number | string;
     selectedTab?: string | number | null;
-    onTabChange?: (tabId: string | number) => void;
+    onTabChange?: (tabId: string) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
 }
@@ -32,12 +32,12 @@ interface ITabsPros {
     toolbar?: ReactElement;
     toolBarRef?: (value: HTMLDivElement | null) => void;
     children?: ReactNode;
-    selectedTab?: string | number;
+    selectedTab?: string;
     tabMenuSize?: Size;
     tabMenuAlign?: Position;
     firstTabIdent?: boolean;
     tabMenuPosition?: Exclude<Position, 'center'>;
-    handlerTabClick?: (id?: string | number) => void;
+    handlerTabClick?: (id?: string) => void;
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;

package/lib/textContent/index.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface TextContentProps extends React__default.HTMLAttributes<HTMLElement> {
+    as?: 'span' | 'strong' | 'p';
+}
+declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
+
+export { TextContent as default };

package/lib/textContent/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("../assets/styles/textContent.scss");
+const _excluded = ["as", "children", "className"];
+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); }
+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 TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+      as: Comp = 'span',
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const typedRef = ref;
+  return /*#__PURE__*/_react.default.createElement(Comp, _extends({
+    ref: typedRef,
+    className: "text-content-component ".concat(className),
+    "data-textcontent": Comp
+  }, props), children);
+});
+TextContent.displayName = 'TextContent';
+var _default = exports.default = TextContent;

package/lib/tooltip/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 require("../assets/styles/tooltip.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); }
@@ -23,7 +23,7 @@ const Tooltip = _ref => {
   } = _ref;
   const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
   (0, _react.useEffect)(() => {
-    tooltipComponent.current.id = "tooltip-".concat(_uuid.default.v1());
+    tooltipComponent.current.id = "tooltip-".concat(uuid.v1());
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
     tooltipComponent.current.dataset.testid = 'tooltip-component';
     tooltipComponent.current.style.cssText = style;

package/lib/treeview/Node.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 var _icons = _interopRequireDefault(require("../icons"));
@@ -166,7 +166,7 @@ const TreeNode = props => {
       } : {};
       return /*#__PURE__*/_react.default.createElement("div", {
         style: style,
-        key: "element-".concat(_uuid.default.v1()),
+        key: "element-".concat(uuid.v1()),
         className: "element"
       }, element);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.2-beta.7",
+  "version": "1.1.2-beta.9",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -54,7 +54,7 @@
     "react-router-dom": "6.21.3",
     "react-syntax-highlighter": "15.5.0",
     "semver": "7.5.4",
-    "uuid": "3.3.3"
+    "uuid": "9.0.1"
   },
   "devDependencies": {
     "@babel/cli": "7.23.9",