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

package/lib/alerts/AlertContainer.d.ts

@@ -1,6 +1,8 @@
 import { IMessageProps, DefaultMessageConfigType } from './types.js';
 import 'react';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare class AlertContainer {
     pushAlert: (params: IMessageProps) => void;

package/lib/alerts/AlertProvider.d.ts

@@ -1,6 +1,8 @@
 import { IAlertProviderProps } from './types.js';
 import 'react';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const AlertProvider: (props: IAlertProviderProps) => JSX.Element;
 

package/lib/alerts/BaseAlert.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { IBaseAlertProps } from './types.js';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const BaseAlert: ({ children }: IBaseAlertProps) => React.ReactPortal;
 

package/lib/alerts/Message.d.ts

@@ -1,6 +1,8 @@
 import { IMessageProps } from './types.js';
 import 'react';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, }: IMessageProps) => JSX.Element;
 

package/lib/alerts/Message.js

@@ -38,7 +38,7 @@ var Message = function Message(_ref2) {
     _ref2$icon = _ref2.icon,
     icon = _ref2$icon === void 0 ? null : _ref2$icon,
     _ref2$iconName = _ref2.iconName,
-    iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
+    iconName = _ref2$iconName === void 0 ? null : _ref2$iconName,
     _ref2$timeout = _ref2.timeout,
     timeout = _ref2$timeout === void 0 ? 3000 : _ref2$timeout,
     _ref2$customClass = _ref2.customClass,

package/lib/alerts/helpers.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { WithAlertContextProps } from './types.js';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const AlertProviderContext: React.Context<WithAlertContextProps>;
 

package/lib/alerts/index.d.ts

@@ -3,6 +3,8 @@ export { default as AlertProvider } from './AlertProvider.js';
 import 'react';
 import './types.js';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 
 

package/lib/alerts/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 import { PositionAlert } from '../@types/PositionAlert.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 type AlertContainerMethods = {
     default: (messageConfig: DefaultMessageConfigType) => void;
@@ -25,7 +27,7 @@ interface IMessageProps {
     color?: string;
     customClass?: string;
     icon?: ReactNode | null;
-    iconName?: string;
+    iconName?: IconNames | null;
     timeout?: number;
 }
 interface IBaseAlertProps {

package/lib/alerts/withAlert.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { WithAlertContextProps } from './types.js';
 import '../@types/PositionAlert.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

package/lib/assets/styles/dialog.scss

@@ -5,7 +5,6 @@
   font-family: 'Roboto', sans-serif;
   line-height: 22px;
   font-size: 14px;
-  z-index: 99999;
   position: fixed;
   top: 0;
   bottom: 0;
@@ -176,5 +175,4 @@
   width: 100%;
   top: 0;
   left: 0;
-  z-index: 99998;
 }

package/lib/buttons/ActivateButton.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 ActivateButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/AddButton.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 AddButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/Button.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';
 
 interface ButtonProps extends IButtonProps {
     split?: boolean;

package/lib/buttons/CancelButton.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 CancelButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/DangerButton.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 DangerButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/DefaultButton.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: Omit<IButtonProps, "split">): JSX.Element;

package/lib/buttons/DefaultButton.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
 var _icons = _interopRequireDefault(require("../../lib/icons"));
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown"];
+var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
@@ -63,6 +64,7 @@ var DefaultButton = function DefaultButton(_ref) {
     isFloatMenu = _ref.isFloatMenu,
     dropdownAlign = _ref.dropdownAlign,
     customClassForDropdown = _ref.customClassForDropdown,
+    buttonRef = _ref.buttonRef,
     rest = _objectWithoutProperties(_ref, _excluded);
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   var _useState = (0, _react.useState)(false),
@@ -72,7 +74,7 @@ var DefaultButton = function DefaultButton(_ref) {
   var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
     _useState4 = _slicedToArray(_useState3, 1),
     onDenied = _useState4[0];
-  var buttonRef = (0, _react.useRef)(null);
+  var refButton = (0, _react.useRef)(null);
   var disabledIconColor = 'rgb(193, 193, 193)';
   var shouldDisable = function shouldDisable() {
     return !!onDenied.disabled || disabled;
@@ -126,8 +128,15 @@ var DefaultButton = function DefaultButton(_ref) {
     disabled: shouldDisable(),
     className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
     ref: function ref(r) {
+      if (buttonRef) {
+        if (!_lodash.default.isFunction(buttonRef)) {
+          refButton.current = r;
+        } else {
+          buttonRef(r);
+        }
+      }
       if (targetRef) targetRef(r);
-      buttonRef.current = r;
+      refButton.current = r;
     },
     tabIndex: tabIndex
   }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
@@ -135,7 +144,7 @@ var DefaultButton = function DefaultButton(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     align: "none",
     delayTime: 0
-  }))), dropdown && buttonRef.current && getDropdownPopup && getDropdownPopup(buttonRef.current));
+  }))), dropdown && refButton.current && getDropdownPopup && getDropdownPopup(refButton.current));
 };
 var _default = (0, _withDropdown.default)((0, _withTooltip.default)(DefaultButton));
 exports.default = _default;

