linear-react-components-ui 1.0.16-beta.1 → 1.0.17-beta.0

package/lib/assets/styles/icon.scss

@@ -1,42 +1,15 @@
-@import "colors.scss";
-
 /*
 * Caso altere o nome da classe, deverá pesquisar em todo projeto se existe 
 * algum lugar que esta sobescrevendo
 */
+.icon-component {
+  margin: 0px 2px;
+}
+
 .icon-component-container {
   display: inline-flex;
   place-self: center;
   padding: 2px;
   border-radius: 99999px;
   pointer-events: fill;
-
-}
-
-.icon-component {
-  margin: 0px 2px;
-  &:not([fill]) { 
-    fill: #676464;
-  }
-
-  &[data-color-style="primary"] {
-    fill: $primary-color
-  }
-
-  &[data-color-style="success"] {
-    fill: $success-color
-  }
-
-  &[data-color-style="info"] {
-    fill: $info-color
-  }
-
-  &[data-color-style="warning"] {
-    fill: $warning-color
-  }
-
-  &[data-color-style="danger"] {
-    fill: $danger-color
-  }
 }
-

package/lib/dialog/form/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FormDialogContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uuid = _interopRequireDefault(require("uuid"));
 var _base = _interopRequireDefault(require("../base"));
 var _Header = _interopRequireDefault(require("../base/Header"));
 var _index = require("../../buttons/index");
@@ -68,19 +67,16 @@ var ModalForm = function ModalForm(props) {
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
-  }, content || children), getSpinner(), showFooter && props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+  }, content || children), getSpinner(), showFooter && props.buttons && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _objectSpread({}, overlayStyle)
-  }), props.buttons.map(function (button) {
+  }), _react.default.Children.toArray(props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
-        key: "button-".concat(_uuid.default.v1()),
         onClick: props.handlerClose
       });
     }
-    return /*#__PURE__*/_react.default.cloneElement(button, {
-      key: "button-".concat(_uuid.default.v1())
-    });
-  })))));
+    return /*#__PURE__*/_react.default.cloneElement(button);
+  }))))));
 };
 var _default = (0, _withFormSecurity.default)(ModalForm);
 exports.default = _default;

package/lib/drawer/Header.js

