linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/dropdown/types.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode, Ref, ReactElement } from 'react';
+
+interface WithDropdownProps {
+    dropdown?: boolean;
+    dropdownOpened?: boolean;
+    dropdownAlign?: 'left' | 'right';
+    isDropdownOpened?: boolean;
+    children?: ReactNode;
+    customClassForDropdown?: string;
+    closeDropdownOnClickOutside?: boolean;
+    showDropdown?: () => void;
+    isFloatMenu?: boolean;
+}
+interface WrappedComponentProps extends WithDropdownProps {
+    getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
+}
+interface GetDisplayNameParams {
+    displayName?: string;
+    name?: string;
+}
+interface WithDropdownContextProps {
+    handleDropdownClose: () => void;
+}
+interface IPopUpProps {
+    children?: ReactNode;
+    customClassForDropdown?: string;
+    align: 'left' | 'right';
+    isFloatMenu?: boolean;
+    topPosition?: number;
+    leftPosition?: number;
+    rightPosition?: number;
+    minWidth?: number;
+}
+interface GetCalendarDropdownStyleParams {
+    align: 'left' | 'right';
+    minWidth: number;
+    isFloatMenu: boolean;
+    topPosition: number;
+    leftPosition: number;
+    rightPosition: number;
+}
+
+export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { WithDropdownContextProps, WithDropdownProps } from './types.js';
+
+declare const WithDropdownContext: React__default.Context<WithDropdownContextProps>;
+declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
+    (props: ComponentProps): JSX.Element;
+    displayName: string;
+};
+
+export { WithDropdownContext, withDropdown as default };

package/lib/dropdown/withDropdown.js

