linear-react-components-ui 1.1.22-beta.4 → 1.1.22-beta.6

package/lib/form/withFieldHOC.js

@@ -51,8 +51,7 @@ const withFieldHOC = WrappedComponent => {
         externalFieldErrors,
         handlerStoreValidators,
         handlerRemoveValidators,
-        skeletonize,
-        handleValidationErrorsOnTab
+        skeletonize
       } = _ref;
       return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
         skeletonize: skeletonize,
@@ -63,8 +62,7 @@ const withFieldHOC = WrappedComponent => {
         data: data,
         fieldErrors: fieldErrors,
         externalFieldErrors: externalFieldErrors,
-        forwardedRef: ref,
-        handleValidationErrorsOnTab: handleValidationErrorsOnTab
+        forwardedRef: ref
       }));
     });
   }

package/lib/inputs/date/helpers.d.ts

@@ -1,37 +1,7 @@
-import * as imask from 'imask';
 import moment from 'moment';
 
 declare const PT_BR_FORMAT = "DD/MM/YYYY";
-declare const PT_BR_FORMAT_DATETIME = "DD/MM/YYYY HH:mm";
 declare const EN_US_FORMAT = "YYYY-MM-DD";
-declare const EN_US_FORMAT_DATETIME = "YYYY-MM-DD HH.mm";
 declare const getMomentValue: (value: string) => moment.Moment;
-declare const blocksDateTimeFormat: {
-    DD: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    MM: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    YYYY: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    HH: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    mm: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-};
 
-export { EN_US_FORMAT, EN_US_FORMAT_DATETIME, PT_BR_FORMAT, PT_BR_FORMAT_DATETIME, blocksDateTimeFormat, getMomentValue };
+export { EN_US_FORMAT, PT_BR_FORMAT, getMomentValue };

package/lib/inputs/date/helpers.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMomentValue = exports.blocksDateTimeFormat = exports.PT_BR_FORMAT_DATETIME = exports.PT_BR_FORMAT = exports.EN_US_FORMAT_DATETIME = exports.EN_US_FORMAT = void 0;
+exports.getMomentValue = exports.PT_BR_FORMAT = exports.EN_US_FORMAT = void 0;
 var _moment = _interopRequireDefault(require("moment"));
-var _reactImask = require("react-imask");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PT_BR_FORMAT = exports.PT_BR_FORMAT = 'DD/MM/YYYY';
-const PT_BR_FORMAT_DATETIME = exports.PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';
 const EN_US_FORMAT = exports.EN_US_FORMAT = 'YYYY-MM-DD';
-const EN_US_FORMAT_DATETIME = exports.EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';
 const getMomentValue = value => {
   let newValue = value;
   if ((0, _moment.default)(newValue, PT_BR_FORMAT, true).isValid()) {
@@ -18,31 +15,4 @@ const getMomentValue = value => {
   }
   return typeof newValue === 'string' ? (0, _moment.default)(newValue, EN_US_FORMAT) : newValue;
 };
-exports.getMomentValue = getMomentValue;
-const blocksDateTimeFormat = exports.blocksDateTimeFormat = {
-  DD: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1,
-    to: 31
-  },
-  MM: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1,
-    to: 12
-  },
-  YYYY: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1900,
-    to: 2999
-  },
-  HH: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 0,
-    to: 23
-  },
-  mm: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 0,
-    to: 59
-  }
-};
+exports.getMomentValue = getMomentValue;

package/lib/inputs/date/index.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _calendar = _interopRequireDefault(require("../../calendar"));
 var _Dialog = _interopRequireDefault(require("./Dialog"));
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
+var _calendar = _interopRequireDefault(require("../../calendar"));
+var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _helpers = require("./helpers");
 require("../../assets/styles/datepicker.scss");
-var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 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; }
@@ -34,16 +34,11 @@ const DatePicker = props => {
       height: '384px'
     },
     gridLayout,
-    shouldCloseOnEsc = true,
-    isDateTimeField = false
+    shouldCloseOnEsc = true
   } = props;
-  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;
-  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';
-  const brFormatter = !isDateTimeField ? _helpers.PT_BR_FORMAT : _helpers.PT_BR_FORMAT_DATETIME;
-  const usFormatter = !isDateTimeField ? _helpers.EN_US_FORMAT : _helpers.EN_US_FORMAT_DATETIME;
   const [valueState, setValueState] = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined);
   const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