package/lib/buttons/DestroyButton.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 DestroyButton: ({ icon, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/EditButton.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 EditButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/InactivateButton.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 InactivateButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/InfoButton.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 InfoButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/PrimaryButton.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 PrimaryButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/RestoreButton.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 RestoreButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/SaveButton.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 SaveButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/SuccessButton.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 SuccessButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/WarningButton.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 WarningButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/index.d.ts

@@ -18,6 +18,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/buttons/split_button/index.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 SplitButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/types.d.ts

@@ -1,7 +1,9 @@
-import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MouseEvent } from 'react';
+import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MutableRefObject, MouseEvent } 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 IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
@@ -10,12 +12,13 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     content?: ReactNode;
     size?: Size;
-    iconName?: string;
+    iconName?: IconNames;
     customClass?: string;
     iconAlign?: Position;
     iconStyle?: CSSProperties;
     boxShadow?: boolean;
     icon?: ReactElement;
+    buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
     targetRef?: (ref: HTMLButtonElement) => void;
     dropdown?: boolean;
     dropdownOnHover?: boolean;

package/lib/dialog/Alert.d.ts

@@ -1,6 +1,8 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Alert: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Custom.d.ts

@@ -1,6 +1,8 @@
 import { ICustomProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Custom: (props: ICustomProps) => JSX.Element;
 

package/lib/dialog/Custom.js

@@ -30,7 +30,7 @@ var Custom = function Custom(props) {
     _props$height = props.height,
     height = _props$height === void 0 ? 'auto' : _props$height,
     _props$iconName = props.iconName,
-    iconName = _props$iconName === void 0 ? '' : _props$iconName;
+    iconName = _props$iconName === void 0 ? null : _props$iconName;
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
     width: width,
     height: height

package/lib/dialog/Error.d.ts

@@ -1,6 +1,8 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Error: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Information.d.ts

@@ -1,6 +1,8 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Information: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Question.d.ts

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

package/lib/dialog/Warning.d.ts

@@ -1,6 +1,8 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Warning: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/base/Content.d.ts

@@ -1,6 +1,8 @@
 import { IContentProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Content: ({ children, styleForContent }: IContentProps) => JSX.Element;
 

package/lib/dialog/base/Footer.d.ts

@@ -1,6 +1,8 @@
 import { IFooterProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Footer: (props: IFooterProps) => JSX.Element;
 

package/lib/dialog/base/Header.d.ts

@@ -1,6 +1,8 @@
 import { IHeaderProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => JSX.Element;
 

package/lib/dialog/base/index.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IBaseProps } from '../types.js';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const BaseDialog: (props: IBaseProps) => React__default.ReactPortal;
 

package/lib/dialog/base/index.js

@@ -32,6 +32,7 @@ var BaseDialog = function BaseDialog(props) {
     overlayEl.current = document.createElement('div');
     overlayEl.current.className = 'modal-overlay';
     overlayEl.current.dataset.testid = 'modal-overlay';
+    overlayEl.current.style.zIndex = "".concat(99998 + document.body.getElementsByClassName('modal-overlay').length);
     body.appendChild(overlayEl.current);
   }
   var handleClickOutside = function handleClickOutside(event) {
@@ -48,8 +49,9 @@ var BaseDialog = function BaseDialog(props) {
     }
   };
   var setModalContainer = function setModalContainer() {
+    var zIndexDynamicModalContainers = "".concat(99999 + document.body.getElementsByClassName('modalcontainer').length);
     modalContainerEl.current.className = 'modalcontainer';
-    if (zIndex) modalContainerEl.current.style.zIndex = zIndex;
+    modalContainerEl.current.style.zIndex = zIndex || zIndexDynamicModalContainers;
     body.appendChild(modalContainerEl.current);
     modalContainerEl.current.appendChild(dialogEl.current);
   };
@@ -58,7 +60,8 @@ var BaseDialog = function BaseDialog(props) {
     document.body.removeChild(modalComponent[modalComponent.length - 1]);
   };
   var removeOverlay = function removeOverlay() {
-    var modalOverlay = document.getElementsByClassName('modal-overlay')[0];
+    var countModalOverlays = document.body.getElementsByClassName('modal-overlay').length;
+    var modalOverlay = document.getElementsByClassName('modal-overlay')[countModalOverlays - 1];
     body.removeChild(modalOverlay);
   };
   (0, _react.useEffect)(function () {

package/lib/dialog/form/index.d.ts

@@ -1,6 +1,8 @@
 import { IFormProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: (props: IFormProps) => JSX.Element;
 

package/lib/dialog/index.d.ts

@@ -8,6 +8,8 @@ export { default as DialogCustom } from './Custom.js';
 import 'react';
 import './types.js';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 
 

package/lib/dialog/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode, CSSProperties, ReactElement } from 'react';
 import { TextAlign } from '../@types/Align.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IContentProps {
     children: ReactNode | ReactNode[];
@@ -13,7 +15,7 @@ interface IHeaderProps {
     showCloseButton?: boolean;
     title?: string;
     icon?: JSX.Element;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IBaseProps {
     wrapperClassName: string;
@@ -64,7 +66,7 @@ interface ICustomProps {
     text?: string;
     height?: string;
     width?: string;
-    iconName?: string;
+    iconName?: IconNames | null;
 }
 
 export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormProps, IHeaderProps, IQuestionProps };

package/lib/drawer/Content.d.ts

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

package/lib/drawer/Drawer.d.ts

@@ -2,6 +2,8 @@ import React__default from 'react';
 import { IDrawerProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React__default.ReactPortal;
 

package/lib/drawer/Header.d.ts

@@ -2,6 +2,8 @@ import { IDrawerHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => JSX.Element;
 

package/lib/drawer/helpers.d.ts

@@ -2,6 +2,8 @@ import React__default from 'react';
 import { IDrawerContext } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DrawerContext: React__default.Context<IDrawerContext>;
 

package/lib/drawer/index.d.ts

@@ -4,6 +4,8 @@ export { default as DrawerContent } from './Content.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: (props: IDrawerProps) => JSX.Element;
 

package/lib/drawer/types.d.ts

@@ -1,6 +1,8 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
@@ -28,7 +30,7 @@ interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElemen
     subTitle?: string;
     subTitleContent?: ReactElement;
     icon?: ReactElement;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IDrawerContext {
     handlerClose?: () => void;

package/lib/icons/index.d.ts

@@ -2,6 +2,8 @@ import { IIconProps } from './types.js';
 import 'react';
 import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import './helper.js';
 
 declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;