linear-react-components-ui 1.1.18-beta.15 → 1.1.18-beta.17

package/lib/popover/index.js

@@ -32,7 +32,8 @@ const Popover = _ref => {
     iconName,
     iconSize = 16,
     iconColor = '',
-    customClass = ''
+    customClass = '',
+    style
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     round: true,
@@ -44,10 +45,7 @@ const Popover = _ref => {
     dropdownAlign: align,
     showIconDropdown: false,
     customClass: "popover-component",
-    style: {
-      height: '100%',
-      width: '100%'
-    },
+    style: style,
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       customClass: "buttonicon",
       name: iconName || 'information',

package/lib/popover/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
@@ -18,6 +18,7 @@ interface IPopoverProps {
     theme?: 'light' | 'dark';
     align?: Extract<Position, 'left' | 'right'>;
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    style?: CSSProperties;
 }
 
 export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/radio/index.d.ts

@@ -8,6 +8,6 @@ import '../@types/Size.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 Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, forwardedRef, size, permissionAttr }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, forwardedRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -7,6 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/radio.scss");
 var _permissionValidations = require("../permissionValidations");
+var _popover = _interopRequireDefault(require("../popover"));
+var _textContent = _interopRequireDefault(require("../textContent"));
+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); }
@@ -35,6 +38,12 @@ const Radio = _ref => {
     defaultChecked = false,
     forwardedRef,
     size = 'medium',
+    customClassForLabel,
+    labelUppercase,
+    hint,
+    hintPosition = 'onLabelRight',
+    themePopover = 'light',
+    popoverAlign = 'left',
     permissionAttr
   } = _ref;
   const [isChecked, setIsChecked] = (0, _react.useState)(checked);
@@ -64,6 +73,12 @@ const Radio = _ref => {
   };
   if (onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-input",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
   }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
     ref: forwardedRef,
@@ -77,6 +92,22 @@ const Radio = _ref => {
   })), /*#__PURE__*/_react.default.createElement("label", {
     className: "description ".concat(size && "-".concat(size)),
     htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement("span", null, label)));
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: required,
+    disabled: shouldDisable(),
+    className: customClassForLabel,
+    labelUppercase: labelUppercase
+  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null)))), !!hint && hintPosition === 'onLabelRight' && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    customClass: "-hint",
+    iconColor: "#03bde2",
+    iconSize: 16,
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint));
 };
 var _default = exports.default = Radio;

package/lib/radio/types.d.ts

@@ -16,6 +16,12 @@ interface IRadioProps {
     permissionAttr?: PermissionAttr | PermissionAttr;
     skeletonize?: boolean;
     forwardedRef?: Ref<HTMLInputElement>;
+    customClassForLabel?: string;
+    labelUppercase?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
 }
 
 export { IRadioProps };

package/lib/tabs/DropdownTabs.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _buttons = _interopRequireDefault(require("../buttons"));
 var _list = _interopRequireWildcard(require("../list"));
 var _useTabs = require("./useTabs");
+var _lodash = _interopRequireDefault(require("lodash"));
 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(e) { return e && e.__esModule ? e : { default: e }; }
@@ -53,6 +54,7 @@ const DropdownTabs = _ref2 => {
     tabMenuSize = 'medium'
   } = _ref2;
   const hasTabs = tabs.length > 0;
+  const uniqueTabs = _lodash.default.uniqBy(tabs, 'id');
   if (tabs.length === 0) return null;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     dropdown: true,
@@ -63,7 +65,7 @@ const DropdownTabs = _ref2 => {
     customClass: "dropdownbutton ".concat(hasTabs ? 'show' : '')
   }, /*#__PURE__*/_react.default.createElement(_list.default, {
     customClass: "dropdown-hide-tabs"
-  }, tabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({
+  }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({
     key: tab.id,
     tabMenuSize: tabMenuSize
   }, tab)))));

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.18-beta.15",
+  "version": "1.1.18-beta.17",
   "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 };