linear-react-components-ui 1.1.18-beta.17 → 1.1.18-beta.18

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

@@ -13,7 +13,6 @@ var _Selecteds = _interopRequireDefault(require("./Selecteds"));
 var constants = _interopRequireWildcard(require("../../../internals/constants"));
 var _InputTextBase = _interopRequireDefault(require("../../base/InputTextBase"));
 var _helper = require("../helper");
-var _hint = _interopRequireDefault(require("../../../hint"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,8 +26,10 @@ const MultipleSelect = props => {
     remoteSearch = false,
     descriptionKey,
     showClearButton,
-    hint,
-    hintPosition = 'below'
+    customClassForLabel,
+    customClassForWrapper,
+    customClassForInputContent,
+    customClassForSideButtons
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -237,8 +238,9 @@ const MultipleSelect = props => {
     },
     onClick: onFocus,
     onKeyDown: onInputKeyDown,
-    customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
-    customClassForInputContent: "multiselect",
+    customClassForLabel: customClassForLabel,
+    customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable', " ").concat(customClassForWrapper),
+    customClassForInputContent: "multiselect ".concat(customClassForInputContent),
     inputBaseRef: r => {
       selectWrapper.current = r;
     },
@@ -251,7 +253,8 @@ const MultipleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose
+      handlerOpenClose: onOpenClose,
+      customClassForSideButtons: customClassForSideButtons
     })
   }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, props, {
     currents: currents,
@@ -270,10 +273,6 @@ const MultipleSelect = props => {
     dataCombo: dataCombo,
     currents: currents,
     dropdownWidth: dropdownWidth || 0
-  })), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    visible: !!hint && hintPosition === 'below',
-    customClass: "hint",
-    description: hint
-  }));
+  })));
 };
 var _default = exports.default = MultipleSelect;

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

@@ -34,7 +34,11 @@ const SimpleSelect = props => {
     searchOnDropdown = false,
     allOptions = undefined,
     showClearButton = false,
-    searchNotFoundText
+    searchNotFoundText,
+    customClassForWrapper,
+    customClassForInputContent,
+    customClassForLabel,
+    customClassForSideButtons
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const dataSourceWithAllOptions = allOptions ? [{
@@ -268,8 +272,9 @@ const SimpleSelect = props => {
     },
     onClick: onFocus,
     onKeyDown: onInputKeyDown,
-    customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
-    customClassForInputContent: "multiselect",
+    customClassForLabel: customClassForLabel,
+    customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable', " ").concat(customClassForWrapper),
+    customClassForInputContent: "multiselect ".concat(customClassForInputContent),
     inputBaseRef: r => {
       selectWrapper.current = r;
     },
@@ -282,7 +287,8 @@ const SimpleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose
+      handlerOpenClose: onOpenClose,
+      customClassForSideButtons: customClassForSideButtons
     })
   })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
     opened: opened,

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

