linear-react-components-ui 1.0.10-beta.12 → 1.0.10-beta.13

package/lib/radio/index.d.ts

@@ -1,12 +1,13 @@
 import { IRadioProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
 
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, permissionAttr }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, size, permissionAttr }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -52,6 +52,8 @@ var Radio = function Radio(_ref) {
       skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
       _ref$defaultChecked = _ref.defaultChecked,
       defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
       permissionAttr = _ref.permissionAttr;
 
   var _useState = (0, _react.useState)(checked),
@@ -108,7 +110,7 @@ var Radio = function Radio(_ref) {
     required: required,
     disabled: shouldDisable()
   })), /*#__PURE__*/_react.default.createElement("label", {
-    className: "description",
+    className: "description ".concat(size && "-".concat(size)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };

package/lib/radio/types.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Size } from '../@types/Size.js';
 
 interface IRadioProps {
     label?: string;
@@ -9,6 +10,7 @@ interface IRadioProps {
     name?: string;
     id?: string;
     required?: boolean;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
     onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
     checked?: boolean;
     permissionAttr?: PermissionAttr | PermissionAttr;

package/lib/table/Row.js

@@ -28,7 +28,14 @@ var Row = function Row(props) {
       onMouseEnter = props.onMouseEnter,
       onMouseLeave = props.onMouseLeave,
       _props$rowBorder = props.rowBorder,
-      rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder;
+      rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
+      divider = props.divider,
+      dividerTitle = props.dividerTitle,
+      dividerStyle = props.dividerStyle,
+      _props$dividerColor = props.dividerColor,
+      dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
+      _props$dividerColSpan = props.dividerColSpan,
+      dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
 
   var _useContext = (0, _react.useContext)(_helpers.default),
       selectedRowId = _useContext.selectedRowId,
@@ -50,7 +57,7 @@ var Row = function Row(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_helpers.RowContext.Provider, {
     value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("tr", {
+  }, !divider ? /*#__PURE__*/_react.default.createElement("tr", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     className: "trow ".concat(customClass, " ").concat(rowId && selectedRowId === rowId ? '-selected' : ''),
@@ -63,7 +70,17 @@ var Row = function Row(props) {
     style: _extends({}, style, {
       height: height
     })
-  }, children));
+  }, children) : /*#__PURE__*/_react.default.createElement("tr", {
+    className: "trow trow-divider"
+  }, vertical ? /*#__PURE__*/_react.default.createElement("th", {
+    colSpan: dividerColSpan,
+    className: "-divider -".concat(dividerColor),
+    style: dividerStyle
+  }, dividerTitle || '') : /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: dividerColSpan,
+    className: "-divider -".concat(dividerColor),
+    style: dividerStyle
+  }, dividerTitle || '')));
 };
 
 var _default = Row;

package/lib/table/types.d.ts

@@ -49,6 +49,11 @@ interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>,
     textAlign?: string;
     displayContent?: 'always' | 'never' | 'onRowHover';
     visible?: boolean;
