linear-react-components-ui 1.1.2-beta.0 → 1.1.2-beta.2

package/lib/assets/styles/checkbox.scss

@@ -80,14 +80,6 @@
     padding-left: 22px;
   }
   
-  > .errormessages {
-    width: 100%;
-    color: red;
-    font-size: 13px!important;
-    line-height: 13px;
-    margin-top: 0px;
-  }
-
   &.-skeletonized {
     > .inputcontent {
       .input {

package/lib/assets/styles/tabs.scss

@@ -123,9 +123,6 @@ $dropdown-width: 38px;
         float: none;
       }
     }
-    .toolbar-component {
-      width: auto;
-    }
   }
 
   >.panel {

package/lib/checkbox/index.d.ts

@@ -1,5 +1,5 @@
+import React__default from 'react';
 import { ICheckBoxProps } from './types.js';
-import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 
@@ -8,6 +8,6 @@ import '../@types/Position.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 CheckBox: ({ name, required, value, label, onChange, autofocus, hint, id, gridLayout, checked, disabled, permissionAttr, tooltip, tooltipPosition, tooltipWidth, skeletonize, targetRef, errorMessages, }: ICheckBoxProps) => JSX.Element | null;
+declare const CheckBox: React__default.ForwardRefExoticComponent<ICheckBoxProps & React__default.RefAttributes<HTMLInputElement>>;
 
 export { CheckBox as default };

package/lib/checkbox/index.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Label = _interopRequireDefault(require("./Label"));
-var _hint = _interopRequireDefault(require("../hint"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var helpers = _interopRequireWildcard(require("../inputs/base/helpers"));
-var _permissionValidations = require("../permissionValidations");
+var _Label = _interopRequireDefault(require("./Label"));
 require("../assets/styles/checkbox.scss");
+var _permissionValidations = require("../permissionValidations");
+var _hint = _interopRequireDefault(require("../hint"));
 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; }
@@ -21,7 +20,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  * componente para gerar propriedades customizadas.
  */
 
-const CheckBox = _ref => {
+const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     name,
     required,
@@ -39,13 +38,13 @@ const CheckBox = _ref => {
     tooltipPosition = 'top',
     tooltipWidth = 'auto',
     skeletonize,
-    targetRef,
-    errorMessages
+    targetRef
   } = _ref;
   const [isChecked, setIsChecked] = (0, _react.useState)(checked);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
   const inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current, [inputRef.current]);
   (0, _react.useEffect)(() => {
     setIsChecked(checked);
   }, [checked]);
@@ -77,8 +76,7 @@ const CheckBox = _ref => {
     onClick: !shouldDisable() && !skeletonize ? () => setIsChecked(!isChecked) : undefined,
     tabIndex: -1,
     role: "checkbox",
-    "aria-checked": "false",
-    onKeyPress: undefined
+    "aria-checked": "false"
   }, /*#__PURE__*/_react.default.createElement("input", {
     ref: r => {
       if (targetRef) targetRef(r);
@@ -103,11 +101,12 @@ const CheckBox = _ref => {
     visible: !!hint,
     description: hint,
     customClass: "hint"
-  }), errorMessages && helpers.getErrorMessages(errorMessages));
+  }));
   if (onDenied.unvisible) return null;
   return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     customClass: "-withinput",
     cols: gridLayout
   }, renderInput()) : renderInput();
-};
+});
+CheckBox.displayName = 'CheckBox';
 var _default = exports.default = CheckBox;

package/lib/checkbox/types.d.ts

@@ -37,7 +37,6 @@ interface ICheckBoxProps {
     skeletonize?: boolean;
     targetRef?: (ref: HTMLInputElement | null) => void;
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
-    errorMessages?: string[] | undefined;
 }
 
 export type { ChangeEvent, ICheckBoxProps };

package/lib/dialog/Custom.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _base = _interopRequireDefault(require("./base"));
 var _Footer = _interopRequireDefault(require("./base/Footer"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _buttons = require("../buttons");
+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 }; }
 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 getIcon = (iconName, icon) => {
@@ -46,7 +48,7 @@ const Custom = props => {
   }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
     position: "right"
   }, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
