linear-react-components-ui 1.1.2-beta.9 → 1.1.3-beta.1

package/lib/inputs/types.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
+import IMask from 'imask';
 import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
 import { IDrawerProps } from '../drawer/types.js';
 import { TextAlign } from '../@types/Align.js';
 import '../@types/Period.js';
+import '../internals/types.js';
 import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
@@ -62,7 +64,7 @@ interface IMaskHOCProps {
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     placeholderChar?: string;
     lazy?: boolean;
-    definitions?: object;
+    definitions?: IMask.AllMaskedOptions['definitions'];
     groups?: object;
     pattern?: string;
     format?: () => void;
@@ -97,7 +99,7 @@ interface IMaskHOCProps {
     rounded?: boolean;
     errorMessages?: string[];
     skeletonize?: boolean;
-    mask?: string | NumberConstructor;
+    mask?: IMask.AnyMask;
     isDateField?: boolean;
     autoCompleteMask?: 'left' | 'right';
 }
@@ -133,8 +135,8 @@ interface IDropdownSelectProps {
     align?: 'left' | 'right';
 }
 interface IActionButtonsSelectProps {
-    handleClear: () => void;
-    handleOpenClose: () => void;
+    handlerClear: () => void;
+    handlerOpenClose: () => void;
     dropDownOpened: boolean;
     showClearButton?: boolean;
     disabled?: boolean;
@@ -149,5 +151,10 @@ interface IButtonsProps {
     transparent: boolean;
     disabled?: boolean;
 }
+interface ErrorProps {
+    customClass?: string;
+    style?: React.CSSProperties;
+    messages?: string | string[];
+}
 
-export type { IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
+export type { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/lib/internals/types.d.ts

@@ -8,9 +8,12 @@ interface WithTooltipProps {
     tooltip?: string;
     tooltipPosition?: Exclude<Position, 'center'>;
     style?: CSSProperties;
-    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    handlerSetOnDeniedText?: (onDeniedValue: OnDenied) => void;
     errorMessage?: string;
 }
+interface ITooltipContext {
+    handlerSetOnDeniedText: (text: string) => void;
+}
 interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
@@ -19,4 +22,4 @@ interface HasToolTipParams {
     tooltip?: string;
 }
 
-export type { GetDisplayNameParams, HasToolTipParams, WithTooltipProps };
+export type { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };

package/lib/internals/withTooltip.d.ts

@@ -1,11 +1,12 @@
 import React__default from 'react';
-import { WithTooltipProps } from './types.js';
+import { ITooltipContext, WithTooltipProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 
+declare const TooltipContext: React__default.Context<ITooltipContext>;
 declare const withTooltip: <ComponentProps extends WithTooltipProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;
     displayName: string;
 };
 
-export { withTooltip as default };
+export { TooltipContext, withTooltip as default };

package/lib/internals/withTooltip.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.TooltipContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,6 +17,7 @@ const hasTooltip = _ref => {
   } = _ref;
   return tooltip;
 };
+const TooltipContext = exports.TooltipContext = /*#__PURE__*/_react.default.createContext({});
 const getDisplayName = _ref2 => {
   let {
     displayName,
@@ -34,6 +35,7 @@ const withTooltip = WrappedComponent => {
       errorMessage
     } = props;
     const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(tooltipPosition);
+    const [onDeniedText, setOnDeniedText] = (0, _react.useState)('');
     const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
     const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
     const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
@@ -54,7 +56,7 @@ const withTooltip = WrappedComponent => {
       setShowTooltip(false);
     };
     (0, _react.useEffect)(() => {
-      if (hasTooltip(props)) {
+      if (hasTooltip(props) || onDeniedText) {
         if (errorMessage) {
           setShowTooltip(true);
         } else {
@@ -67,7 +69,7 @@ const withTooltip = WrappedComponent => {
         }
       }
       return () => {
-        if (hasTooltip(props)) {
+        if (hasTooltip(props) || onDeniedText) {
           document.removeEventListener('mouseover', onMouseOver);
           document.removeEventListener('scroll', onAnyScroll, true);
           if (targetElement && targetElement.current) {
@@ -75,7 +77,7 @@ const withTooltip = WrappedComponent => {
           }
         }
       };
-    }, [errorMessage]);
+    }, [errorMessage, tooltip, onDeniedText]);
     (0, _react.useEffect)(() => {
       if (targetElement.current && tooltipElement.current) {
         const {
@@ -106,7 +108,11 @@ const withTooltip = WrappedComponent => {
             break;
           case 'left':
             if (targetDimensions.left < tooltipClientWidth) {
-              setStateTooltipPosition('right');
+              if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+                setStateTooltipPosition('bottom');
+              } else {
+                setStateTooltipPosition('right');
+              }
             } else {
               style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
               style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6, "px");
@@ -125,14 +131,14 @@ const withTooltip = WrappedComponent => {
         }
         setTooltipStyle(style);
       }
-    }, [tooltipDimensions, tooltipElement.current, targetElement.current, stateTooltipPosition]);
+    }, [tooltipDimensions, stateTooltipPosition]);
     (0, _react.useEffect)(() => {
       setStateTooltipPosition(tooltipPosition);
     }, [window.scrollY, window.scrollX, window.innerWidth]);
     const getTooltip = () => {
-      if (tooltip) {
+      if (tooltip || onDeniedText) {
         return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-          text: tooltip,
+          text: onDeniedText || tooltip,
           textError: errorMessage,
           tooltipRef: tooltipElement,
           style: tooltipStyle,
@@ -146,8 +152,17 @@ const withTooltip = WrappedComponent => {
     const getTarget = targetEl => {
       if (!targetElement.current) targetElement.current = targetEl;
     };
-    if (!hasTooltip(props)) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
+    const contextValues = {
+      handlerSetOnDeniedText: setOnDeniedText
+    };
+    if (!hasTooltip(props) && !onDeniedText) {
+      return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+        value: contextValues
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+    }
+    return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
       targetRef: getTarget
     })), showTooltip && getTooltip());
   };

package/lib/list/Item.js

@@ -51,6 +51,7 @@ const Item = props => {
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
   const navigate = (0, _reactRouterDom.useNavigate)();
+  const disabledByPermission = onDenied.disabled;
   const shouldDisable = () => disabled || onDenied.disabled;
   const getClass = () => "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n    ").concat(displayCheckbox && 'list-checkbox');
   const getIcon = (iconName, icon) => {
@@ -58,9 +59,11 @@ const Item = props => {
       return icon;
     } else if (iconName) {
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: iconName
+        name: !disabledByPermission ? iconName : 'padlock'
       });
-    }
+    } else if (!icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled) return /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "padlock"
+    });
     return null;
   };
   const handleOnSelectItem = e => {
@@ -94,6 +97,18 @@ const Item = props => {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, [url, selectedItemId, itemId]);
+  const renderCheckBox = (0, _react.useMemo)(() => {
+    if (!disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+        name: "checkbox"
+      });
+    } else if (disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock"
+      });
+    }
+    return null;
+  }, [disabledByPermission && displayCheckbox]);
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
@@ -106,15 +121,13 @@ const Item = props => {
     to: url
   }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-left")
-  }, displayCheckbox && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-    name: "checkbox"
-  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
+  }, renderCheckBox, leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass())
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(text && 'text')
   }, text), /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(subText && 'subtext')
-  }, subText), children), (rightIconName || rightIcon || rightElement) && /*#__PURE__*/_react.default.createElement("div", {
+  }, subText), children), (rightIconName || rightIcon || rightElement || disabledByPermission) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-right")
   }, getIcon(rightIconName, rightIcon), rightElement));
 };

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

@@ -19,7 +19,7 @@ interface IFloatMenuItemProps {
     title?: string;
     url?: string;
     urlHref?: string;
-    iconName: IconNames;
+    iconName?: IconNames;
     iconColor?: string;
     iconSize?: SizePixels;
     customClass?: string;

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -32,17 +32,18 @@ const PopupMenuSearch = props => {
     style
   });
   const closeOnEsc = e => {
-    if (e.keyCode === 27 || e.key === 'ESC') {
+    if (e.key === 'Escape') {
       handlerClose();
+      e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
     body.appendChild(popupRef.current);
     if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keyup', closeOnEsc);
+    document.body.addEventListener('keydown', closeOnEsc);
     return () => {
       body.removeChild(popupRef.current);
-      document.body.removeEventListener('keyup', closeOnEsc);
+      document.body.removeEventListener('keydown', closeOnEsc);
     };
   }, []);
   (0, _react.useEffect)(() => {

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

@@ -60,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName: IconNames;
+    iconName?: IconNames;
 }
 interface IEmptyListProps {
     info?: string;

package/lib/table/HeaderColumn.d.ts

@@ -1,6 +1,6 @@
 import { ITableHeaderProps } from './types.js';
 import 'react';
 
-declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, }: ITableHeaderProps) => JSX.Element | null;
+declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, rowSpan, colSpan, }: ITableHeaderProps) => JSX.Element | null;
 
 export { HeaderColumn as default };