@@ -50,9 +50,10 @@ interface ISimpleSelectProps {
     onFocus?: () => void;
     allOptions?: AllOptions;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
+    customClassForWrapper?: string;
+    customClassForInputContent?: string;
+    customClassForLabel?: string;
+    customClassForSideButtons?: string;
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -93,9 +94,6 @@ interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value
     handlerClear?: () => void;
     disabled?: boolean;
     gridLayout?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 interface ISelectedsMultipleProps {
     idKey: string;

package/lib/inputs/types.d.ts

@@ -137,6 +137,7 @@ interface IActionButtonsSelectProps {
     dropDownOpened: boolean;
     showClearButton?: boolean;
     disabled?: boolean;
+    customClassForSideButtons?: string;
 }
 interface IButtonsProps {
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;

package/lib/list/index.js

@@ -36,7 +36,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const List = props => {
   const {
     children,
-    customClass,
+    customClass = '',
     condensed,
     transparent,
     style,
@@ -175,7 +175,7 @@ const List = props => {
     "data-testid": "list-component",
     style: style,
     ref: listRef,
-    className: "list-component ".concat(condensed && '-condensed', "\n        ").concat(customClass, " ").concat(!transparent && '-listbackground')
+    className: "list-component ".concat(condensed && '-condensed', " ").concat(!transparent && '-listbackground', " ").concat(customClass)
   }, newChildren));
 };
 var _default = exports.default = List;

package/lib/popover/index.js

@@ -32,8 +32,7 @@ const Popover = _ref => {
     iconName,
     iconSize = 16,
     iconColor = '',
-    customClass = '',
-    style
+    customClass = ''
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     round: true,
@@ -45,7 +44,10 @@ const Popover = _ref => {
     dropdownAlign: align,
     showIconDropdown: false,
     customClass: "popover-component",
-    style: style,
+    style: {
+      height: '100%',
+      width: '100%'
+    },
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       customClass: "buttonicon",
       name: iconName || 'information',

package/lib/popover/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
@@ -18,7 +18,6 @@ interface IPopoverProps {
     theme?: 'light' | 'dark';
     align?: Extract<Position, 'left' | 'right'>;
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
-    style?: CSSProperties;
 }
 
 export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/radio/index.d.ts

@@ -8,6 +8,6 @@ import '../@types/Size.js';
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, forwardedRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, forwardedRef, size, permissionAttr }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -7,9 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/radio.scss");
 var _permissionValidations = require("../permissionValidations");
-var _popover = _interopRequireDefault(require("../popover"));
-var _textContent = _interopRequireDefault(require("../textContent"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -38,12 +35,6 @@ const Radio = _ref => {
     defaultChecked = false,
     forwardedRef,
     size = 'medium',
-    customClassForLabel,
-    labelUppercase,
-    hint,
-    hintPosition = 'onLabelRight',
-    themePopover = 'light',
-    popoverAlign = 'left',
     permissionAttr
   } = _ref;
   const [isChecked, setIsChecked] = (0, _react.useState)(checked);
@@ -73,12 +64,6 @@ const Radio = _ref => {
   };
   if (onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "radio-input",
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
   }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
     ref: forwardedRef,
@@ -92,22 +77,6 @@ const Radio = _ref => {
   })), /*#__PURE__*/_react.default.createElement("label", {
     className: "description ".concat(size && "-".concat(size)),
     htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    required: required,
-    disabled: shouldDisable(),
-    className: customClassForLabel,
-    labelUppercase: labelUppercase
-  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null)))), !!hint && hintPosition === 'onLabelRight' && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    iconSize: 16,
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, hint));
+  }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };
 var _default = exports.default = Radio;

package/lib/radio/types.d.ts

@@ -16,12 +16,6 @@ interface IRadioProps {
     permissionAttr?: PermissionAttr | PermissionAttr;
     skeletonize?: boolean;
     forwardedRef?: Ref<HTMLInputElement>;
-    customClassForLabel?: string;
-    labelUppercase?: boolean;
-    hint?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
 }
 
 export { IRadioProps };

package/lib/tabs/DropdownTabs.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
 var _react = _interopRequireDefault(require("react"));
 var _buttons = _interopRequireDefault(require("../buttons"));
 var _list = _interopRequireWildcard(require("../list"));
 var _useTabs = require("./useTabs");
-var _lodash = _interopRequireDefault(require("lodash"));
+var _2 = require("..");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -26,16 +27,25 @@ const DropdownTab = _ref => {
   } = _ref;
   const {
     selectTab,
-    removeTab
+    removeTab,
+    selectedTabId
   } = (0, _useTabs.useTabs)();
   return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    key: id
+    key: id,
+    onClick: () => selectTab(id)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "menuitem"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+  }, selectedTabId === id ? /*#__PURE__*/_react.default.createElement(_2.Icon, {
+    name: "checkmark",
+    color: "#A10D0D"
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 16,
+      height: 16
+    }
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "btn menubutton",
     boxShadow: false,
-    onClick: () => selectTab(id),
     iconAlign: iconAlign,
     iconName: iconName,
     icon: icon,
@@ -53,16 +63,20 @@ const DropdownTabs = _ref2 => {
     tabs = [],
     tabMenuSize = 'medium'
   } = _ref2;
+  const {
+    selectedTabId
+  } = (0, _useTabs.useTabs)();
+  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);
   const hasTabs = tabs.length > 0;
   const uniqueTabs = _lodash.default.uniqBy(tabs, 'id');
-  if (tabs.length === 0) return null;
+  if (!hasTabs) return null;
   return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     dropdown: true,
     dropdownAlign: "right",
     transparent: true,
     boxShadow: false,
     size: "large",
