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

package/lib/internals/withTooltip.js

@@ -52,7 +52,8 @@ var withTooltip = function withTooltip(WrappedComponent) {
         _props$space = props.space,
         space = _props$space === void 0 ? 20 : _props$space,
         _props$tooltipPositio = props.tooltipPosition,
-        tooltipPosition = _props$tooltipPositio === void 0 ? 'bottom' : _props$tooltipPositio;
+        tooltipPosition = _props$tooltipPositio === void 0 ? 'bottom' : _props$tooltipPositio,
+        errorMessage = props.errorMessage;
 
     var _useState = (0, _react.useState)(tooltipPosition),
         _useState2 = _slicedToArray(_useState, 2),
@@ -96,11 +97,16 @@ var withTooltip = function withTooltip(WrappedComponent) {
 
     (0, _react.useEffect)(function () {
       if (hasTooltip(props)) {
-        document.addEventListener('mouseover', onMouseOver);
-        document.addEventListener('scroll', onAnyScroll, true);
+        if (errorMessage) {
+          setShowTooltip(true);
+        } else {
+          setShowTooltip(false);
+          document.addEventListener('mouseover', onMouseOver);
+          document.addEventListener('scroll', onAnyScroll, true);
 
-        if (targetElement && targetElement.current) {
-          targetElement.current.addEventListener('mouseout', onMouseOut);
+          if (targetElement && targetElement.current) {
+            targetElement.current.addEventListener('mouseout', onMouseOut);
+          }
         }
       }
 
@@ -114,7 +120,7 @@ var withTooltip = function withTooltip(WrappedComponent) {
           }
         }
       };
-    }, []);
+    }, [errorMessage]);
     (0, _react.useEffect)(function () {
       if (targetElement.current && tooltipElement.current) {
         var width = tooltipDimensions.width,
@@ -181,6 +187,7 @@ var withTooltip = function withTooltip(WrappedComponent) {
       if (tooltip) {
         return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           text: tooltip,
+          textError: errorMessage,
           tooltipRef: tooltipElement,
           style: tooltipStyle,
           className: stateTooltipPosition,

package/lib/labelMessages/index.d.ts

@@ -1,6 +1,8 @@
 import { ILabelMessagesProps } from './types.js';
 import 'react';
 import '../@types/LabelStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const LabelMessages: ({ style, icon, flat, iconName, handlerClosed, square, visible, children, customClass, type, showCloseButton }: ILabelMessagesProps) => JSX.Element | null;
 

package/lib/labelMessages/index.js

@@ -38,8 +38,7 @@ var LabelMessages = function LabelMessages(_ref) {
       icon = _ref$icon === void 0 ? null : _ref$icon,
       _ref$flat = _ref.flat,
       flat = _ref$flat === void 0 ? false : _ref$flat,
-      _ref$iconName = _ref.iconName,
-      iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
+      iconName = _ref.iconName,
       handlerClosed = _ref.handlerClosed,
       _ref$square = _ref.square,
       square = _ref$square === void 0 ? true : _ref$square,
@@ -64,9 +63,9 @@ var LabelMessages = function LabelMessages(_ref) {
   };
 
   var getIcon = function getIcon() {
-    if (icon !== null) {
+    if (icon) {
       return icon;
-    } else if (iconName !== null) {
+    } else if (iconName) {
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
         name: iconName,
         size: 16,

package/lib/labelMessages/types.d.ts

@@ -1,10 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
 import { LabelStyles } from '../@types/LabelStyles.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface ILabelMessagesProps {
     style?: CSSProperties;
     type?: LabelStyles;
-    iconName?: string;
+    iconName?: IconNames;
     icon?: ReactNode | null;
     children?: ReactNode;
     customClass?: string;

package/lib/labels/DangerLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DangerLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/DefaultLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: {
     (props: ILabelProps): JSX.Element;

package/lib/labels/InfoLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InfoLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/PrimaryLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PrimaryLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/SuccessLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const SuccessLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/WarningLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const WarningLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/index.d.ts

@@ -11,3 +11,5 @@ import '../@types/Position.js';
 import './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/labels/types.d.ts

@@ -2,11 +2,13 @@ import { ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
     customClass?: string;
     size?: Size;
-    iconName?: string;
+    iconName?: IconNames;
     iconAlign?: Position;
     icon?: ReactElement;
     targetRef?: (ref: HTMLDivElement | null) => void;

package/lib/list/Header.d.ts

@@ -1,6 +1,8 @@
 import { IListHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Header: ({ title, children, style, customClass }: IListHeaderProps) => JSX.Element;
 

package/lib/list/Item.d.ts

@@ -1,6 +1,8 @@
 import { IListItemProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Item: (props: IListItemProps) => JSX.Element | null;
 

package/lib/list/helpers.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IListContext } from './types.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ListContext: React__default.Context<IListContext>;
 declare const LIST_ITEMS_TYPES: {

package/lib/list/index.d.ts

@@ -4,6 +4,8 @@ export { default as ListSeparator } from './Separator.js';
 import { IListProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const List: (props: IListProps) => JSX.Element;
 

package/lib/list/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode, ReactElement, CSSProperties, Ref } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare type ItemId = string;
 interface KeyboardEvent {
@@ -40,8 +42,8 @@ interface IListItemProps {
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
     onClick?: (event?: React.MouseEvent<HTMLLIElement, MouseEvent> | KeyboardEvent, itemId?: string) => void;
-    leftIconName?: string;
-    rightIconName?: string;
+    leftIconName?: IconNames;
+    rightIconName?: IconNames;
     customClass?: string;
     url?: string;
     visible?: boolean;

package/lib/menus/float/MenuItem.d.ts

@@ -1,6 +1,8 @@
 import { IFloatMenuItemProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => JSX.Element;
 

package/lib/menus/float/helpers.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IFloatMenuContext } from './types.js';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const FloatMenuContext: React__default.Context<IFloatMenuContext>;
 

package/lib/menus/float/index.d.ts

@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { IFloatMenuProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
     title: any;

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 import { SizePixels } from '../../@types/SizePixels.js';
+import { IconNames } from '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 interface IFloatMenuContext {
     customClassMenuItem?: string;
@@ -17,7 +19,7 @@ interface IFloatMenuItemProps {
     title?: string;
     url?: string;
     urlHref?: string;
-    iconName?: string;
+    iconName?: IconNames;
     iconColor?: string;
     iconSize?: SizePixels;
     customClass?: string;

package/lib/menus/index.d.ts

@@ -4,4 +4,6 @@ import './float/MenuItem.js';
 import './float/types.js';
 import 'react';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 import 'prop-types';

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
 

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: {
     (props: IMenuLinkProps): JSX.Element;

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NavMenuGroup: ({ children, scrollable }: INavMenuGroupProps) => JSX.Element;
 

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: {
     (props: INavMenuItemProps): JSX.Element;

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => JSX.Element | null;
 

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

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
 declare const SubMenuContext: React__default.Context<ISubMenuContext>;

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

@@ -8,6 +8,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const SideNav: (props: ISideNavProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -4,6 +4,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
 import '../../../internals/types.js';
 import '../../../@types/Position.js';
+import '../../../@types/Icon.js';
+import '../../../icons/helper.js';
 
 declare const EmptyList: ({ info, visible, }: IEmptyListProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -4,6 +4,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
 import '../../../internals/types.js';
 import '../../../@types/Position.js';
+import '../../../@types/Icon.js';
+import '../../../icons/helper.js';
 
 declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React__default.ReactPortal;
 

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

@@ -2,7 +2,9 @@ import { ReactNode, ReactElement, Ref, CSSProperties } from 'react';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { Size } from '../../@types/Size.js';
 import { WithTooltipProps } from '../../internals/types.js';
+import { IconNames } from '../../@types/Icon.js';
 import '../../@types/Position.js';
+import '../../icons/helper.js';
 
 interface ISideNavProps {
     children: ReactNode;
@@ -40,7 +42,7 @@ interface INavMenuGroupProps {
 interface INavMenuItemProps extends WithTooltipProps {
     children?: ReactNode;
     title?: string;
-    iconName?: string;
+    iconName?: IconNames;
     childrenIsSubMenu?: boolean;
     url?: string;
     customClass?: string;
@@ -58,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName?: string;
+    iconName?: IconNames;
 }
 interface IEmptyListProps {
     info?: string;

package/lib/panel/Content.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PanelContent: ({ customClass, children, style }: IPanelProps) => JSX.Element | null;
 

package/lib/panel/DangerPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DangerPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/Default.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, style, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, }: IPanelProps) => JSX.Element | null;
 

package/lib/panel/Header.d.ts

@@ -1,7 +1,9 @@
-import { a as IPanelHeaderProps } from '../types-3c6f1c20.js';
+import { a as IPanelHeaderProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PanelHeader: (props: IPanelHeaderProps) => JSX.Element;
 

package/lib/panel/Header.js

@@ -22,9 +22,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var getIcon = function getIcon(titleIcon, icon) {
-  if (icon !== undefined) {
+  if (icon) {
     return icon;
-  } else if (titleIcon !== '') {
+  } else if (titleIcon) {
     return /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: titleIcon,
       color: "#000",
@@ -45,8 +45,7 @@ var getClassName = function getClassName(_ref) {
 };
 
 var PanelHeader = function PanelHeader(props) {
-  var _props$titleIcon = props.titleIcon,
-      titleIcon = _props$titleIcon === void 0 ? '' : _props$titleIcon,
+  var titleIcon = props.titleIcon,
       icon = props.icon,
       title = props.title,
       children = props.children,

package/lib/panel/InfoPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InfoPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/PrimaryPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PrimaryPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/SuccessPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const SuccessPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/ToolBar.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ToolBar: ({ children }: IPanelProps) => JSX.Element;
 

package/lib/panel/WarningPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-3c6f1c20.js';
+import { I as IPanelProps } from '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const WarningPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/helpers.d.ts

@@ -1,4 +1,6 @@
 import 'react';
-export { P as default, n as numberAroundZeroAndOne } from '../types-3c6f1c20.js';
+export { P as default, n as numberAroundZeroAndOne } from '../types-c1d83632.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/panel/index.d.ts

@@ -7,7 +7,9 @@ export { default as SuccessPanel } from './SuccessPanel.js';
 export { default as InfoPanel } from './InfoPanel.js';
 export { default as PanelHeader } from './Header.js';
 export { default as PanelContent } from './Content.js';
-import '../types-3c6f1c20.js';
+import '../types-c1d83632.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/panel/types.d.ts

@@ -1,4 +1,6 @@
 import 'react';
-export { C as ContextProps, a as IPanelHeaderProps, I as IPanelProps, b as IParameterFunction } from '../types-3c6f1c20.js';
+export { C as ContextProps, a as IPanelHeaderProps, I as IPanelProps, b as IParameterFunction } from '../types-c1d83632.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/popover/PopoverText.d.ts

@@ -2,6 +2,8 @@ import { PopoverTextProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
 

package/lib/popover/PopoverTitle.d.ts

@@ -2,6 +2,8 @@ import { PopoverTitleProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
 

package/lib/popover/index.d.ts

@@ -4,6 +4,8 @@ import { IPopoverProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: {
     (props: IPopoverProps): JSX.Element;

package/lib/popover/index.js

@@ -39,8 +39,7 @@ var Popover = function Popover(_ref) {
       align = _ref$align === void 0 ? 'left' : _ref$align,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
-      _ref$iconName = _ref.iconName,
-      iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
+      iconName = _ref.iconName,
       _ref$iconSize = _ref.iconSize,
       iconSize = _ref$iconSize === void 0 ? 16 : _ref$iconSize,
       _ref$iconColor = _ref.iconColor,

package/lib/popover/types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface PopoverTitleProps {
     children?: ReactNode;
@@ -9,7 +11,7 @@ interface PopoverTextProps {
     children?: ReactNode;
 }
 interface IPopoverProps {
-    iconName?: string;
+    iconName?: IconNames;
     iconColor?: string;
     customClass?: string;
     children?: ReactNode;