linear-react-components-ui 1.1.3-beta.3 → 1.1.3

package/lib/@types/Align.d.ts

@@ -1,4 +1,4 @@
 type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
 type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;
 
-export type { Align, TextAlign };
+export { Align, TextAlign };

package/lib/@types/ButtonTypes.d.ts

@@ -1,3 +1,3 @@
 type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
 
-export type { ButtonTypes };
+export { ButtonTypes };

package/lib/@types/ColorStyles.d.ts

@@ -1,3 +1,3 @@
 type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
 
-export type { ColorStyles };
+export { ColorStyles };

package/lib/@types/DataCombo.d.ts

@@ -1,3 +1,3 @@
 type DataCombo = any;
 
-export type { DataCombo };
+export { DataCombo };

package/lib/@types/Icon.d.ts

@@ -2,4 +2,4 @@ import _default from '../icons/helper.js';
 
 type IconNames = keyof typeof _default;
 
-export type { IconNames };
+export { IconNames };

package/lib/@types/LabelStyles.d.ts

@@ -1,3 +1,3 @@
 type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
 
-export type { LabelStyles };
+export { LabelStyles };

package/lib/@types/Period.d.ts

@@ -3,4 +3,4 @@ type Period = {
     final?: string;
 };
 
-export type { Period };
+export { Period };

package/lib/@types/PermissionAttr.d.ts

@@ -11,4 +11,4 @@ type OnDenied = {
     hideContent?: boolean;
 };
 
-export type { OnDenied, PermissionAttr };
+export { OnDenied, PermissionAttr };

package/lib/@types/PointerEvents.d.ts

@@ -1,3 +1,3 @@
 type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';
 
-export type { PointerEvents };
+export { PointerEvents };

package/lib/@types/Position.d.ts

@@ -1,3 +1,3 @@
 type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
 
-export type { Position };
+export { Position };

package/lib/@types/PositionAlert.d.ts

@@ -1,3 +1,3 @@
 type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
 
-export type { PositionAlert };
+export { PositionAlert };

package/lib/@types/Size.d.ts

@@ -1,3 +1,3 @@
 type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
 
-export type { Size };
+export { Size };

package/lib/@types/SizePixels.d.ts

@@ -1,3 +1,3 @@
 type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
 
-export type { SizePixels };
+export { SizePixels };

package/lib/@types/StorageMock.d.ts

@@ -2,4 +2,4 @@ interface ISessionStorageMock {
     [key: string]: string;
 }
 
-export type { ISessionStorageMock };
+export { ISessionStorageMock };

package/lib/alerts/types.d.ts

@@ -47,4 +47,4 @@ type MessagesState = {
     [key: string]: Array<IMessageProps>;
 };
 
-export type { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };
+export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/assets/styles/button.scss

@@ -38,14 +38,13 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     @extend %component-splash-click;
     content: "";
     position: absolute;
-    top: 50% !important;
-    left: 50% !important;
+    top: 50%;
+    left: 50%;
     display: block;
+    width: 0;
     padding-top: 0;
     border-radius: 100%;
     background-color: rgba(236, 240, 241, 0.3);