+    divider?: boolean;
+    dividerTitle?: string;
+    dividerColor?: 'primary' | 'danger' | 'info' | 'success' | 'warning';
+    dividerColSpan?: number;
+    dividerStyle?: CSSProperties;
 }
 interface ITableContext {
     bodyScrollable?: boolean;

package/lib/tabs/DropdownItems.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element | null;
 

package/lib/tabs/Menu.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Menu: ({ menuRef, toolbar, toolBarRef, customClassForToolBar, ...props }: MenuProps) => JSX.Element;
 

package/lib/tabs/MenuItems.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const MenuItems: ({ handlerClick, currentPanels, handlerRemovePanel, tabWidth, tabMenuSize, tabMenuAlign, selectedTabId, firstTabIdent, }: MenuProps) => JSX.Element;
 

package/lib/tabs/Panel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Panel: ({ id, children, onEndReached, permissionAttr, customClass, onEndReachedThreshold, }: PanelProps) => JSX.Element;
 

package/lib/tabs/index.d.ts

@@ -4,6 +4,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Tabs: ({ toolbar, children, selectedTab, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidthOnExceedCount, ...props }: ITabsPros) => JSX.Element;
 

package/lib/tabs/tabHelpers.d.ts

@@ -4,6 +4,8 @@ import { Position } from '../@types/Position.js';
 import { PanelTypeAndProps, TabsContextValues } from './types.js';
 import '../@types/Size.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 /**
  * Recursive funcion to get the panels passed as children elements to the Tabs Component.

package/lib/tabs/types.d.ts

@@ -2,6 +2,8 @@ import { ReactElement, CSSProperties, ReactNode } from 'react';
 import { Size } from '../@types/Size.js';
 import { Position } from '../@types/Position.js';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface PanelTypeAndProps extends ReactElement {
     props: PanelProps;
@@ -48,7 +50,7 @@ interface PanelProps {
     tooltip?: string;
     disabled?: boolean;
     closable?: boolean;
-    iconName?: string;
+    iconName?: IconNames;
     children?: ReactNode;
     closeable?: boolean;
     iconAlign?: Extract<Position, 'left' | 'right'>;

package/lib/toolbar/ButtonBar.d.ts

@@ -4,6 +4,8 @@ import '../@types/ButtonTypes.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
 import '../treeview/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ButtonBar: ({ size, icon, onClick, iconName, transparent, customClass, type, iconAlign, label, ...props }: IButtonBarProps) => JSX.Element;
 

package/lib/toolbar/LabelBar.d.ts

@@ -4,6 +4,8 @@ import '../@types/ButtonTypes.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
 import '../treeview/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const LabelBar: ({ size, icon, children, iconName, style, type, bordered, ...props }: ILabelBarProps) => JSX.Element;
 

package/lib/toolbar/ToolBarGroup.d.ts

@@ -4,6 +4,8 @@ import '../@types/ButtonTypes.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
 import '../treeview/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ToolBarGroup: ({ children, style }: IToolBarGroup) => JSX.Element;
 

package/lib/toolbar/helpers.d.ts

@@ -4,6 +4,8 @@ import '../@types/ButtonTypes.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
 import '../treeview/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ToolBarContext: React.Context<IToolbarProps>;
 

package/lib/toolbar/index.d.ts

@@ -8,6 +8,8 @@ import '../@types/ButtonTypes.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
 import '../treeview/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ToolBar: ({ innerRef, children, style, size, customClass, ...props }: IToolbarProps) => JSX.Element;
 

package/lib/toolbar/types.d.ts

@@ -3,6 +3,8 @@ import { ButtonTypes } from '../@types/ButtonTypes.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
 import { NodeItem } from '../treeview/types.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IToolbarProps {
     children?: ReactNode;
@@ -14,7 +16,7 @@ interface IToolbarProps {
 }
 interface IButtonBarProps {
     label?: string;
-    iconName?: string;
+    iconName?: IconNames;
     type?: ButtonTypes;
     icon?: ReactElement;
     onClick?: () => void;
@@ -27,7 +29,7 @@ interface IButtonBarProps {
     onNodeElementClick?: (node: NodeItem) => void;
 }
 interface ILabelBarProps {
-    iconName?: string;
+    iconName?: IconNames;
     bordered?: boolean;
     icon?: ReactElement;
     children?: ReactNode;

package/lib/tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { ITooltipProps } from './types.js';
 
-declare const Tooltip: ({ text, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React__default.ReactPortal;
+declare const Tooltip: ({ text, textError, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React__default.ReactPortal;
 
 export { Tooltip as default };

package/lib/tooltip/index.js

@@ -23,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var Tooltip = function Tooltip(_ref) {
   var text = _ref.text,
+      textError = _ref.textError,
       tooltipRef = _ref.tooltipRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? '' : _ref$style,
@@ -65,11 +66,14 @@ var Tooltip = function Tooltip(_ref) {
   (0, _react.useEffect)(function () {
     tooltipComponent.current.style.cssText = style;
   }, [style]);
+  (0, _react.useEffect)(function () {
+    tooltipComponent.current.className = textError ? "tooltip-error tooltip-component ".concat(className) : "tooltip-component ".concat(className);
+  }, [textError]);
 
   var getTooltipContent = function getTooltipContent() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "tooltipcontent"
-    }, text);
+    }, textError || text);
   };
 
   return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);

package/lib/tooltip/types.d.ts

@@ -11,6 +11,7 @@ interface ITooltipProps {
     tooltipRef?: MutableRefObject<HTMLElement | null>;
     handlerSetDimensions?: ({ width, height }: Dimensions) => void;
     tooltipDimensions?: Dimensions;
+    textError?: string;
 }
 
 export { ITooltipProps };

package/lib/{types-3c6f1c20.d.ts → types-c1d83632.d.ts}

@@ -1,6 +1,7 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from './@types/PermissionAttr.js';
 import ColorStyles from './internals/colorStyles.js';
+import { IconNames } from './@types/Icon.js';
 
 declare function numberAroundZeroAndOne({ props, propName, componentName }: IParameterFunction): Error | null;
 declare const PanelContext: React__default.Context<ContextProps>;
@@ -22,7 +23,7 @@ interface IPanelHeaderProps {
     title?: string;
     children?: ReactElement;
     icon?: ReactElement;
-    titleIcon?: string;
+    titleIcon?: IconNames;
     customClass?: string;
     style?: object;
     styleForTitle?: object;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.10-beta.12",
+  "version": "1.0.10-beta.13",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",