-  const [valueFromProps, setValueFromProps] = (0, _react.useState)((0, _moment.default)(value, patternFormat).format());
+  const [valueFromProps, setValueFromProps] = (0, _react.useState)(value);
   const [inputDimensions, setInputDimensions] = (0, _react.useState)();
   const [calendarOnDialog, setCalendarOnDialog] = (0, _react.useState)(false);
   const [onDenied, setOnDenied] = (0, _react.useState)({
@@ -129,11 +124,11 @@ const DatePicker = props => {
   };
   const isValidDate = date => {
     if (typeof date === 'object' && !(date instanceof Date)) {
-      const initialValid = (0, _moment.default)(date.initial, brFormatter, true).isValid();
-      const finalValid = (0, _moment.default)(date.final, brFormatter, true).isValid();
+      const initialValid = (0, _moment.default)(date.initial, _helpers.PT_BR_FORMAT, true).isValid();
+      const finalValid = (0, _moment.default)(date.final, _helpers.PT_BR_FORMAT, true).isValid();
       return initialValid && finalValid;
     }
-    return (0, _moment.default)(date, brFormatter, true).isValid();
+    return (0, _moment.default)(date, _helpers.PT_BR_FORMAT, true).isValid();
   };
   const onInputChange = function (event) {
     let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -141,7 +136,7 @@ const DatePicker = props => {
       const date = event.target.value ?? '';
       if (props.onChange) {
         if (isValidDate(date)) {
-          const newValue = (0, _moment.default)(date, brFormatter).format(usFormatter);
+          const newValue = (0, _moment.default)(date, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
           const obj = {
             target: {
               value: newValue,
@@ -168,12 +163,12 @@ const DatePicker = props => {
     if (props.onComplete) props.onComplete(e, valueParam);
     if (props.onChange) onInputChange({
       target: {
-        value: valueParam ?? '',
+        value: valueParam,
         name
       }
     }, valueParam);
     if (shouldCloseOnSelect) setShowCalendar(false);
-    setValueState((0, _moment.default)(valueParam, brFormatter));
+    setValueState((0, _moment.default)(valueParam, _helpers.PT_BR_FORMAT));
   };
   const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
   const getButtonOpen = () => {
@@ -199,7 +194,7 @@ const DatePicker = props => {
     colorStyle: calendarColorStyle,
     currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
     onDateChange: date => {
-      setValue(date.format(brFormatter), undefined);
+      setValue(date.format(_helpers.PT_BR_FORMAT), undefined);
       if (showCalendarInDialog) setCalendarOnDialog(false);
     },
     currentDateButton: buttonElement => currentDateButtonRef.current = buttonElement,
@@ -225,8 +220,8 @@ const DatePicker = props => {
     }, getCalendar(valueState, props?.calendarColorStyle));
   };
   (0, _react.useEffect)(() => {
-    if (value && (0, _moment.default)(value, usFormatter).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, usFormatter).format() !== (0, _moment.default)(value, usFormatter).format()) {
-      setValueState((0, _moment.default)(value, usFormatter));
+    if (value && (0, _moment.default)(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, _helpers.EN_US_FORMAT).format() !== (0, _moment.default)(value, _helpers.EN_US_FORMAT).format()) {
+      setValueState((0, _moment.default)(value, _helpers.EN_US_FORMAT));
       setValueFromProps(value);
     } else if (!value && value !== valueFromProps) {
       setValueState(undefined);
@@ -258,14 +253,11 @@ const DatePicker = props => {
     className: "datepicker-container"
   }, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     gridLayout: undefined,
-    isDateTimeField: isDateTimeField,
-    value: !valueState ? ' ' : valueState.format(brFormatter),
-    mask: maskFormat,
-    pattern: patternFormat,
-    blocks: !isDateTimeField ? {} : _helpers.blocksDateTimeFormat,
-    onComplete: e => {
-      if (e) {
-        setValue(e.target?.maskedValue, e);
+    value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
+    mask: "00/00/0000",
+    onComplete: (e, date) => {
+      if (date) {
+        setValue(date, e);
       }
     },
     onBlur: onInputBlur,

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

@@ -43,7 +43,6 @@ interface IDatePickerProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
-    isDateTimeField?: boolean;
 }
 interface IDateDropdownProps {
     children: ReactNode | ReactNode[];

package/lib/inputs/mask/BaseMask.d.ts

@@ -7,6 +7,6 @@ import '../../@types/Period.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 
-declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, isDateTimeField, ...rest }: IBaseMaskProps) => JSX.Element;
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, ...rest }: IBaseMaskProps) => JSX.Element;
 
 export { BaseMask as default };

package/lib/inputs/mask/BaseMask.js

@@ -10,7 +10,7 @@ var _format_number = require("../number/format_number");
 var _reactImask = require("react-imask");
 var _permissionValidations = require("../../permissionValidations");
 var _helpers = require("./helpers");
-const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask", "isDateTimeField"];
+const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask"];
 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; }
@@ -102,8 +102,7 @@ const BaseMask = _ref => {
       onChange,
       onComplete,
       permissionAttr,
-      mask,
-      isDateTimeField
+      mask
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
@@ -113,15 +112,14 @@ const BaseMask = _ref => {
   } = onDenied;
   const disableCallbacks = disabled || readOnly;
   const maskOptions = (0, _helpers.getMaskOptions)(_objectSpread({
-    mask,
-    isDateTimeField
+    mask
   }, rest));
   const {
     ref,
     setValue,
     setTypedValue,
     maskRef
-  } = (0, _reactImask.useIMask)(_objectSpread({}, maskOptions), {
+  } = (0, _reactImask.useIMask)(maskOptions, {
     defaultValue: defaultValue,
     onAccept: (_, r) => {
       if (!disableCallbacks && onChange) {

package/lib/inputs/mask/helpers.d.ts

@@ -1,14 +1,61 @@
+import { TextAlign } from '../../@types/Align.js';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
+import * as React from 'react';
+import { CustomInputEvent } from '../base/types.js';
 import { IBaseMaskProps } from './types.js';
-import { ReactMaskOpts } from 'react-imask';
-import 'react';
-import '../../@types/Align.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
 import '../../@types/Period.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 
-declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, isDateTimeField, ...rest }: IBaseMaskProps) => ReactMaskOpts;
+declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, ...rest }: IBaseMaskProps) => {
+    value?: string | number | undefined;
+    onBlur?: ((e: CustomInputEvent) => void) | undefined;
+    onKeyDown?: ((e: CustomInputEvent | React.KeyboardEvent<Element>) => void) | undefined;
+    defaultValue?: string | undefined;
+    isNumeric?: boolean | undefined;
+    blocks?: any;
+    handlerSetOnDenied?: ((onDeniedValue: OnDenied) => void) | undefined;
+    onChange?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
+    onComplete?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void) | undefined;
+    permissionAttr?: PermissionAttr | undefined;
+    errorMessages?: string[] | undefined;
+    rounded?: boolean | undefined;
+    textAlign?: TextAlign | undefined;
+    customClassForInputContent?: string | undefined;
+    label?: string | undefined;
+    name?: string | undefined;
+    customClassForLabel?: string | undefined;
+    customClass?: string | undefined;
+    gridLayout?: string | undefined;
+    placeHolder?: string | undefined;
+    readOnly?: boolean | undefined;
+    labelUppercase?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unmask?: boolean | undefined;
+    onFocus?: ((e: CustomInputEvent) => void) | undefined;
+    required?: boolean | undefined;
+    returnFormattedValueOnBlur?: boolean | undefined;
+    returnFormattedValueOnKeyDown?: boolean | undefined;
+    autoCompleteMask?: "left" | "right" | undefined;
+    definitions?: any;
+    mask?: any;
+    hint?: string | string[] | undefined;
+    hintPosition?: "below" | "onLabelRight" | undefined;
+    themePopover?: "dark" | "light" | undefined;
+    popoverAlign?: "left" | "right" | undefined;
+    placeholderChar: string;
+    min: any;
+    max: any;
+    lazy: boolean;
+    pattern: string;
+    radix: string;
+    thousandsSeparator: string;
+    mapToRadix: string[];
+    scale: number;
+    normalizeZeros: boolean;
+    padFractionalZeros: boolean;
+};
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";
 declare function CNPJValidation(cnpj?: string, returnMessage?: (msg: string) => void): void | "CNPJ inválido";
 

package/lib/inputs/mask/helpers.js

@@ -7,10 +7,8 @@ exports.CNPJValidation = CNPJValidation;
 exports.CPFValidation = CPFValidation;
 exports.getMaskOptions = void 0;
 var _lodash = require("lodash");
-var _moment = _interopRequireDefault(require("moment"));
-const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "pattern", "radix", "thousandsSeparator", "mapToRadix", "scale", "normalizeZeros", "padFractionalZeros", "rightElements", "leftElements", "isDateTimeField"];
+const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "pattern", "radix", "thousandsSeparator", "mapToRadix", "scale", "normalizeZeros", "padFractionalZeros", "rightElements", "leftElements"];
 /* eslint-disable @typescript-eslint/no-explicit-any */
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -34,11 +32,42 @@ const getMaskOptions = _ref => {
       normalizeZeros = true,
       padFractionalZeros = true,
       rightElements,
-      leftElements,
-      isDateTimeField
+      leftElements
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const options = _objectSpread({
+  // TODO: essa etapa deverá ser feita junto com o refactory dos componentes Date e Period.
+  // if (isDateField) {
+  //   return {
+  //     mask: Date,
+  //     min: min || new Date(1900, 0, 1),
+  //     max: max || new Date(9999, 0, 1),
+  //     pattern: momentFormat,
+  //     lazy,
+  //     format: (date: moment.MomentInput) => moment(date).format(momentFormat),
+  //     parse: (str) => moment(str, momentFormat).toDate(),
+  //     blocks: {
+  //       DD: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1,
+  //         to: 31,
+  //         maxLength: 2,
+  //       },
+  //       MM: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1,
+  //         to: 12,
+  //         maxLength: 2,
+  //       },
+  //       YYYY: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1900,
+  //         to: 9999,
+  //       },
+  //     },
+  //   } satisfies ReactMaskOpts;
+  // }
+
+  return _objectSpread({
     placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
     min,
     max,
@@ -51,15 +80,6 @@ const getMaskOptions = _ref => {
     normalizeZeros,
     padFractionalZeros
   }, rest);
-  if (isDateTimeField) {
-    options.format = date => {
-      return (0, _moment.default)(date).format(momentFormat);
-    };
-    options.parse = str => {
-      return (0, _moment.default)(str, momentFormat);
-    };
-  }
-  return options;
 };
 exports.getMaskOptions = getMaskOptions;
 const allEqualDigits = input => input.split('').every(char => char === input[0]);

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

@@ -57,7 +57,6 @@ type IBaseMaskProps = {
     pattern?: string;
     mapToRadix?: string[];
     normalizeZeros?: boolean;
-    isDateTimeField?: boolean;
 };
 type ICnpjFieldProps = IBaseMaskProps & {
     value?: string;

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -8,6 +8,6 @@ import '../../../@types/Period.js';
 import '../../../internals/types.js';
 import '../../../@types/Position.js';
 
-declare const Selecteds: ({ currents, descriptionKey, idKey, disabled, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
+declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
 
 export { Selecteds as default };

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

@@ -11,14 +11,12 @@ const Selecteds = _ref => {
     currents,
     descriptionKey,
     idKey,
-    disabled,
     handlerOnUnselect
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currents.map(selected => /*#__PURE__*/_react.default.createElement("div", {
-    className: `selecteditem ${disabled ? '-disabled' : ''}`,
+    className: "selecteditem",
     key: `selected-${selected[idKey]}`
   }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
     className: "close",
     tabIndex: -1,
     onClick: () => handlerOnUnselect(selected[idKey])

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

@@ -33,8 +33,7 @@ const MultipleSelect = props => {
     customClassForLabel,
     customClassForWrapper,
     customClassForInputContent,
-    customClassForSideButtons,
-    disabled = false
+    customClassForSideButtons
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -171,7 +170,7 @@ const MultipleSelect = props => {
   const setOnDenied = denied => {
     setOnDeniedSelect(denied);
   };
-  const shouldDisable = () => disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
+  const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
   const shouldBeReadOnly = () => props.readOnly || onDenied && onDenied.readOnly;
   (0, _react.useEffect)(() => {
     window.addEventListener('resize', onScreenResize);

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

@@ -103,7 +103,6 @@ interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value
     popoverAlign?: 'right' | 'left';
 }
 interface ISelectedsMultipleProps {
-    disabled?: boolean;
     idKey: string;
     descriptionKey: DescriptionKey;
     currents: DataCombo[];

package/lib/panel/Content.js

@@ -50,17 +50,14 @@ const PanelContent = _ref => {
   }, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
   (0, _react.useEffect)(() => {
     let observer;
-    if (rootElementRef?.current && onEndReached) {
+    if (rootElementRef.current && onEndReached) {
       observer = new ResizeObserver(() => {
-        const currentElement = rootElementRef.current;
-        if (currentElement) {
-          const {
-            scrollHeight
-          } = currentElement;
-          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {
-            enableOnEndReached.current = true;
-            observer?.disconnect();
-          }
+        const {
+          scrollHeight
+        } = rootElementRef.current;
+        if (scrollHeight !== lastScrollHeight.current) {
+          enableOnEndReached.current = true;
+          observer?.disconnect();
         }
       });
       observer.observe(rootElementRef.current);

package/lib/radio/index.d.ts

@@ -8,9 +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, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps): JSX.Element | null;
-    displayName: string;
-};
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -110,5 +110,4 @@ const Radio = _ref => {
     }
   }, hint));
 };
-Radio.displayName = 'Radio';
 var _default = exports.default = Radio;

package/lib/tabs/Menu.d.ts

@@ -6,6 +6,6 @@ import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => JSX.Element;
+declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, ...props }: MenuProps) => JSX.Element;
 
 export { Menu as default };

package/lib/tabs/Menu.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _MenuTabs = _interopRequireDefault(require("./MenuTabs"));
 var _DropdownTabs = _interopRequireDefault(require("./DropdownTabs"));
 var _useTabs = require("./useTabs");
-const _excluded = ["toolbar", "customClassForToolBar", "tabWidth", "tabsWithError"];
+const _excluded = ["toolbar", "customClassForToolBar", "tabWidth"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -16,8 +16,7 @@ const Menu = _ref => {
   let {
       toolbar,
       customClassForToolBar = '',
-      tabWidth = 'auto',
-      tabsWithError
+      tabWidth = 'auto'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -28,7 +27,6 @@ const Menu = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer"
   }, /*#__PURE__*/_react.default.createElement(_MenuTabs.default, {
-    tabsWithError: tabsWithError,
     tabs: menuTabs,
     tabWidth: tabWidth,
     tabMenuSize: props.tabMenuSize,

package/lib/tabs/MenuTabs.js

@@ -28,8 +28,7 @@ const MenuTab = _ref => {
     tooltip,
     tooltipPosition,
     tooltipWidth,
-    closeable,
-    tabsWithError
+    closeable
   } = _ref;
   const {
     selectedTabId,
@@ -38,17 +37,12 @@ const MenuTab = _ref => {
     tabsCount
   } = (0, _useTabs.useTabs)();
   const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
-  const withErrorInContent = tabsWithError?.includes(id);
   return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
     key: id,
     style: {
       width: tabWidth
     },
-    className: `
-          menuitem 
-          ${selectedTabId === id && 'selected'} 
-          ${withErrorInContent && 'witherrorcontent'}
-        `
+    className: `menuitem ${selectedTabId === id && 'selected'}`
   }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "btn menubutton",
     boxShadow: false,
@@ -73,13 +67,9 @@ const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     tabWidth = 'auto',
     tabMenuSize = 'medium',
     tabMenuAlign = 'left',
-    firstTabIdent = false,
-    tabsWithError
+    firstTabIdent = false
   } = _ref2;
-  const {
-    keepPanelsInOrder
-  } = (0, _useTabs.useTabs)();
-  const uniqueTabs = keepPanelsInOrder ? _lodash.default.sortBy(_lodash.default.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id)) : _lodash.default.uniqBy(tabs, 'id');
+  const uniqueTabs = _lodash.default.uniqBy(tabs, 'id');
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: `menu ${firstTabIdent && '-firsttabident'}`,
     style: helpers.menuStyles(tabMenuAlign),
@@ -87,8 +77,7 @@ const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
     key: tab.id,
     tabMenuSize: tabMenuSize,
-    tabWidth: tabWidth,
-    tabsWithError: tabsWithError
+    tabWidth: tabWidth
   }, tab))));
 });
 MenuTabs.displayName = 'MenuTabs';

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, keepPanelsInOrder, keepTabOriginalPosition, }: 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,6 @@ function TabsProvider(_ref) {
     onTabClose,
     tabsWidth: tabsWidthProp,
     firstTabIdent = false,
-    keepPanelsInOrder,
     keepTabOriginalPosition = true
   } = _ref;
   const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
@@ -122,8 +121,7 @@ function TabsProvider(_ref) {
       selectTab,
       selectedTabId,
       removeTab,
-      menuRef,
-      keepPanelsInOrder
+      menuRef
     }
   }, children);
 }