@@ -1,27 +1,25 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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"] = exports.WithDropdownContext = void 0;
+exports.default = exports.WithDropdownContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Popup = _interopRequireDefault(require("./Popup"));
 
 require("../assets/styles/dropdown.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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 || 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 _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(); }
 
@@ -35,8 +33,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var WithDropdownContext = /*#__PURE__*/_react["default"].createContext();
-
+var WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.WithDropdownContext = WithDropdownContext;
 
 var getDisplayName = function getDisplayName(Component) {
@@ -48,10 +45,12 @@ var withDropdown = function withDropdown(WrappedComponent) {
     var dropdownOpened = props.dropdownOpened,
         showDropdown = props.showDropdown,
         dropdown = props.dropdown,
-        closeDropdownOnClickOutside = props.closeDropdownOnClickOutside,
+        _props$closeDropdownO = props.closeDropdownOnClickOutside,
+        closeDropdownOnClickOutside = _props$closeDropdownO === void 0 ? true : _props$closeDropdownO,
         customClassForDropdown = props.customClassForDropdown,
         children = props.children,
-        dropdownAlign = props.dropdownAlign,
+        _props$dropdownAlign = props.dropdownAlign,
+        dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign,
         isFloatMenu = props.isFloatMenu,
         isDropdownOpened = props.isDropdownOpened;
 
@@ -82,21 +81,23 @@ var withDropdown = function withDropdown(WrappedComponent) {
     };
 
     var onDropdownClick = function onDropdownClick() {
-      setOpened(!opened);
+      setOpened(function (prevState) {
+        return !prevState;
+      });
     };
 
     var getDropdown = function getDropdown(targetRef) {
       if (!targetRef || !opened) return null;
       wrappedComponentRef.current = targetRef;
       var targetDimensions = targetRef.getBoundingClientRect();
-      return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+      return /*#__PURE__*/_react.default.createElement(_Popup.default, {
         topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
         rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
         leftPosition: targetDimensions.left,
         align: dropdownAlign,
         customClassForDropdown: customClassForDropdown,
         isFloatMenu: isFloatMenu
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: isFloatMenu ? 'items' : undefined,
         ref: function ref(r) {
           popupRef.current = r;
@@ -115,13 +116,9 @@ var withDropdown = function withDropdown(WrappedComponent) {
         }
       };
     }, []);
-
-    var getContextValues = function getContextValues() {
-      return {
-        handleDropdownClose: onDropdownClick
-      };
+    var contextValues = {
+      handleDropdownClose: onDropdownClick
     };
-
     var newProps = {
       getDropdownPopup: function getDropdownPopup(targetRef) {
         return getDropdown(targetRef);
@@ -131,37 +128,15 @@ var withDropdown = function withDropdown(WrappedComponent) {
       } : showDropdown,
       isDropdownOpened: isDropdownOpened || opened
     };
-    if (!dropdown) return /*#__PURE__*/_react["default"].createElement(WrappedComponent, props);
-    return /*#__PURE__*/_react["default"].createElement(WithDropdownContext.Provider, {
-      value: getContextValues()
-    }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, _extends({}, props, newProps)));
+    if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
+    return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
   };
 
-  EnhancedComponent.propTypes = {
-    dropdown: _propTypes["default"].bool,
-    children: _propTypes["default"].any,
-    customClassForDropdown: _propTypes["default"].string,
-    closeDropdownOnClickOutside: _propTypes["default"].bool,
-    dropdownAlign: _propTypes["default"].oneOf(['left', 'right']),
-    dropdownOpened: _propTypes["default"].bool,
-    isDropdownOpened: _propTypes["default"].bool,
-    showDropdown: _propTypes["default"].func,
-    isFloatMenu: _propTypes["default"].bool
-  };
-  EnhancedComponent.defaultProps = {
-    dropdown: false,
-    children: undefined,
-    customClassForDropdown: '',
-    closeDropdownOnClickOutside: true,
-    dropdownAlign: 'left',
-    dropdownOpened: false,
-    isDropdownOpened: false,
-    showDropdown: undefined,
-    isFloatMenu: false
-  };
   EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
   return EnhancedComponent;
 };
 
 var _default = withDropdown;
-exports["default"] = _default;
+exports.default = _default;

package/lib/fieldset/index.d.ts

@@ -0,0 +1,8 @@
+import { IFieldsetProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+declare const Fieldset: (props: IFieldsetProps) => JSX.Element | null;
+
+export { Fieldset as default };

package/lib/fieldset/index.js

@@ -1,16 +1,14 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 
 var _permissionValidations = require("../permissionValidations");
@@ -19,13 +17,13 @@ var _noPermission = _interopRequireDefault(require("../noPermission"));
 
 require("../assets/styles/fieldset.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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 || 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 _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(); }
 
@@ -43,17 +41,19 @@ var Fieldset = function Fieldset(props) {
   var gridCols = props.gridCols,
       children = props.children,
       title = props.title,
-      titleAlign = props.titleAlign,
+      _props$titleAlign = props.titleAlign,
+      titleAlign = _props$titleAlign === void 0 ? 'left' : _props$titleAlign,
       style = props.style,
       styleContent = props.styleContent,
       styleTitle = props.styleTitle,
-      template = props.template,
+      _props$template = props.template,
+      template = _props$template === void 0 ? 'none' : _props$template,
       titleCustomClass = props.titleCustomClass,
       permissionAttr = props.permissionAttr;
   var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent,
       unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
 
-  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, [hideContent, unvisible])),
+  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr)),
       _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
@@ -68,8 +68,10 @@ var Fieldset = function Fieldset(props) {
   };
 
   var getContentStyle = function getContentStyle(_ref2) {
-    var colsCount = _ref2.colsCount,
-        rowsCount = _ref2.rowsCount;
+    var _ref2$colsCount = _ref2.colsCount,
+        colsCount = _ref2$colsCount === void 0 ? 2 : _ref2$colsCount,
+        _ref2$rowsCount = _ref2.rowsCount,
+        rowsCount = _ref2$rowsCount === void 0 ? 2 : _ref2$rowsCount;
 
     if (template === 'rows') {
       return {
@@ -85,57 +87,24 @@ var Fieldset = function Fieldset(props) {
   };
 
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_react["default"].createElement("fieldset", {
+    return /*#__PURE__*/_react.default.createElement("fieldset", {
       style: style,
       className: getCssClass(_extends({}, props))
-    }, onDenied.hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, title && /*#__PURE__*/_react["default"].createElement("legend", {
+    }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
       style: styleTitle,
       align: titleAlign,
       className: "legend ".concat(titleCustomClass)
-    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    }, title), /*#__PURE__*/_react.default.createElement("div", {
       className: "contentfieldset -template".concat(template, " "),
       style: Object.assign(getContentStyle(props), styleContent)
     }, children)));
   };
 
   if (onDenied.unvisible) return null;
-  return gridCols ? /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
+  return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     cols: gridCols
   }, renderContent()) : renderContent();
 };
 
-Fieldset.propTypes = {
-  customClass: _propTypes["default"].string,
-  children: _propTypes["default"].any.isRequired,
-  template: _propTypes["default"].oneOf(['none', 'columns', 'rows']),
-  titleAlign: _propTypes["default"].oneOf(['left', 'right']),
-  title: _propTypes["default"].string,
-  titleCustomClass: _propTypes["default"].string,
-  colsCount: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  rowsCount: _propTypes["default"].number,
-  style: _propTypes["default"].object,
-  styleContent: _propTypes["default"].object,
-  styleTitle: _propTypes["default"].object,
-  type: _propTypes["default"].oneOf([undefined, 'primary', 'danger', 'success', 'warning', 'info']),
-  hasError: _propTypes["default"].bool,
-  gridCols: _propTypes["default"].string,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)])
-};
-Fieldset.defaultProps = {
-  customClass: '',
-  template: 'none',
-  title: undefined,
-  titleAlign: 'left',
-  titleCustomClass: '',
-  colsCount: 2,
-  rowsCount: 2,
-  style: {},
-  type: undefined,
-  styleContent: {},
-  styleTitle: {},
-  hasError: false,
-  gridCols: undefined,
-  permissionAttr: undefined
-};
 var _default = Fieldset;