@@ -26,7 +26,7 @@ var getIcon = function getIcon(titleIcon, icon) {
     return /*#__PURE__*/_react.default.createElement("span", {
       "data-testid": "icon-header",
       className: "icon-header"
-    }, icon || titleIcon && /*#__PURE__*/_react.default.createElement(_icons.default, {
+    }, icon || /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: titleIcon,
       color: "#000",
       size: 24

package/lib/form/FieldNumber.js

@@ -30,27 +30,34 @@ var getEventProps = function getEventProps(_ref) {
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
     _onKeyDown = _ref.onKeyDown,
+    _onChange = _ref.onChange,
     handlerFieldValidade = _ref.handlerFieldValidade,
     handlerFieldChange = _ref.handlerFieldChange,
     handleShowValidateMessages = _ref.handleShowValidateMessages,
-    _onChange = _ref.onChange;
+    component = _ref.component;
   return {
     onBlur: function onBlur(e) {
+      if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
       handleShowValidateMessages(true);
     },
-    onChange: function onChange(e) {
-      if (handlerFieldChange) handlerFieldChange(e);
-      if (_onChange) _onChange(e);
-    },
     onKeyDown: function onKeyDown(e) {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
-        handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);
         handleShowValidateMessages(true);
       }
+    },
+    onChange: function onChange(e) {
+      if ((component === null || component === void 0 ? void 0 : component.name) === 'NumberField') {
+        if (validators && e.target && handlerFieldValidade) {
+          handlerFieldValidade(name, e.target.value, validators);
+          handleShowValidateMessages(true);
+        }
+        if (handlerFieldChange) handlerFieldChange(e);
+        if (_onChange) _onChange(e);
+      }
     }
   };
 };

package/lib/form/types.d.ts

@@ -198,6 +198,7 @@ interface IEventParams {
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
     handleShowValidateMessages: (value: boolean) => void;
+    component?: ComponentType<any>;
 }
 interface IGetErrorMessagesParams {
     name: string;

package/lib/icons/helper.js

@@ -575,7 +575,7 @@ var _default = {
   },
   cash3: {
     viewbox: '0 0 17 16',
-    paths: ['M7 9h1v1h-1v-1z', 'M0 6v9h17v-9h-17zM3 14h-2v-2h1v1h1v1zM3 8h-1v1h-1v-2h2v1zM10.5 10c0.276 0 0.5 0.224 0.5 0.5v2c0 0.276-0.224 0.5-0.5 0.5h-1.5v0.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-0.5h-1.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h1.5v-1h-1.5c-0.276 0-0.5-0.224-0.5-0.5v-2c0-0.276 0.224-0.5 0.5-0.5h1.5v-0.5c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.5h1.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.5v1h1.5zM16 14h-2v-1h1v-1h1v2zM16 9h-1v-1h-1v-1h2v2z', 'M9 11h1v1h-1v-1z', 'M1 4h15v1.5h-15v-1.5z', 'M2 2h13v1.5h-13v-1.5z']
+    paths: ['9h1v1h-1v-1z', 'M0 6v9h17v-9h-17zM3 14h-2v-2h1v1h1v1zM3 8h-1v1h-1v-2h2v1zM10.5 10c0.276 0 0.5 0.224 0.5 0.5v2c0 0.276-0.224 0.5-0.5 0.5h-1.5v0.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-0.5h-1.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h1.5v-1h-1.5c-0.276 0-0.5-0.224-0.5-0.5v-2c0-0.276 0.224-0.5 0.5-0.5h1.5v-0.5c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.5h1.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.5v1h1.5zM16 14h-2v-1h1v-1h1v2zM16 9h-1v-1h-1v-1h2v2z', 'M9 11h1v1h-1v-1z', 'M1 4h15v1.5h-15v-1.5z', 'M2 2h13v1.5h-13v-1.5z']
   },
   wallet: {
     viewbox: '0 0 17 16',

package/lib/icons/index.d.ts

@@ -1,14 +1,13 @@
-import { IconProps } from './types.js';
+import { IIconProps } from './types.js';
 import 'react';
 import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import './helper.js';
 import '../@types/Position.js';
-import '../@types/ColorStyles.js';
 
 declare const _default: {
-    (props: IconProps): JSX.Element;
+    (props: IIconProps): JSX.Element;
     displayName: string;
 };
 

package/lib/icons/index.js

@@ -30,18 +30,13 @@ var Icon = function Icon(_ref) {
     customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
     _ref$customClassForCo = _ref.customClassForContainer,
     customClassForContainer = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
-    _ref$colorStyle = _ref.colorStyle,
-    colorStyle = _ref$colorStyle === void 0 ? 'default' : _ref$colorStyle,
-    color = _ref.color,
-    viewBox = _ref.viewBox,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#676464' : _ref$color,
     _ref$pointerEvents = _ref.pointerEvents,
     pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents,
     targetRef = _ref.targetRef,
     tooltip = _ref.tooltip;
-  var isUsingColorStyle = colorStyle !== 'default';
-  var colorFromProp = isUsingColorStyle || !color ? undefined : color;
   var refSvg = (0, _react.useRef)(null);
-  var viewBoxFromIconOrSvgStrcut = name ? listIcon[name].viewbox : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.viewbox;
   var getPaths = function getPaths() {
     return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
   };
@@ -49,7 +44,6 @@ var Icon = function Icon(_ref) {
     var _getPaths;
     return /*#__PURE__*/_react.default.createElement("svg", {
       "data-testid": "icon",
-      "data-color-style": colorStyle,
       onClick: function onClick() {
         if (_onClick && !disabled) _onClick();
       },
@@ -58,8 +52,8 @@ var Icon = function Icon(_ref) {
       },
       width: "".concat(size, "px"),
       height: "".concat(size, "px"),
-      fill: disabled ? disabledIconColor : colorFromProp,
-      viewBox: viewBox || viewBoxFromIconOrSvgStrcut,
+      fill: disabled ? disabledIconColor : color,
+      viewBox: name ? listIcon[name].viewbox : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.viewbox,
       className: "icon-component ".concat(customClass),
       pointerEvents: pointerEvents,
       style: style
@@ -71,7 +65,6 @@ var Icon = function Icon(_ref) {
       });
     }));
   };
-  if (color && colorStyle !== 'default') throw new Error('Expected only one of the two properties: colorStyle or color');
   if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
   if (!visible) return null;
   if (!tooltip) return getSvg();

package/lib/icons/types.d.ts

@@ -3,7 +3,6 @@ import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
 import { Position } from '../@types/Position.js';
-import { ColorStyles } from '../@types/ColorStyles.js';
 import './helper.js';
 
 type ListIconType = {
@@ -12,38 +11,26 @@ type ListIconType = {
         paths: Array<string>;
     };
 };
-type SvgStruct = {
-    viewbox: string;
-    paths: Array<string>;
-};
-type BaseIconProps = {
+interface IIconProps {
     size?: SizePixels;
+    color?: string;
     customClass?: string;
     customClassForContainer?: string;
     style?: CSSProperties;
     visible?: boolean;
     disabled?: boolean;
     pointerEvents?: PointerEvents;
+    name?: IconNames;
     viewBox?: string;
+    svgStruct?: {
+        viewbox: string;
+        paths: Array<string>;
+    };
     onClick?: () => void;
     tooltipPosition?: Exclude<Position, 'center'>;
     tooltipWidth?: string | number;
     tooltip?: string;
     targetRef?: (ref: HTMLDivElement) => void;
-};
-type ColorProps = ({
-    colorStyle?: ColorStyles | 'default';
-    color?: null;
-} | {
-    color?: string;
-    colorStyle?: undefined;
-});
-type IconProps = BaseIconProps & ColorProps & ({
-    name: IconNames;
-    svgStruct?: null;
-} | {
-    svgStruct: SvgStruct;
-    name?: null;
-});
+}
 
-export { IconProps, ListIconType };
+export { IIconProps, ListIconType };

package/lib/index.d.ts

@@ -7,7 +7,7 @@ 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-fe4a1068.js';
+import './types-c2a0f035.js';
 import 'react';
 import './@types/PermissionAttr.js';
 import './internals/colorStyles.js';
@@ -27,7 +27,6 @@ import './labels/types.js';
 import './icons/types.js';
 import './@types/PointerEvents.js';
 import './@types/SizePixels.js';
-import './@types/ColorStyles.js';
 import './list/Header.js';
 import './list/types.js';
 import './list/Item.js';

package/lib/inputs/base/InputTextBase.js

@@ -71,6 +71,7 @@ var InputTextBase = function InputTextBase(props) {
     _onDragOver = props.onDragOver,
     _onDrop = props.onDrop,
     _onDragLeave = props.onDragLeave,
+    _onClick = props.onClick,
     readOnlyClass = props.readOnlyClass;
   var propsInput;
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
@@ -148,6 +149,9 @@ var InputTextBase = function InputTextBase(props) {
         },
         onDragLeave: function onDragLeave(e) {
           if (_onDragLeave) _onDragLeave(e);
+        },
+        onClick: function onClick(e) {
+          if (_onClick) _onClick(e);
         }
       });
     }

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

