linear-react-components-ui 1.0.10-beta.8 → 1.0.10-rc.0

package/lib/icons/types.d.ts

@@ -1,6 +1,8 @@
 import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import './helper.js';
 
 type ListIconType = {
     [name: string]: {
@@ -16,7 +18,7 @@ interface IIconProps {
     visible?: boolean;
     disabled?: boolean;
     pointerEvents?: PointerEvents;
-    name?: string;
+    name?: IconNames;
     viewBox?: string;
     svgStruct?: {
         viewbox: string;

package/lib/index.d.ts

@@ -7,10 +7,12 @@ export { default as List } from './list/index.js';
 export { default as Radio } from './radio/index.js';
 export { default as Tab } from './tabs/index.js';
 export { default as Dialog } from './dialog/base/index.js';
-import './types-90c43ae1.js';
+import './types-c1e2d0c9.js';
 import 'react';
 import './@types/PermissionAttr.js';
 import './internals/colorStyles.js';
+import './@types/Icon.js';
+import './icons/helper.js';
 import './toolbar/ToolBarGroup.js';
 import './toolbar/types.js';
 import './@types/ButtonTypes.js';

package/lib/inputs/inputHOC.d.ts

@@ -7,6 +7,8 @@ import '../@types/Align.js';
 import '../@types/Period.js';
 import '../drawer/types.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

package/lib/inputs/mask/helpers.d.ts

@@ -8,6 +8,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";

package/lib/inputs/mask/imaskHOC.d.ts

@@ -7,6 +7,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

package/lib/inputs/number/BaseNumber.d.ts

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/Currency.d.ts

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 

package/lib/inputs/number/Decimal.d.ts

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/index.d.ts

@@ -10,6 +10,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

package/lib/inputs/number/types.d.ts

@@ -7,6 +7,8 @@ import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     value?: string;

package/lib/inputs/search/index.d.ts

@@ -7,6 +7,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const SearchField: (props: ISearchProps) => JSX.Element | null;
 

package/lib/inputs/select/ActionButtons.d.ts

@@ -7,6 +7,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
 

package/lib/inputs/select/Dropdown.d.ts

@@ -7,6 +7,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
 

package/lib/inputs/select/helper.d.ts

@@ -8,6 +8,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const contentClass: (props: IDropdownSelectProps) => string;
 declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

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

@@ -61,7 +61,7 @@ var SimpleSelect = function SimpleSelect(props) {
     _useState2 = _slicedToArray(_useState, 2),
     dataCombo = _useState2[0],
     setDataCombo = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(null),
     _useState4 = _slicedToArray(_useState3, 2),
     selected = _useState4[0],
     setSelected = _useState4[1];
@@ -89,7 +89,7 @@ var SimpleSelect = function SimpleSelect(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     isTyping = _useState16[0],
     setIsTyping = _useState16[1];
-  var _useState17 = (0, _react.useState)(''),
+  var _useState17 = (0, _react.useState)(null),
     _useState18 = _slicedToArray(_useState17, 2),
     valueFromProps = _useState18[0],
     setValueFromProps = _useState18[1];
@@ -98,6 +98,11 @@ var SimpleSelect = function SimpleSelect(props) {
   var componentRef = (0, _react.useRef)(null);
   var selectWrapper = (0, _react.useRef)();
   var gridElement = (0, _react.useRef)();
+  var clearSelected = function clearSelected() {
+    setInputText('');
+    setSelected(null);
+    setDataCombo(dataSourceWithAllOptions);
+  };
   var onScreenResize = function onScreenResize() {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
@@ -129,7 +134,7 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   };
   var onFilter = function onFilter(valueFilter) {
-    var selectedFilter;
+    var selectedFilter = null;
     if (remoteSearch) {
       if (onSearch) onSearch(valueFilter);
     } else {
@@ -138,13 +143,19 @@ var SimpleSelect = function SimpleSelect(props) {
         descriptionKey: descriptionKey,
         dataSource: dataSourceWithAllOptions
       });
-      if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];
+      if (dataComboFilter && dataComboFilter.length > 0) {
+        selectedFilter = dataComboFilter[0];
+      }
       setDataCombo(dataComboFilter);
     }
-    onChange(selectedFilter);
     setOpened(true);
     setInputText(valueFilter);
     setSelected(selectedFilter);
+    if (selectedFilter) {
+      if (descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey] || !descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter)) {
+        onChange(selectedFilter);
+      }
+    }
   };
   var onSelect = function onSelect(selectedDropdown) {
     if (selectedDropdown === undefined) return;
@@ -168,6 +179,11 @@ var SimpleSelect = function SimpleSelect(props) {
     if (props.onBlur) {
       var event = getSelectEvent(selected);
       props.onBlur(event);
+      if (selected) {
+        if (descriptionKeyIsString && inputText !== selected[descriptionKey] || !descriptionKeyIsString && inputText !== descriptionKey(selected)) {
+          clearSelected();
+        }
+      }
     }
     if (!insideComponent) {
       setOpened(false);
@@ -182,15 +198,15 @@ var SimpleSelect = function SimpleSelect(props) {
         onSelect(selected);
       } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
         if (!opened) setOpened(true);
-        var index = dataSourceWithAllOptions.length > 0 ? dataSourceWithAllOptions.findIndex(function (d) {
+        var index = dataCombo.length > 0 ? dataCombo.findIndex(function (d) {
           return selected && d[idKey] === selected[idKey];
         }) : 0;
         if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-          index = dataSourceWithAllOptions && index === dataSourceWithAllOptions.length - 1 ? 0 : index + 1;
+          index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
         } else {
-          index = dataSourceWithAllOptions && index === 0 ? (dataSourceWithAllOptions === null || dataSourceWithAllOptions === void 0 ? void 0 : dataSourceWithAllOptions.length) - 1 : index - 1;
+          index = dataCombo && index === 0 ? (dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.length) - 1 : index - 1;
         }
-        setSelected(dataSourceWithAllOptions[index]);
+        setSelected(dataCombo[index]);
       }
     }
     if (!isTyping) setIsTyping(true);

package/lib/inputs/types.d.ts

@@ -6,6 +6,8 @@ import { IDrawerProps } from '../drawer/types.js';
 import { TextAlign } from '../@types/Align.js';
 import '../@types/Period.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 type DescriptionKey = string | ((dataSelected: DataCombo) => string);
 interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {

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

@@ -24,8 +24,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,
@@ -47,9 +46,9 @@ var LabelMessages = function LabelMessages(_ref) {
     return "labelmessages-component -".concat(type, " ").concat(customClass, "\n    ").concat(square && '-square', " ").concat(flat && '-flat');
   };
   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

@@ -10,6 +10,8 @@ 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';
 
 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

@@ -3,6 +3,8 @@ 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;