package/lib/table/HeaderColumn.js

@@ -17,7 +17,9 @@ const HeaderColumn = _ref => {
     children,
     textAlign,
     visible = true,
-    id
+    id,
+    rowSpan,
+    colSpan
   } = _ref;
   const {
     skeletonize,
@@ -28,6 +30,8 @@ const HeaderColumn = _ref => {
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
     id: id,
+    rowSpan: rowSpan,
+    colSpan: colSpan,
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {

package/lib/table/RowColumn.js

@@ -42,7 +42,8 @@ const RowColumn = props => {
     textAlign,
     visible = true,
     rowSpan,
-    colSpan
+    colSpan,
+    children
   } = props;
   const context = (0, _react.useContext)(_helpers.RowContext);
   const {
@@ -51,8 +52,7 @@ const RowColumn = props => {
     skeletonInRows = 10
   } = context;
   const hiddenContent = displayContent !== 'always';
-  const childrenProps = props.children;
-  const renderContent = () => {
+  const renderContent = (0, _react.useCallback)(() => {
     if (skeletonize && vertical) {
       return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
         height: 16,
@@ -63,8 +63,8 @@ const RowColumn = props => {
     }
     return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
       className: displayClass[displayContent]
-    }, childrenProps) : childrenProps;
-  };
+    }, children) : children;
+  }, [skeletonize, vertical, children, displayContent, hiddenContent, displayClass]);
   if (!visible) return null;
   if (skeletonize && !skeletonInRows && !vertical) return null;
   return /*#__PURE__*/_react.default.createElement("td", {
@@ -72,9 +72,7 @@ const RowColumn = props => {
     colSpan: colSpan,
     className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
     style: style,
-    onClick: e => {
-      getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
-    },
+    onClick: e => getColClickEvent(e, _objectSpread(_objectSpread({}, context), props)),
     role: "presentation",
     tabIndex: -1
   }, renderContent());

package/lib/table/types.d.ts

@@ -25,6 +25,8 @@ interface ITableHeaderProps extends TableHTMLAttributes<HTMLTableElement> {
     textAlign?: string;
     visible?: boolean;
     id?: string;
+    rowSpan?: number;
+    colSpan?: number;
 }
 interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;

package/lib/tabs/context.js

@@ -67,7 +67,7 @@ function TabsProvider(_ref) {
     updateTabs(tabId);
     setSelectedTabId(tabId);
     if (onTabChange) {
-      onTabChange(String(tabId));
+      onTabChange(tabId);
     }
   }, [onTabChange, setSelectedTabId, updateTabs]);
   const removeTab = (0, _react.useCallback)(tabId => {

package/lib/tabs/types.d.ts

@@ -23,7 +23,7 @@ interface TabsProviderProps {
     container: RefObject<HTMLDivElement>;
     tabsWidth: number | string;
     selectedTab?: string | number | null;
-    onTabChange?: (tabId: string) => void;
+    onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
 }
@@ -32,12 +32,12 @@ interface ITabsPros {
     toolbar?: ReactElement;
     toolBarRef?: (value: HTMLDivElement | null) => void;
     children?: ReactNode;
-    selectedTab?: string;
+    selectedTab?: string | number;
     tabMenuSize?: Size;
     tabMenuAlign?: Position;
     firstTabIdent?: boolean;
     tabMenuPosition?: Exclude<Position, 'center'>;
-    handlerTabClick?: (id?: string) => void;
+    handlerTabClick?: (id?: string | number) => void;
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;

package/lib/toolbar/types.d.ts

@@ -26,6 +26,7 @@ interface IButtonBarProps {
     iconAlign?: Exclude<Position, 'top' | 'bottom'>;
     validationKey?: string;
     boxShadow?: boolean;
+    id?: string;
     onNodeElementClick?: (node: NodeItem) => void;
 }
 interface ILabelBarProps {

package/lib/uitour/index.d.ts

@@ -1,6 +1,7 @@
+import React__default from 'react';
 import { IUITourProps } from './types.js';
 import './helpers.js';
 
-declare const UiTour: (props: IUITourProps) => JSX.Element | null;
+declare const UiTour: (props: IUITourProps) => React__default.ReactPortal | null;
 
 export { UiTour as default };

package/lib/uitour/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var _buttons = _interopRequireWildcard(require("../buttons"));
 require("../assets/styles/uitour.scss");
 var _helpers = require("./helpers");
@@ -24,7 +25,8 @@ const UiTour = props => {
     showCloseButton = true,
     showBackButton = true,
     visible = true,
-    onFinish
+    onFinish,
+    onStepChange
   } = props;
   const [currentStep, setCurrentStep] = (0, _react.useState)(undefined);
   const [hasNextStep, setHasNextStep] = (0, _react.useState)(false);
@@ -35,6 +37,7 @@ const UiTour = props => {
   const [stepPosition, setStepPosition] = (0, _react.useState)(_helpers.STEP_POSITIONS.left);
   const stepRef = (0, _react.useRef)(null);
   const descriptionRef = (0, _react.useRef)(null);
+  const activatedEffects = (0, _react.useRef)([]);
   const handleNextStep = () => {
     if (hasNextStep) {
       const currentStepIndex = data.findIndex(item => item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id));
@@ -88,6 +91,46 @@ const UiTour = props => {
     setShowTour(visible);
     setCurrentStep(step);
   };
+  const removePreviousElementsEffects = () => {
+    if (activatedEffects.current.length > 0) {
+      const effects = activatedEffects.current;
+      effects.forEach(ef => {
+        const element = document.getElementById(ef.elementId);
+        if (element) {
+          delete element.dataset.uitour;
+          activatedEffects.current = activatedEffects.current.filter(r => r.elementId !== ef.elementId);
+        }
+      });
+    }
+  };
+  const addElementEffect = (0, _react.useCallback)(elementEffect => {
+    const element = document.getElementById(elementEffect.elementId);
+    if (element) {
+      element.dataset.uitour = elementEffect.effect;
+      if (activatedEffects.current) activatedEffects.current.push(elementEffect);
+    }
+  }, []);
+  const showElementsEffects = currentData => {
+    if (currentData.effect) {
+      const {
+        effect,
+        targetId
+      } = currentData;
+      addElementEffect({
+        effect,
+        elementId: targetId
+      });
+    }
+    if (currentData.elementsEffects) {
+      let {
+        elementsEffects
+      } = currentData;
+      if (!Array.isArray(elementsEffects)) elementsEffects = [elementsEffects];
+      elementsEffects.forEach(ef => {
+        addElementEffect(ef);
+      });
+    }
+  };
   (0, _react.useEffect)(() => {
     if (currentStep) {
       const target = document.getElementById(currentStep.targetId);
@@ -113,6 +156,9 @@ const UiTour = props => {
             setIsLastStep(false);
         }
         getStepPosition(targetRect);
+        removePreviousElementsEffects();
+        showElementsEffects(data[currentStepIndex]);
+        if (onStepChange) onStepChange(target);
       }
       if (descriptionRef.current) {
         descriptionRef.current.innerHTML = currentStep.description;
@@ -151,8 +197,13 @@ const UiTour = props => {
       mutationObserver = null;
     };
   }, [visible, data]);
-  if (!showTour) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  (0, _react.useEffect)(() => {
+    if (!showTour && activatedEffects.current.length > 0) {
+      removePreviousElementsEffects();
+    }
+    if (showTour) document.body.style.overflow = 'hidden';else document.body.style.overflow = 'auto';
+  }, [showTour, activatedEffects.current.length]);
+  const component = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", {
     className: "uitour-component"
   }, currentStep && /*#__PURE__*/_react.default.createElement("div", {
     ref: stepRef,
@@ -199,6 +250,8 @@ const UiTour = props => {
     visible: isLastStep,
     onClick: onCloseTour,
     customClass: "finish-button"
-  }))));
+  })))), [currentStep, stepPosition, stepDimensions, showCloseButton, onCloseTour, backButtonLabel, handleBackStep, hasBackStep, showBackButton, nextButtonLabel, handleNextStep, hasNextStep, isLastStep, finishButtonLabel, isLastStep, onCloseTour]);
+  if (!showTour) return null;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(component, document.body);
 };
 var _default = exports.default = UiTour;