@@ -1,4 +1,4 @@
-import { KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
 import { TextAlign } from '../../@types/Align.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
@@ -33,6 +33,7 @@ interface IBaseProps {
     maxLength?: number;
     name?: string;
     required?: boolean;
+    onClick?: (event: MouseEvent) => void;
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;
     onReset?: (e: CustomInputEvent) => void;

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

@@ -1,9 +1,9 @@
 import { IBaseNumberProps } from './types.js';
-import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';

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

@@ -1,9 +1,9 @@
 import { ICurrencyProps } from './types.js';
-import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';

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

@@ -1,9 +1,9 @@
 import { IBaseNumberProps } from './types.js';
-import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';

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

@@ -1,11 +1,11 @@
 export { default as CurrencyField } from './Currency.js';
 export { default as DecimalField } from './Decimal.js';
 import { INumberFieldProps } from './types.js';
-import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';

package/lib/inputs/number/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,27 +17,52 @@ Object.defineProperty(exports, "DecimalField", {
   }
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
+var _react = _interopRequireWildcard(require("react"));
 var _Currency = _interopRequireDefault(require("./Currency"));
 var _Decimal = _interopRequireDefault(require("./Decimal"));
 require("../../assets/styles/numbers.scss");
-var _format_number = require("./format_number");
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var NumberField = function NumberField(props) {
   var _props$textAlign = props.textAlign,
     textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+    min = props.min,
+    max = props.max,
     _props$value = props.value,
     value = _props$value === void 0 ? '' : _props$value;
-  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
+  var _useState = (0, _react.useState)(value.toString()),
+    _useState2 = _slicedToArray(_useState, 2),
+    numberValue = _useState2[0],
+    setNumberValue = _useState2[1];
+  var onChange = function onChange(event) {
+    if (event) {
+      var inputValue = event.target.value;
+      var numericValue = inputValue.replace(/\D/g, '');
+      if (min && parseInt(numericValue, 10) < min || max && parseInt(numericValue, 10) > max) {
+        return;
+      }
+      if (props.onChange) props.onChange(event);
+      setNumberValue(numericValue);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (value !== numberValue) setNumberValue(value.toString());
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    value: numberValue,
     textAlign: textAlign,
-    mask: Number,
-    isNumeric: true,
-    scale: 0,
-    padFractionalZeros: false
-  }, props));
+    onChange: onChange,
+    type: "number"
+  }));
 };
 var _default = NumberField;
 exports.default = _default;

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