-exports["default"] = _default;
+exports.default = _default;

package/lib/fieldset/types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode, CSSProperties } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+
+interface IFieldsetProps {
+    children: ReactNode;
+    customClass?: string;
+    template?: 'none' | 'columns' | 'rows';
+    titleAlign?: Extract<Position, 'left' | 'right'>;
+    title?: string;
+    titleCustomClass?: string;
+    colsCount?: string | number;
+    rowsCount?: number;
+    style?: CSSProperties;
+    styleContent?: CSSProperties;
+    styleTitle?: CSSProperties;
+    type?: 'primary' | 'danger' | 'success' | 'warning' | 'info';
+    hasError?: boolean;
+    gridCols?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+interface ExpandedElement extends Element {
+    name?: string;
+    value?: string;
+    align?: string;
+}
+
+export { ExpandedElement, IFieldsetProps };

package/lib/fieldset/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/form/Field.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IFieldProps } from './types.js';
+
+declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };

package/lib/form/Field.js

@@ -1,29 +1,27 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 
 var _helpers = require("./helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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 || 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 _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(); }
 
@@ -47,7 +45,7 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
     onBlur: function onBlur(e) {
-      if (validatorsArray) {
+      if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
       }
 
@@ -64,25 +62,25 @@ var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
       componentType = props.componentType,
       component = props.component;
 
-  if (componentType.toLowerCase() === 'radio') {
+  if (componentType && componentType.toLowerCase() === 'radio') {
     return {
-      checked: _lodash["default"].get(data, name) === value,
+      checked: _lodash.default.get(data, name) === value,
       id: fieldId
     };
-  } else if (componentType.toLowerCase() === 'checkbox') {
+  } else if (componentType && componentType.toLowerCase() === 'checkbox') {
     return {
-      checked: _lodash["default"].get(data, name),
+      checked: _lodash.default.get(data, name),
       id: fieldId
     };
   } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
     return {
-      value: _lodash["default"].get(data, name),
+      value: _lodash.default.get(data, name),
       handlerSetComponentValidator: setValidatorFromComponent
     };
   }
 
   return {
-    value: _lodash["default"].get(data, name)
+    value: _lodash.default.get(data, name)
   };
 };
 
@@ -103,46 +101,21 @@ var Field = function Field(props) {
       handlerSetValidatorFromComponent(validatorFromComponent);
     }
   }, [validatorFromComponent]);
-  return /*#__PURE__*/_react["default"].createElement(props.component, _extends({}, props, getOnBlurEvent(_extends({}, props, {
-    validatorFromComponent: validatorFromComponent
-  })), getCustomProps(props, setValidatorFromComponent), {
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getOnBlurEvent({
+    name: props.name,
+    validators: props.validators,
+    onBlur: props.onBlur,
+    validatorFromComponent: validatorFromComponent,
+    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {}
+  }), getCustomProps(props, setValidatorFromComponent), {
     errorMessages: (0, _helpers.getErrorMessages)(props),
     onChange: function onChange(e) {
-      handlerFieldChange(e);
+      if (handlerFieldChange) handlerFieldChange(e);
       if (_onChange) _onChange(e);
     }
   }));
 };
 
-Field.propTypes = {
-  data: _propTypes["default"].object.isRequired,
-  name: _propTypes["default"].string.isRequired,
-  component: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].func]),
-  componentType: _propTypes["default"].oneOf(['', 'Radio', 'Checkbox']),
-  handlerFieldChange: _propTypes["default"].func.isRequired,
-  handlerFieldValidade: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  validators: _propTypes["default"].any,
-  fieldErrors: _propTypes["default"].object,
-  externalFieldErrors: _propTypes["default"].object,
-  externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  fieldId: _propTypes["default"].string
-};
-Field.defaultProps = {
-  component: undefined,
-  componentType: '',
-  handlerFieldValidade: undefined,
-  onChange: undefined,
-  onBlur: undefined,
-  validators: null,
-  fieldErrors: {},
-  externalFieldErrors: {},
-  externalMessagesErrors: [],
-  fieldId: '' // Inicialmente implementado para atender radios e checkboxs
-
-};
-
-var _default = (0, _withFieldHOC["default"])(Field);
+var _default = (0, _withFieldHOC.default)(Field);
 
-exports["default"] = _default;
+exports.default = _default;

package/lib/form/FieldArray.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IFieldArrayProps } from './types.js';
+
+declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };