@codacy/ui-components 0.62.0 → 0.62.2

package/lib/Dropdown/Dropdown.js

@@ -84,7 +84,7 @@ export var Dropdown = function Dropdown(_ref) {
   }, attributes.popper, {
     size: size
   }), children);
-  var containerElement = portal && document.querySelector('body');
+  var containerElement = portal && document.querySelector(portal === true ? 'body' : portal);
   return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
     value: {
       open: open,

package/lib/Dropdown/Dropdown.types.d.ts

@@ -6,7 +6,7 @@ import { Size } from '../theme';
 import { InputProps } from '../Input/types';
 import { BoxProps } from '../Flexbox';
 export declare type DropdownPanelAlignment = 'left' | 'right';
-export declare type DropdownValueType = object | number | string | null;
+export declare type DropdownValueType = Record<symbol | string | number, unknown> | number | string | null;
 export interface DropdownProps extends ContainerComponentProps, SpaceProps {
     /** The content of the dropdown button */
     trigger: React.ReactElement;
@@ -19,7 +19,7 @@ export interface DropdownProps extends ContainerComponentProps, SpaceProps {
     /** Initial selected value on start */
     initialValue?: DropdownValueType;
     /** Adds the panel object to a portal on the document's root; useful for dropdowns to be shown in a different context like an iframe. */
-    portal?: boolean;
+    portal?: boolean | string;
     /** Callback to run when opening the dropdown */
     onOpen?: () => void;
     /** Callback to run when closing the dropdown */

package/lib/Input/Input.js

@@ -125,7 +125,7 @@ var Input = React.forwardRef(function (_ref2, ref) {
     onClick: !disabled ? onClick : undefined
   })), !label && moreInfo && /*#__PURE__*/React.createElement(MoreInfo, {
     ml: 2,
-    title: moreInfo,
+    helpContent: moreInfo,
     textAlignment: "center"
   })), help && !hasError && /*#__PURE__*/React.createElement(InputHelp, {
     id: "help-".concat(id)

package/lib/Input/types.d.ts

@@ -3,6 +3,7 @@ import { ControlProps } from '../types';
 import { Size } from '../theme';
 import { SpaceProps } from '../system-props/types';
 import { IconProps, IconFile } from '../Icon/Icon.types';
+import { MoreInfoProps } from '../MoreInfo/types';
 export declare type InputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url' | 'date';
 export interface InputProps extends ControlProps, SpaceProps {
     /** Display input as a required input field */
@@ -14,7 +15,7 @@ export interface InputProps extends ControlProps, SpaceProps {
     /** The label of the input */
     label?: string;
     /** Display an information icon next to the input */
-    moreInfo?: string;
+    moreInfo?: MoreInfoProps['helpContent'];
     /** Specifies the maximum number of character for an input field */
     maxLength?: number;
     /** Type of input */

package/lib/Labeled/Labeled.js

@@ -23,7 +23,7 @@ export var Labeled = function Labeled(_ref) {
     htmlFor: forId
   }, label, !required && /*#__PURE__*/React.createElement(Optional, null, "(optional)"), moreInfo && /*#__PURE__*/React.createElement(MoreInfo, {
     ml: 2,
-    title: moreInfo,
+    helpContent: moreInfo,
     textAlignment: "center"
   })), children);
 };

package/lib/Labeled/types.d.ts

@@ -1,6 +1,7 @@
 import { ContainerComponentProps } from '../types';
 import { SpaceProps } from '../system-props/types';
 import { Size } from '../theme';
+import { MoreInfoProps } from '../MoreInfo/types';
 export interface LabeledProps extends ContainerComponentProps, SpaceProps {
     /** Is this control required? */
     required?: boolean;
@@ -11,5 +12,5 @@ export interface LabeledProps extends ContainerComponentProps, SpaceProps {
     /** ID of the associated component */
     forId?: string;
     /** Display an information icon next to the label */
-    moreInfo?: string;
+    moreInfo?: MoreInfoProps['helpContent'];
 }

package/lib/MoreInfo/MoreInfo.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["title", "textAlignment", "placement"];
+var _excluded = ["helpContent", "textAlignment", "placement"];
 import React from 'react';
 import { Tooltip } from '../Tooltip';
 import { Icon } from '..';
@@ -31,13 +31,13 @@ var HelpIcon = function HelpIcon() {
 
 
 var MoreInfo = function MoreInfo(_ref) {
-  var title = _ref.title,
+  var helpContent = _ref.helpContent,
       textAlignment = _ref.textAlignment,
       placement = _ref.placement,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Tooltip, {
-    content: title,
+    content: helpContent,
     textAlignment: textAlignment,
     placement: placement
   }, /*#__PURE__*/React.createElement(Icon, Object.assign({

package/lib/MoreInfo/types.d.ts

@@ -1,6 +1,5 @@
-import { TooltipPositionProps } from '../Tooltip/types';
+import { TooltipContentProps, TooltipPositionProps } from '../Tooltip/types';
 import { IconProps } from '../Icon/Icon.types';
 export interface MoreInfoProps extends TooltipPositionProps, Omit<IconProps, 'icon'> {
-    /** The content to display whhen hovering the icon */
-    title: string;
+    helpContent: TooltipContentProps['content'];
 }

package/lib/TagsInput/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MoreInfoProps } from '../MoreInfo/types';
 import { Size } from '../theme';
 import { ComponentProps } from '../types';
 declare type Tags = string[];
@@ -9,7 +10,7 @@ export interface TagsInputProps extends ComponentProps {
     required?: boolean;
     label?: string;
     size?: Size;
-    moreInfo?: string;
+    moreInfo?: MoreInfoProps['helpContent'];
 }
 export interface TagsInputPropsState extends TagsInputProps {
     setTags: (tag: React.SetStateAction<string[]>) => void;

package/lib/Textarea/Textarea.js

@@ -54,7 +54,7 @@ export var Textarea = function Textarea(_ref) {
     icon: ErrorIcon
   })), !label && moreInfo && /*#__PURE__*/React.createElement(MoreInfo, {
     ml: 2,
-    title: moreInfo
+    helpContent: moreInfo
   })), help && !hasError && /*#__PURE__*/React.createElement(TextareaHelp, {
     id: "help-".concat(id)
   }, help), hasError && /*#__PURE__*/React.createElement(TextareaErrorMessage, {

package/lib/Textarea/Textarea.types.d.ts

@@ -2,6 +2,7 @@
 import { ControlProps } from '../types';
 import { SpaceProps } from '../system-props/types';
 import { Size } from '../theme';
+import { MoreInfoProps } from '../MoreInfo/types';
 export interface TextareaProps extends ControlProps, SpaceProps {
     /** Display input as a required input field */
     required?: boolean;
@@ -12,7 +13,7 @@ export interface TextareaProps extends ControlProps, SpaceProps {
     /** The label of the input */
     label?: string;
     /** Display an information icon next to the input */
-    moreInfo?: string;
+    moreInfo?: MoreInfoProps['helpContent'];
     /** Specifies the maximum number of character for an input field */
     maxLength?: number;
     /** Size of input */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.62.0",
+  "version": "0.62.2",
   "description": "",
   "license": "ISC",
   "author": "",