-    key: "button-".concat(_uuid.default.v1())
+    key: "button-".concat(uuid.v1())
   })))));
 };
 var _default = exports.default = Custom;

package/lib/dialog/form/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FormDialogContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _base = _interopRequireDefault(require("../base"));
 var _Header = _interopRequireDefault(require("../base/Header"));
 var _index = require("../../buttons/index");
@@ -71,12 +71,12 @@ const ModalForm = props => {
   }), props.buttons.map(button => {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
-        key: "button-".concat(_uuid.default.v1()),
+        key: "button-".concat(uuid.v1()),
         onClick: props.handlerClose
       });
     }
     return /*#__PURE__*/_react.default.cloneElement(button, {
-      key: "button-".concat(_uuid.default.v1())
+      key: "button-".concat(uuid.v1())
     });
   })))));
 };

package/lib/inputs/multiSelect/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _lodash = _interopRequireDefault(require("lodash"));
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
 var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
@@ -33,7 +33,7 @@ const MultiSelectField = props => {
     gridLayout,
     dropdownAlignButton = 'left'
   } = props;
-  const componentId = "multiSelect-component".concat(_uuid.default.v1());
+  const componentId = "multiSelect-component".concat(uuid.v1());
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [selecteds, setSelecteds] = (0, _react.useState)();
   const [inputValue, setInputValue] = (0, _react.useState)('');

package/lib/inputs/select/multiple/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ActionButtons = _interopRequireDefault(require("../ActionButtons"));
 var _Selecteds = _interopRequireDefault(require("./Selecteds"));
@@ -35,7 +35,7 @@ const MultipleSelect = props => {
   const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
   const [onDenied, setOnDeniedSelect] = (0, _react.useState)();
   const [valueFromProps, setValueFromProps] = (0, _react.useState)([]);
-  const componentId = "select-component".concat(_uuid.default.v1());
+  const componentId = "select-component".concat(uuid.v1());
   const componentRef = (0, _react.useRef)(null);
   const dropdownRef = (0, _react.useRef)(null);
   const selectWrapper = (0, _react.useRef)();

package/lib/inputs/select/simple/index.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 _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ActionButtons = _interopRequireDefault(require("../ActionButtons"));
@@ -48,7 +48,7 @@ const SimpleSelect = props => {
   const [onDenied, setOnDeniedSelect] = (0, _react.useState)();
   const [isTyping, setIsTyping] = (0, _react.useState)(false);
   const dropdownRef = (0, _react.useRef)(null);
-  const componentId = "select-component".concat(_uuid.default.v1());
+  const componentId = "select-component".concat(uuid.v1());
   const componentRef = (0, _react.useRef)(null);
   const selectWrapper = (0, _react.useRef)();
   const gridElement = (0, _react.useRef)();
@@ -138,7 +138,6 @@ const SimpleSelect = props => {
           clearSelected();
         }
       }
-      setDataCombo(dataSourceWithAllOptions);
     }
     if (!insideComponent) {
       setOpened(false);

package/lib/menus/sidenav/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "NavSubMenuItem", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
+var uuid = _interopRequireWildcard(require("uuid"));
 var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
 var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
 var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
@@ -82,7 +82,7 @@ const SideNav = props => {
     } = child;
     if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
       setMenuItemsContent(prevState => [...prevState, {
-        id: "".concat(child.props.title, "-").concat(_uuid.default.v1()),
+        id: "".concat(child.props.title, "-").concat(uuid.v1()),
         content: child.props.title,
         url: child.props.url
       }]);
@@ -127,7 +127,7 @@ const SideNav = props => {
   }, [expanded]);
   const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');
   const getPopupMenuSearch = () => /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
-    key: "popup-menusearch-".concat(_uuid.default.v1())
+    key: "popup-menusearch-".concat(uuid.v1())
   }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
     childrenIsSubMenu: false,
     customClass: "-customsidenavitem",

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/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.0",
+  "version": "1.1.2-beta.2",
   "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",