@@ -1,9 +1,9 @@
-import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
@@ -11,24 +11,23 @@ import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
-    value?: string;
-    permissionAttr?: PermissionAttr;
-    disabled?: boolean;
+    onChange?: (e?: CustomInputEvent) => void;
+}
+interface IBaseNumberProps extends IMaskHOCProps {
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
     onChange?: (e?: CustomInputEvent, maskValue?: string, date?: string | {
         initial: string;
         final: string;
     }) => void;
 }
-interface IBaseNumberProps extends INumberFieldProps {
-    value?: string;
-    leftElements?: JSX.Element | JSX.Element[];
-    onBlur?: (e: CustomInputEvent) => void;
-    returnFormattedValueOnBlur?: boolean;
-    returnFormattedValueOnKeyDown?: boolean;
-}
-interface ICurrencyProps extends INumberFieldProps {
+interface ICurrencyProps extends IMaskHOCProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
+    onChange?: (e?: CustomInputEvent, maskValue?: string, date?: string | {
+        initial: string;
+        final: string;
+    }) => void;
 }
 
 export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };

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

@@ -80,20 +80,20 @@ var MultipleSelect = function MultipleSelect(props) {
   var selectWrapper = (0, _react.useRef)();
   var gridElRef = (0, _react.useRef)();
   var descriptionKeyIsString = typeof descriptionKey === 'string';
+  var insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];
   var onScreenResize = function onScreenResize() {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
   var onClickOutside = function onClickOutside(event) {
     var target = event.target;
-    if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+    if (!insideComponents.includes(target.className) && target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
       setOpened(false);
     }
   };
   var onMouseMove = function onMouseMove(event) {
     var target = event.target;
     if (target.className === '') return;
-    var insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
-    setInsideComponent(insideComponents);
+    setInsideComponent(insideComponents.includes(target.className));
   };
   var onClearClick = function onClearClick() {
     setSelected(undefined);
@@ -123,19 +123,26 @@ var MultipleSelect = function MultipleSelect(props) {
       setInputValue([filteredValue]);
     }
   };
+  var _onFocus = function onFocus() {
+    var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
+    setOpened(true);
+    setDropdownWidth(dropdownWidthFocus);
+  };
   var onSelect = function onSelect(select) {
+    var _dropdownRef$current;
     if (select === null) return;
     var currentsSelect = [].concat(_toConsumableArray(currents), [select]);
     setCurrents(currentsSelect);
     setDataCombo(dataSource);
     setInputValue([]);
-    setOpened(false);
     if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(function (i) {
       return i[idKey];
     })));