package/lib/uitour/types.d.ts

@@ -1,11 +1,18 @@
 import { STEP_POSITIONS } from './helpers.js';
 
+type Effect = 'hover' | 'focus' | 'blur' | 'active' | 'selected';
+type ElementEffect = {
+    elementId: string;
+    effect: Effect;
+};
 type UITourData = {
     id: string | number;
     targetId: string;
+    effect?: Effect;
     title: string;
     description: string;
     position?: keyof typeof STEP_POSITIONS;
+    elementsEffects?: ElementEffect | ElementEffect[];
 };
 interface CurrentStep extends UITourData {
     number: number;
@@ -25,6 +32,7 @@ interface IUITourProps {
     showBackButton?: boolean;
     visible?: boolean;
     onFinish: (value: boolean) => void;
+    onStepChange?: (target: HTMLElement) => void;
 }
 
-export type { CurrentStep, IUITourProps, StepDimensions, UITourData };
+export type { CurrentStep, Effect, ElementEffect, IUITourProps, StepDimensions, UITourData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.2-beta.9",
+  "version": "1.1.3-beta.1",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -9,7 +9,7 @@
     "lib:types": "NODE_OPTIONS='--max-old-space-size=16384' tsup --dts-only --dts --external react",
     "demo": "node scripts/start.js",
     "demo:prod": "webpack --config ./config/webpack.config.js --mode production",
-    "check:js": "eslint ./src/** --ext=.jsx,.js,.tsx,.ts",
+    "check:js": "eslint ./src/** --ext=.jsx,.js,.tsx,.ts --cache",
     "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "deploy:vercel": "npm run demo:prod && vercel --prod demo",
     "publish:npm": "npm run lib && npm publish",
@@ -43,7 +43,7 @@
   "dependencies": {
     "@types/react-dom": "18.0.5",
     "attach-dom-events": "1.0.0",
-    "browserslist": "4.18.1",
+    "browserslist": "4.23.0",
     "history": "5.0.0",
     "imask": "6.4.3",
     "init": "0.1.2",
@@ -65,7 +65,7 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.23.3",
     "@svgr/webpack": "8.1.0",
-    "@swc/core": "1.3.29",
+    "@swc/core": "1.4.13",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.4.3",

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 10.16.0

package/lib/assets/styles/textContent.scss

@@ -1,9 +0,0 @@
-@import "colors.scss";
-@import "fonts.scss";
-
-.text-content-component {
-  @extend %component-fonts;
-  &[data-textcontent="strong"] {
-    font-weight: bold;
-  }
-}