linear-react-components-ui 1.0.10-beta.9 → 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/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

@@ -2,6 +2,8 @@ import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MutableRe
 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,7 +12,7 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     content?: ReactNode;
     size?: Size;
-    iconName?: string;
+    iconName?: IconNames;
     customClass?: string;
     iconAlign?: Position;
     iconStyle?: CSSProperties;

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;
 

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;