+    (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.focus();
   };
   var onUnselect = function onUnselect(id) {
     if (currents) {
+      var _dropdownRef$current2;
       var result = currents.filter(function (item) {
         return item[idKey] !== id;
       });
@@ -143,41 +150,43 @@ var MultipleSelect = function MultipleSelect(props) {
       if (props.onSelect) setSelected(props.onSelect(result.map(function (i) {
         return i[idKey];
       })));
+      (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.focus();
     }
   };
   var onOpenClose = function onOpenClose() {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-  var _onFocus = function onFocus() {
-    var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
-    setOpened(true);
-    setDropdownWidth(dropdownWidthFocus);
-  };
   var _onBlur = function onBlur(e) {
     if (props.onBlur) props.onBlur(e);
     if (!insideComponent) setOpened(false);
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
-      if (e.keyCode === constants.keyCodes.ENTER && selected) {
-        if (!currents.includes(selected)) onSelect(selected);
+      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {
+        if (!currents.some(function (current) {
+          return current[idKey] === selected[idKey];
+        })) {
+          var _e$preventDefault;
+          (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
+          onSelect(selected);
+        }
       } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
         if (!opened) setOpened(true);
-        var index = dataSource ? dataSource.findIndex(function (d) {
+        var index = dataCombo ? dataCombo.findIndex(function (d) {
           return d === selected;
         }) : 0;
         if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
+          index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
         } else {
-          index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
+          index = dataCombo && index === 0 ? dataCombo.length - 1 : index - 1;
         }
-        if (dataSource && dataSource.length) {
-          if (descriptionKeyIsString && dataSource[index][descriptionKey]) {
-            setInputValue(dataSource[index][descriptionKey]);
-          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataSource[index])]);
+        if (dataCombo && dataCombo.length) {
+          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {
+            setInputValue(dataCombo[index][descriptionKey]);
+          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);
         }
-        if (dataSource) setSelected(dataSource[index]);
+        if (dataCombo) setSelected(dataCombo[index]);
       } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
         if (inputValue.length === 0) {
           var currentsKeyDown = _lodash.default.dropRight(currents);
@@ -186,6 +195,8 @@ var MultipleSelect = function MultipleSelect(props) {
             return i[idKey];
           }));
         }
+      } else if (e.keyCode === constants.keyCodes.TAB) {
+        setOpened(false);
       }
     }
   };
@@ -252,6 +263,8 @@ var MultipleSelect = function MultipleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
+    onClick: _onFocus,
+    inputRef: dropdownRef,
     onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",

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