-    width: 0;
-    height: 0 !important;
   }
   > .icon-component {
     width: 15px;
@@ -70,7 +69,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   &:active:before {
     @extend %component-effect-click;
   }
-  &:hover, &[data-uitour="hover"] {
+  &:hover {
     background-color: $default-hover-color;
   }
   &:focus {
@@ -103,7 +102,6 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     @extend %component-disabled;
     opacity: 0.7;
     border: solid 1px $font-color-disabled;
-    pointer-events: auto;
   }
   &.-shadowsdisabled {
     box-shadow: none!important;
@@ -164,7 +162,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     border: 1px solid $primary-border-color;
     text-shadow: $shadow-text-button;
     @extend %color-effects;
-    &:hover, &[data-uitour="hover"] {
+    &:hover {
       background-color: $primary-hover-color;
     }
     &:focus {
@@ -203,7 +201,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     border: 1px solid $warning-color;
     text-shadow: $shadow-text-button;
     @extend %color-effects;
-    &:hover, &[data-uitour="hover"] {
+    &:hover {
       background-color: $warning-hover-color;
     }
     &:focus {
@@ -222,7 +220,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     text-shadow: $shadow-text-button;
     @extend %color-effects;
     color: $font-color-second;
-    &:hover, &[data-uitour="hover"] {
+    &:hover {
       background-color: $danger-hover-color;
     }
     &:focus {
@@ -241,7 +239,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     text-shadow: $shadow-text-button;
     @extend %color-effects;
     color: $font-color-second;
-    &:hover, &[data-uitour="hover"] {
+    &:hover {
       background-color: $success-hover-color;
       color: $font-color-second;
     }
@@ -261,7 +259,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     text-shadow: $shadow-text-button;
     @extend %color-effects;
     color: $font-color-second;
-    &:hover, &[data-uitour="hover"] { 
+    &:hover { 
       background-color: $info-hover-color;
       color: $font-color-second;
     }

package/lib/assets/styles/table.scss

@@ -62,8 +62,7 @@
 
   > .bodycontainer > .innertable > .tbody > .trow,
   > .tbody > .trow {
-    &.-selected,
-    &[data-uitour="selected"] {
+    &.-selected {
       background-color: $component-bg-selected-color !important;
       color: $font-selected-color;
     }

package/lib/avatar/types.d.ts

@@ -28,4 +28,4 @@ interface IAvatarProps {
     disabled?: boolean;
 }
 
-export type { IAvatarProps };
+export { IAvatarProps };

package/lib/badge/types.d.ts

@@ -10,4 +10,4 @@ interface IBadgeProps {
     content?: ReactNode;
 }
 
-export type { IBadgeProps };
+export { IBadgeProps };

package/lib/buttons/DefaultButton.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _icons = _interopRequireDefault(require("../../lib/icons"));
-var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "errorMessage", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "onDeniedText"];
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "errorMessage", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -53,13 +53,13 @@ const DefaultButton = _ref => {
       round,
       permissionAttr,
       skeletonize,
+      tooltipPosition,
       errorMessage,
       tooltipWidth,
       isFloatMenu,
       dropdownAlign,
       customClassForDropdown,
-      buttonRef,
-      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+      buttonRef
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -67,30 +67,18 @@ const DefaultButton = _ref => {
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
   const refButton = (0, _react.useRef)(null);
   const disabledIconColor = 'rgb(193, 193, 193)';
-  const disabledByPermission = onDenied.disabled;
-  const isDisabled = !!onDenied.disabled || disabled;
-  const {
-    handlerSetOnDeniedText
-  } = (0, _react.useContext)(_withTooltip.TooltipContext);
-  const getClass = () => "button-component ".concat(className, "\n      ").concat(customClass, "\n      ").concat(transparent && '-transparent', "\n      ").concat(isDisabled && '-disabled', "\n      ").concat(size && "-".concat(size), "\n      ").concat(dropdown && !round && 'icon-right', "\n      ").concat(dropdown && round && 'icon-center', "\n      ").concat(iconAlign && !dropdown && "icon-".concat(iconAlign), "\n      ").concat(boxShadow ? '' : '-shadowsdisabled', "\n      ").concat(round && '-round');
-  const returnPadlockIcon = resultantStyle => /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "padlock",
-    size: 16,
-    pointerEvents: "none",
-    color: disabledIconColor,
-    style: resultantStyle
-  });
+  const shouldDisable = () => !!onDenied.disabled || disabled;
+  const getClass = () => "button-component ".concat(className, " \n      ").concat(customClass, " \n      ").concat(transparent && '-transparent', "\n      ").concat(shouldDisable() && '-disabled', "\n      ").concat(size && "-".concat(size), "\n      ").concat(dropdown && !round && 'icon-right', " \n      ").concat(dropdown && round && 'icon-center', " \n      ").concat(iconAlign && !dropdown && "icon-".concat(iconAlign), "\n      ").concat(boxShadow ? '' : '-shadowsdisabled', "\n      ").concat(round && '-round');
   const getIcon = () => {
     let resultantStyle = iconStyle;
-    if (isDisabled) {
+    if (shouldDisable()) {
       resultantStyle = _objectSpread(_objectSpread({}, resultantStyle), {}, {
         fill: disabledIconColor
       });
     }
     if (dropdown && showIconDropdown) {
-      const openDropDownRule = isDropdownOpened ? 'mini_up' : 'mini_down';
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: openDropDownRule,
+        name: isDropdownOpened ? 'mini_up' : 'mini_down',
         size: 16,
         customClass: "dropdown-icon",
         pointerEvents: "none",
@@ -98,16 +86,12 @@ const DefaultButton = _ref => {
       });
     }
     if (icon) {
-      if (disabledByPermission) {
-        return returnPadlockIcon(resultantStyle);
-      } else if (disabled) {
+      if (shouldDisable()) {
         return /*#__PURE__*/_react.default.createElement(_icons.default, _extends({}, icon.props, {
           color: disabledIconColor
         }));
       }
       return icon;
-    } else if (!icon && disabledByPermission) {
-      return returnPadlockIcon(resultantStyle);
     } else if (iconName) {
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
         name: iconName,
@@ -119,18 +103,16 @@ const DefaultButton = _ref => {
     }
     return null;
   };
-  (0, _react.useEffect)(() => {
-    if (disabledByPermission) handlerSetOnDeniedText(onDeniedText);
-  }, [disabledByPermission]);
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
     style: style,
     onClick: e => {
-      if (isDisabled) return;
+      if (shouldDisable()) return;
       if (onClick) onClick(e);
       if (dropdown && showDropdown) showDropdown();
       if (onClick && toggleable) setActiveButton(!activeButton);
     },
+    disabled: shouldDisable(),
     className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
     ref: r => {
       if (buttonRef) {

package/lib/buttons/types.d.ts

@@ -43,7 +43,6 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
     closeDropdownOnClickOutside?: boolean;
     errorMessage?: string;
-    onDeniedText?: string;
 }
 
-export type { IButtonProps };
+export { IButtonProps };

package/lib/calendar/types.d.ts

@@ -22,4 +22,4 @@ interface IMonthProps {
     currentDate: Moment;
 }
 
-export type { ICalendarProps, IDayProps, IMonthProps, IWeekProps };
+export { ICalendarProps, IDayProps, IMonthProps, IWeekProps };

package/lib/checkbox/index.js

@@ -81,7 +81,6 @@ const CheckBox = _ref => {
     "aria-checked": "false",
     onKeyPress: undefined
   }, /*#__PURE__*/_react.default.createElement("input", {
-    id: id || undefined,
     ref: r => {
       if (targetRef) targetRef(r);
       inputRef.current = r;
@@ -94,6 +93,7 @@ const CheckBox = _ref => {
     name: name,
     required: required,
     value: value,
+    id: id,
     onChange: () => {}
   }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
     size: 12,

package/lib/checkbox/types.d.ts

@@ -40,4 +40,4 @@ interface ICheckBoxProps {
     errorMessages?: string[] | undefined;
 }
 
-export type { ChangeEvent, ICheckBoxProps };
+export { ChangeEvent, ICheckBoxProps };

package/lib/dialog/types.d.ts

@@ -67,4 +67,4 @@ interface IFormDialogContext {
     headerRef?: React.RefObject<HTMLDivElement>;
 }
 
-export type { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };
+export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };

package/lib/drawer/types.d.ts

@@ -38,4 +38,4 @@ interface IDrawerContext {
     skeletonize?: boolean;
 }
 
-export type { IDrawerContext, IDrawerHeaderProps, IDrawerProps };
+export { IDrawerContext, IDrawerHeaderProps, IDrawerProps };

package/lib/dropdown/types.d.ts

@@ -41,4 +41,4 @@ interface GetCalendarDropdownStyleParams {
     rightPosition: number;
 }
 
-export type { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
+export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/fieldset/types.d.ts

@@ -27,4 +27,4 @@ interface ExpandedElement extends Element {
     align?: string;
 }
 
-export type { ExpandedElement, IFieldsetProps };
+export { ExpandedElement, IFieldsetProps };

package/lib/form/Field.d.ts

@@ -9,6 +9,6 @@ import '../@types/Period.js';
 import '../internals/types.js';
 import '../@types/Position.js';
 
-declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, keyof IFieldProps | "key"> & React__default.RefAttributes<HTMLElement>>;
+declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;
 
 export { _default as default };

package/lib/form/FieldArray.js

@@ -10,8 +10,7 @@ var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _fieldset = _interopRequireDefault(require("../fieldset"));
 var _helpers = require("./helpers");
-const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidade", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData", "handlerSelecionados"];
-/* eslint-disable react-hooks/rules-of-hooks */
+const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidade", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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,12 +33,12 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
     onBlur
   } = props;
   return {
-    onBlur: (0, _react.useCallback)(e => {
+    onBlur: e => {
       if (handleShowValidateMessages) handleShowValidateMessages(true);
       if (onBlur) onBlur(e);
-    }, [handleShowValidateMessages, onBlur]),
+    },
     [valuePropName]: _lodash.default.get(data, name),
-    [changePropName]: (0, _react.useCallback)(ids => {
+    [changePropName]: ids => {
       if (handlerFieldChange) handlerFieldChange({
         target: {
           value: ids,
@@ -48,7 +47,19 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
       });
       if (handlerSelecionados) handlerSelecionados(ids);
       if (handleShowValidateMessages) handleShowValidateMessages(true);
-    }, [handlerFieldChange, handlerSelecionados, handleShowValidateMessages, changePropName])
+    }
+  };
+};
+const getEvents = _ref => {
+  let {
+    onBlur,
+    handleShowValidateMessages
+  } = _ref;
+  return {
+    onBlur: e => {
+      handleShowValidateMessages(true);
+      if (onBlur) onBlur(e);
+    }
   };
 };
 const FieldArray = props => {
@@ -70,16 +81,15 @@ const FieldArray = props => {
       handlerRemoveValidators,
       validators,
       valuePropName,
-      originalData,
-      handlerSelecionados
+      originalData
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
   const currentValue = _lodash.default.get(data, name);
   const originalValue = _lodash.default.get(originalData, name);
-  const handleShowValidateMessages = (0, _react.useCallback)(value => {
+  const handleShowValidateMessages = value => {
     setShowValidateMessages(value);
-  }, []);
+  };
   (0, _react.useEffect)(() => {
     if (!_lodash.default.isEqual(currentValue, originalValue) && Array.isArray(currentValue) && currentValue.length > 0) {
       setShowValidateMessages(true);
@@ -95,7 +105,9 @@ const FieldArray = props => {
         customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), {
+      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: value => setShowValidateMessages(value)
+      })), {
         label: label,
         name: name,
         errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
@@ -103,7 +115,9 @@ const FieldArray = props => {
         }))
       })));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), {
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: value => setShowValidateMessages(value)
+      })), {
         label: label,
         name: name,
         errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {

package/lib/form/index.js

@@ -110,16 +110,17 @@ const Form = _ref => {
     if (updateState) setFieldErrors(currentFieldErrors);
     return Object.values(currentFieldErrors).every(value => value.length === 0);
   };
-  const onFieldChange = (0, _react.useCallback)(event => {
+  const onFieldChange = event => {
     const {
       target
     } = event;
     if (!useInternalState && onDataChange) {
-      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
+      const newData = (0, _helpers.changeValue)(dataSource, target);
+      onDataChange(newData);
     } else {
       setData(prevState => (0, _helpers.changeValue)(prevState, target));
     }
-  }, []);
+  };
   const onValidate = (fieldName, fieldValue, validators) => {
     if (validators) {
       let currentFieldErrors = fieldErrors;
@@ -134,10 +135,10 @@ const Form = _ref => {
       setFieldErrors(currentFieldErrors);
     }
   };
-  const onFormSubmit = (0, _react.useCallback)(event => {
+  const onFormSubmit = event => {
     if (event) event.preventDefault();
     if (checkIsValid(usedData)) onSubmit(usedData);
-  }, [usedData]);
+  };
   const onReset = () => {
     if (!useInternalState && onDataChange) {
       onDataChange(JSON.parse(JSON.stringify(originalData)));
@@ -185,7 +186,7 @@ const Form = _ref => {
         onChangedData(false);
       }
     }
-    if (onDataChange && useInternalState) onDataChange(usedData);
+    if (onDataChange) onDataChange(usedData);
 
     // TODO - Usar debounce para evitar chamada a cada letra digitada
     if (onValidateForm) onValidateForm(checkIsValid(usedData, true));

package/lib/form/types.d.ts

@@ -38,13 +38,12 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
-type OnDataChange = React.Dispatch<React.SetStateAction<any>>;
 type FormProps = BaseFormProps & ({
     useInternalState?: false;
-    onDataChange: OnDataChange;
+    onDataChange: (data: object) => void;
 } | {
     useInternalState: true;
-    onDataChange?: OnDataChange;
+    onDataChange?: (data: object) => void;
 });
 type Data = {
     [key: string]: any;
@@ -220,4 +219,4 @@ type FieldValidator = {
     [name: string]: Validator | Validator[];
 };
 
-export type { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
+export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };

package/lib/gridlayout/types.d.ts

@@ -17,4 +17,4 @@ interface IGridRow {
     customClass?: string;
 }
 
-export type { IGridCol, IGridRow };
+export { IGridCol, IGridRow };

package/lib/hint/types.d.ts

@@ -11,4 +11,4 @@ interface HintProps {
     color?: ColorStyles;
 }
 
-export type { HintProps };
+export { HintProps };

package/lib/icons/types.d.ts

@@ -33,4 +33,4 @@ interface IIconProps {
     targetRef?: (ref: HTMLDivElement) => void;
 }
 
-export type { IIconProps, ListIconType };
+export { IIconProps, ListIconType };

package/lib/inputs/base/InputTextBase.js

@@ -218,7 +218,8 @@ const InputTextBase = props => {
     cols: props.cols
   }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
     autoComplete: autoComplete,
-    tabIndex: applyTabIndex()
+    tabIndex: applyTabIndex(),
+    "data-testid": "teste-123"
   }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
     disabled: disabled,
     visible: !!hint,

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

@@ -91,4 +91,4 @@ interface IBaseProps {
     autoComplete?: 'on' | 'off';
 }
 
-export type { CustomInputEvent, IBaseProps, InputLabelProps };
+export { CustomInputEvent, IBaseProps, InputLabelProps };

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

@@ -11,4 +11,4 @@ interface IColorProps {
     visible?: boolean;
 }
 
-export type { IColorProps };
+export { IColorProps };