-    customClass: "dropdownbutton ".concat(hasTabs ? 'show' : '')
+    customClass: "dropdownbutton ".concat(hasTabs ? 'show' : '', " ").concat(hasSelectedTab ? 'has-selected' : '')
   }, /*#__PURE__*/_react.default.createElement(_list.default, {
     customClass: "dropdown-hide-tabs"
   }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({

package/lib/tabs/context.d.ts

@@ -7,6 +7,6 @@ import '../@types/Icon.js';
 import '../icons/helper.js';
 
 declare const TabsContext: React__default.Context<TabsContextType>;
-declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, }: TabsProviderProps): JSX.Element;
+declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepTabOriginalPosition, }: TabsProviderProps): JSX.Element;
 
 export { TabsContext, TabsProvider };

package/lib/tabs/context.js

@@ -22,7 +22,8 @@ function TabsProvider(_ref) {
     onTabChange,
     onTabClose,
     tabsWidth: tabsWidthProp,
-    firstTabIdent = false
+    firstTabIdent = false,
+    keepTabOriginalPosition = true
   } = _ref;
   const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
   const [containerWidth, setContainerWidth] = (0, _react.useState)(() => {
@@ -64,7 +65,7 @@ function TabsProvider(_ref) {
     }
   }, [setTabs, menuTabs, tabs, dropdownTabs]);
   const selectTab = (0, _react.useCallback)(tabId => {
-    updateTabs(tabId);
+    if (!keepTabOriginalPosition) updateTabs(tabId);
     setSelectedTabId(tabId);
     if (onTabChange) {
       onTabChange(tabId);
@@ -120,7 +121,6 @@ function TabsProvider(_ref) {
       dropdownTabs,
       containerWidth,
       tabsCount,
-      updateTabs,
       selectTab,
       selectedTabId,
       removeTab,

package/lib/tabs/types.d.ts

@@ -11,7 +11,6 @@ type TabsContextType = {
     dropdownTabs: TabProps[];
     selectedTabId: string | number | null;
     selectTab: (tabId: string | number) => void;
-    updateTabs: (tabId: string | number) => void;
     removeTab: (tabId: string | number) => void;
     containerWidth: number;
     tabsCount: number;
@@ -26,6 +25,7 @@ interface TabsProviderProps {
     onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
+    keepTabOriginalPosition?: boolean;
 }
 interface ITabsPros {
     style?: CSSProperties;
@@ -41,6 +41,7 @@ interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
+    keepTabOriginalPositon?: boolean;
 }
 interface TabProps {
     id: string | number;

package/lib/textContent/index.d.ts

@@ -1,22 +1,8 @@
-import React__default, { MutableRefObject } from 'react';
-import { WithTooltipProps } from '../internals/types.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
+import React__default from 'react';
 
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, WithTooltipProps {
+interface TextContentProps extends React__default.HTMLAttributes<HTMLElement> {
     as?: 'span' | 'strong' | 'p';
-    label?: string | string[];
-    styleForLabel?: object;
-    labelUppercase?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    targetRef?: (ref: HTMLSpanElement | null) => void;
-    labelRef?: MutableRefObject<HTMLSpanElement | null>;
-    onHoverLabel?: (e: React__default.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
 }
-declare const _default: {
-    (props: TextContentProps & React__default.RefAttributes<HTMLElement>): JSX.Element;
-    displayName: string;
-};
+declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
 
-export { _default as default };
+export { TextContent as default };

package/lib/textContent/index.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/textContent.scss");
-var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
-const _excluded = ["as", "children", "className", "label", "styleForLabel", "disabled", "targetRef", "labelRef", "onHoverLabel"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const _excluded = ["as", "children", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -18,23 +16,15 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
       as: Comp = 'span',
       children,
-      className,
-      label,
-      styleForLabel,
-      disabled,
-      targetRef,
-      labelRef,
-      onHoverLabel
+      className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const typedRef = ref;
   return /*#__PURE__*/_react.default.createElement(Comp, _extends({
     ref: typedRef,
-    style: styleForLabel,
     className: "text-content-component ".concat(className),
-    "data-textcontent": Comp,
-    onMouseEnter: onHoverLabel
+    "data-textcontent": Comp
   }, props), children);
 });
 TextContent.displayName = 'TextContent';
-var _default = exports.default = (0, _withTooltip.default)(TextContent);
+var _default = exports.default = TextContent;

package/lib/toolbar/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
 import { ButtonTypes } from '../@types/ButtonTypes.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
@@ -28,6 +28,7 @@ interface IButtonBarProps {
     boxShadow?: boolean;
     id?: string;
     onNodeElementClick?: (node: NodeItem) => void;
+    buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
 }
 interface ILabelBarProps {
     iconName?: IconNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.18-beta.17",
+  "version": "1.1.18-beta.18",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",