@@ -154,11 +154,13 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   };
   var onSelect = function onSelect(selectedDropdown) {
+    var _dropdownRef$current2;
     if (selectedDropdown === undefined) return;
     setOpened(false);
     setSelected(selectedDropdown);
     if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
     onChange(selectedDropdown);
+    (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.focus();
   };
   var onOpenClose = function onOpenClose() {
     setOpened(!opened);
@@ -188,7 +190,7 @@ var SimpleSelect = function SimpleSelect(props) {
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
-      if (e.keyCode === constants.keyCodes.ENTER && selected) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {
         var _e$preventDefault;
         (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
         onSelect(selected);
@@ -281,6 +283,8 @@ var SimpleSelect = function SimpleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
+    onClick: onFocus,
+    inputRef: dropdownRef,
     onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",

package/lib/inputs/types.d.ts

@@ -19,7 +19,7 @@ interface ISearchProps extends IBaseProps {
     resetButton?: boolean;
     onReset?: (event?: CustomInputEvent) => void;
     onChange?: (event?: CustomInputEvent) => void;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: MouseEvent<Element>) => void;
     textAlign?: TextAlign;
     disabled?: boolean;
     readOnly?: boolean;
@@ -111,6 +111,7 @@ interface IDropdownSelectProps {
     handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
     handleOnBlur: (item: DataCombo) => void;
     handleOnFocus: () => void;
+    handlerSelecionadoAgora?: (bool: boolean) => void;
     opened: boolean;
     dropdownRef: MutableRefObject<HTMLDivElement | null>;
     dataCombo: DataCombo[];

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/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/panel/Content.d.ts

@@ -1,4 +1,4 @@
-import { a as IPanelContentProps } from '../types-fe4a1068.js';
+import { a as IPanelContentProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Content.js

@@ -13,6 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var PanelContent = function PanelContent(_ref) {
@@ -26,35 +29,59 @@ var PanelContent = function PanelContent(_ref) {
     onEndReachedThreshold = _useContext$onEndReac === void 0 ? 0.1 : _useContext$onEndReac,
     hideContent = _useContext.hideContent;
   var rootElementRef = (0, _react.useRef)(null);
-  var enableOnEndReached = (0, _react.useRef)(true);
   var lastScrollHeight = (0, _react.useRef)(0);
-  var onScrollEndReached = (0, _react.useCallback)(function () {
-    var element = rootElementRef.current;
-    if (element && onEndReached) {
-      var scrollTop = element.scrollTop,
-        scrollHeight = element.scrollHeight,
-        clientHeight = element.clientHeight;
-      var scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
-      var threshold = (0, _helpers.getCurrentThreshold)(element, onEndReachedThreshold);
-      if (scrollOffset <= threshold && enableOnEndReached.current) {
-        onEndReached();
-        lastScrollHeight.current = scrollHeight;
-        if (lastScrollHeight.current === scrollHeight) enableOnEndReached.current = false;
-      } else if (scrollOffset > threshold && !enableOnEndReached.current) {
-        enableOnEndReached.current = true;
+  var enableOnEndReached = (0, _react.useRef)(true);
+  var onScrollEndReached = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var element, scrollTop, scrollHeight, clientHeight, scrollOffset, threshold;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          element = rootElementRef.current;
+          if (!(element && onEndReached)) {
+            _context.next = 10;
+            break;
+          }
+          scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
+          scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
+          threshold = (0, _helpers.getCurrentThreshold)(element, onEndReachedThreshold);
+          if (!(scrollOffset <= threshold && enableOnEndReached.current)) {
+            _context.next = 10;
+            break;
+          }
+          enableOnEndReached.current = false;
+          _context.next = 9;
+          return new Promise(function (resolve) {
+            resolve(onEndReached());
+          });
+        case 9:
+          lastScrollHeight.current = scrollHeight;
+        case 10:
+        case "end":
+          return _context.stop();
       }
-    }
-  }, [onEndReached, onEndReachedThreshold, enableOnEndReached.current, rootElementRef.current, lastScrollHeight.current]);
+    }, _callee);
+  })), [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
   (0, _react.useEffect)(function () {
-    if (onEndReached) {
-      var _rootElementRef$curre, _rootElementRef$curre2;
-      (_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.addEventListener('scroll', onScrollEndReached);
-      (_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.addEventListener('resize', onScrollEndReached);
+    var observer;
+    if (rootElementRef.current && onEndReached) {
+      observer = new ResizeObserver(function () {
+        var _ref3 = rootElementRef.current,
+          scrollHeight = _ref3.scrollHeight;
+        if (scrollHeight !== lastScrollHeight.current) {
+          var _observer;
+          enableOnEndReached.current = true;
+          (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
+        }
+      });
+      observer.observe(rootElementRef.current);
+      rootElementRef.current.addEventListener('scroll', onScrollEndReached);
+      rootElementRef.current.addEventListener('resize', onScrollEndReached);
     }
     return function () {
-      var _rootElementRef$curre3, _rootElementRef$curre4;
-      (_rootElementRef$curre3 = rootElementRef.current) === null || _rootElementRef$curre3 === void 0 ? void 0 : _rootElementRef$curre3.removeEventListener('scroll', onScrollEndReached);
-      (_rootElementRef$curre4 = rootElementRef.current) === null || _rootElementRef$curre4 === void 0 ? void 0 : _rootElementRef$curre4.removeEventListener('resize', onScrollEndReached);
+      var _rootElementRef$curre, _rootElementRef$curre2, _observer2;
+      (_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.removeEventListener('scroll', onScrollEndReached);
+      (_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.removeEventListener('resize', onScrollEndReached);
+      (_observer2 = observer) === null || _observer2 === void 0 ? void 0 : _observer2.disconnect();
     };
   }, [onScrollEndReached]);
   if (!opened) return null;

package/lib/panel/DangerPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Default.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Header.d.ts

@@ -1,4 +1,4 @@
-import { b as IPanelHeaderProps } from '../types-fe4a1068.js';
+import { b as IPanelHeaderProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/InfoPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/PrimaryPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/SuccessPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/ToolBar.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/WarningPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-fe4a1068.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/helpers.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { P as default, g as getCurrentThreshold, n as numberAroundZeroAndOne } from '../types-fe4a1068.js';
+export { P as default, g as getCurrentThreshold, n as numberAroundZeroAndOne } from '../types-c2a0f035.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
 import '../@types/Icon.js';

package/lib/panel/helpers.js

@@ -20,15 +20,17 @@ function numberAroundZeroAndOne(_ref) {
   }
   return null;
 }
-function getCurrentThreshold(element, threshold) {
-  if (threshold > 1) return 1;
-  if (threshold < 0) return 0;
-  var scrollHeight = element.scrollHeight,
-    clientHeight = element.clientHeight;
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  var MIN_THRESHOLD = 0;
+  var MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
+  var scrollHeight = scrollableElement.scrollHeight,
+    clientHeight = scrollableElement.clientHeight;
   var offsetHeight = scrollHeight - clientHeight;
-  var scrollThreshold = Math.round(scrollHeight * threshold);
+  var calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
   var maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
-  return Math.min(scrollThreshold, maxScrollThreshold);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
 }
 var PanelContext = /*#__PURE__*/_react.default.createContext({});
 var _default = PanelContext;

package/lib/panel/index.d.ts

@@ -6,7 +6,7 @@ export { default as SuccessPanel } from './SuccessPanel.js';
 export { default as InfoPanel } from './InfoPanel.js';
 export { default as PanelHeader } from './Header.js';
 export { default as PanelContent } from './Content.js';
-import '../types-fe4a1068.js';
+import '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/types.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { C as ContextProps, a as IPanelContentProps, b as IPanelHeaderProps, I as IPanelProps, c as IParameterFunction } from '../types-fe4a1068.js';
+export { A as AsyncFunc, C as ContextProps, F as Func, a as IPanelContentProps, b as IPanelHeaderProps, I as IPanelProps, c as IParameterFunction } from '../types-c2a0f035.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
 import '../@types/Icon.js';

package/lib/{types-fe4a1068.d.ts → types-c2a0f035.d.ts}

@@ -4,9 +4,11 @@ import ColorStyles from './internals/colorStyles.js';
 import { IconNames } from './@types/Icon.js';
 
 declare function numberAroundZeroAndOne({ props, propName, componentName }: IParameterFunction): number | Error | null;
-declare function getCurrentThreshold(element: HTMLDivElement, threshold: number): number;
+declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
 declare const PanelContext: React__default.Context<ContextProps>;
 
+type Func = () => void;
+type AsyncFunc = () => Promise<void>;
 interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
     customClass?: string;
     startOpened?: boolean;
@@ -15,7 +17,7 @@ interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'>
     colorStyle?: typeof ColorStyles | string;
     gridCols?: string;
     title?: string;
-    onEndReached?: () => void;
+    onEndReached?: Func | AsyncFunc;
     onEndReachedThreshold?: typeof numberAroundZeroAndOne | number;
     permissionAttr?: PermissionAttr | PermissionAttr[];
 }
@@ -36,7 +38,7 @@ type ContextProps = {
     handlerToggleable: () => void;
     opened: boolean;
     hideContent: boolean;
-    onEndReached?: () => void;
+    onEndReached?: Func | AsyncFunc;
     onEndReachedThreshold: number;
 };
 interface IParameterFunction {
@@ -45,4 +47,4 @@ interface IParameterFunction {
     componentName: string;
 }
 
-export { ContextProps as C, IPanelProps as I, PanelContext as P, IPanelContentProps as a, IPanelHeaderProps as b, IParameterFunction as c, getCurrentThreshold as g, numberAroundZeroAndOne as n };
+export { AsyncFunc as A, ContextProps as C, Func as F, IPanelProps as I, PanelContext as P, IPanelContentProps as a, IPanelHeaderProps as b, IParameterFunction as c, getCurrentThreshold as g, numberAroundZeroAndOne as n };

package/package.json

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

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;
-  }
-}

package/lib/textContent/index.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement> {
-    as?: 'span' | 'strong' | 'p';
-}
-declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
-
-export { TextContent as default };

package/lib/textContent/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../assets/styles/textContent.scss");
-var _excluded = ["as", "children", "className"];
-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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var TextContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$as = _ref.as,
-    Comp = _ref$as === void 0 ? 'span' : _ref$as,
-    children = _ref.children,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var typedRef = ref;
-  return /*#__PURE__*/_react.default.createElement(Comp, _extends({
-    ref: typedRef,
-    className: "text-content-component ".concat(className),
-    "data-textcontent": Comp
-  }, props), children);
-});
-var _default = TextContent;
-exports.default = _default;