linear-react-components-ui 1.0.10-beta.2 → 1.0.10-beta.20

package/lib/dialog/form/index.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.FormDialogContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _uuid = _interopRequireDefault(require("uuid"));
 var _base = _interopRequireDefault(require("../base"));
@@ -17,7 +17,14 @@ var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecu
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
+var FormDialogContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.FormDialogContext = FormDialogContext;
 var ModalForm = function ModalForm(props) {
   var _props$showFooter = props.showFooter,
     showFooter = _props$showFooter === void 0 ? true : _props$showFooter,
@@ -29,11 +36,12 @@ var ModalForm = function ModalForm(props) {
     height = _props$height === void 0 ? '50%' : _props$height,
     content = props.content,
     children = props.children;
+  var headerRef = (0, _react.useRef)(null);
+  var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
   var overlayStyle = isWaiting ? {
     opacity: 0.4,
     pointerEvent: 'none'
   } : {};
-  var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
   var getSpinner = function getSpinner() {
     if (!isWaiting) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -45,7 +53,11 @@ var ModalForm = function ModalForm(props) {
       delayTime: 0
     }));
   };
-  return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(FormDialogContext.Provider, {
+    value: {
+      headerRef: headerRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({
     width: width,
     height: height
   }, props, {
@@ -55,9 +67,9 @@ var ModalForm = function ModalForm(props) {
   }, /*#__PURE__*/_react.default.createElement(_Header.default, _extends({
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
-    styleForContent: _extends({}, props.styleForContent, overlayStyle)
+    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
   }, content || children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
-    style: _extends({}, overlayStyle)
+    style: _objectSpread({}, overlayStyle)
   }), props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
@@ -68,7 +80,7 @@ var ModalForm = function ModalForm(props) {
     return /*#__PURE__*/_react.default.cloneElement(button, {
       key: "button-".concat(_uuid.default.v1())
     });
-  }))));
+  })))));
 };
 var _default = (0, _withFormSecurity.default)(ModalForm);
 exports.default = _default;

package/lib/dialog/index.d.ts

@@ -7,6 +7,9 @@ export { default as DialogWarning } from './Warning.js';
 export { default as DialogCustom } from './Custom.js';
 import 'react';
 import './types.js';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 
 

package/lib/dialog/types.d.ts

@@ -1,4 +1,7 @@
 import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { TextAlign } from '../@types/Align.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IContentProps {
     children: ReactNode | ReactNode[];
@@ -12,7 +15,7 @@ interface IHeaderProps {
     showCloseButton?: boolean;
     title?: string;
     icon?: JSX.Element;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IBaseProps {
     wrapperClassName: string;
@@ -23,7 +26,7 @@ interface IBaseProps {
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
     overlay?: boolean;
-    textAlign?: string;
+    textAlign?: TextAlign;
     zIndex?: string;
 }
 interface IFormProps {
@@ -63,7 +66,10 @@ interface ICustomProps {
     text?: string;
     height?: string;
     width?: string;
-    iconName?: string;
+    iconName?: IconNames | null;
+}
+interface IFormDialogContext {
+    headerRef?: React.RefObject<HTMLDivElement>;
 }
 
-export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormProps, IHeaderProps, IQuestionProps };
+export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };

package/lib/drawer/Content.d.ts

@@ -2,6 +2,8 @@ import { IDrawerProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Content: ({ children, style }: IDrawerProps) => JSX.Element;
 

package/lib/drawer/Drawer.d.ts

@@ -2,7 +2,9 @@ import React__default from 'react';
 import { IDrawerProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, ...rest }: IDrawerProps) => React__default.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React__default.ReactPortal;
 
 export { BaseDrawer as default };

package/lib/drawer/Drawer.js

@@ -10,17 +10,23 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _permissionValidations = require("../permissionValidations");
 var _ = require(".");
-var _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title"];
+var _spinner = _interopRequireDefault(require("../spinner"));
+var _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title", "isWaiting"];
 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; }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 BaseDrawer = function BaseDrawer(_ref) {
@@ -42,8 +48,10 @@ var BaseDrawer = function BaseDrawer(_ref) {
     customClassForDrawer = _ref$customClassForDr === void 0 ? '' : _ref$customClassForDr,
     content = _ref.content,
     title = _ref.title,
+    _ref$isWaiting = _ref.isWaiting,
+    isWaiting = _ref$isWaiting === void 0 ? false : _ref$isWaiting,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var headerProps = _extends({}, rest, {
+  var headerProps = _objectSpread(_objectSpread({}, rest), {}, {
     title: title
   });
   var drawerContainerEl = (0, _react.useRef)(document.createElement('div'));
@@ -53,6 +61,22 @@ var BaseDrawer = function BaseDrawer(_ref) {
   var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent], permissionAttr)),
     _useState2 = _slicedToArray(_useState, 1),
     onDenied = _useState2[0];
+  var overlayStyle = isWaiting ? {
+    opacity: 0.4,
+    pointerEvent: 'none',
+    placeContent: 'center'
+  } : {};
+  var getSpinner = function getSpinner() {
+    if (!isWaiting) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "waitingspinner"
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      style: {
+        width: 60
+      },
+      delayTime: 0
+    }));
+  };
   var setDrawerComponent = function setDrawerComponent(body, randonId) {
     var componentEl = document.createElement('div');
     componentEl.className = 'drawer-component';
@@ -115,11 +139,12 @@ var BaseDrawer = function BaseDrawer(_ref) {
       className: "".concat(position, " ").concat(customClass),
       style: style
     }, /*#__PURE__*/_react.default.createElement("div", {
+      style: overlayStyle,
       "data-testid": "drawercontent",
       className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
     }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
       customClass: customClassForDrawer
-    })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children)));
+    })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));
   };
   return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
 };

package/lib/drawer/Header.d.ts

@@ -2,6 +2,8 @@ import { IDrawerHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => JSX.Element;
 

package/lib/drawer/helpers.d.ts

@@ -2,6 +2,8 @@ import React__default from 'react';
 import { IDrawerContext } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DrawerContext: React__default.Context<IDrawerContext>;
 

package/lib/drawer/index.d.ts

@@ -4,6 +4,8 @@ export { default as DrawerContent } from './Content.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: (props: IDrawerProps) => JSX.Element;
 

package/lib/drawer/types.d.ts

@@ -1,6 +1,8 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
@@ -17,6 +19,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     closeOnOutsideClick?: boolean;
     content?: string;
     title?: string;
+    isWaiting?: boolean;
 }
 interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
     showCloseButton?: boolean;
@@ -27,7 +30,7 @@ interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElemen
     subTitle?: string;
     subTitleContent?: ReactElement;
     icon?: ReactElement;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IDrawerContext {
     handlerClose?: () => void;

package/lib/dropdown/Popup.js

@@ -53,6 +53,11 @@ var DropdownPopup = function DropdownPopup(_ref2) {
     isFloatMenu: isFloatMenu,
     minWidth: minWidth
   });
+  if (popup && popup.current) {
+    var modalContainers = document.body.getElementsByClassName('modalcontainer');
+    var lastModalContainer = modalContainers[modalContainers.length - 1];
+    popup.current.style.zIndex = "".concat(modalContainers.length ? lastModalContainer.style.zIndex : 99999);
+  }
   (0, _react.useEffect)(function () {
     body.appendChild(popup.current);
     return function () {

package/lib/fieldset/index.js

@@ -13,7 +13,11 @@ require("../assets/styles/fieldset.scss");
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
@@ -66,7 +70,7 @@ var Fieldset = function Fieldset(props) {
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement("fieldset", {
       style: style,
-      className: getCssClass(_extends({}, props))
+      className: getCssClass(_objectSpread({}, props))
     }, 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,

package/lib/form/Field.d.ts

@@ -1,11 +1,12 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
 import '../inputs/select/types.js';
+import '../@types/Align.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 
-declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & 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/Field.js

@@ -13,6 +13,11 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
@@ -20,32 +25,36 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 getEvents = function getEvents(_ref) {
-  var name = _ref.name,
-    validators = _ref.validators,
+  var _ref$validators = _ref.validators,
+    validators = _ref$validators === void 0 ? [] : _ref$validators,
+    name = _ref.name,
     _onBlur = _ref.onBlur,
     handlerFieldValidade = _ref.handlerFieldValidade,
     validatorFromComponent = _ref.validatorFromComponent,
     handlerFieldChange = _ref.handlerFieldChange,
-    _onChange = _ref.onChange;
-  if (!(validators || validatorFromComponent || _onBlur)) return {};
+    _onChange = _ref.onChange,
+    handleShowValidateMessages = _ref.handleShowValidateMessages;
+  if (!(validators || validatorFromComponent || _onBlur || _onChange)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
     onBlur: function onBlur(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
+        handleShowValidateMessages(true);
       }
       if (_onBlur) _onBlur(e);
     },
     onChange: function onChange(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
+        handleShowValidateMessages(true);
       }
       if (handlerFieldChange) handlerFieldChange(e);
       if (_onChange) _onChange(e);
     }
   };
 };
-var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
+var getCustomProps = function getCustomProps(props, handlerSetComponentValidator) {
   var value = props.value,
     data = props.data,
     name = props.name,
@@ -65,38 +74,43 @@ var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
   } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
     return {
       value: _lodash.default.get(data, name),
-      handlerSetComponentValidator: setValidatorFromComponent
+      handlerSetComponentValidator: handlerSetComponentValidator
     };
   }
   return {
     value: _lodash.default.get(data, name)
   };
 };
-var Field = function Field(props) {
+var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handlerFieldChange = props.handlerFieldChange,
-    onChange = props.onChange;
-  var _useState = (0, _react.useState)(undefined),
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    name = props.name,
+    validators = props.validators;
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    validatorFromComponent = _useState2[0],
-    setValidatorFromComponent = _useState2[1];
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
   var _useContext = (0, _react.useContext)(_helpers.withFieldContext),
-    handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent;
-  (0, _react.useEffect)(function () {
-    if (validatorFromComponent && handlerSetValidatorFromComponent) {
-      handlerSetValidatorFromComponent(validatorFromComponent);
-    }
-  }, [validatorFromComponent]);
+    handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent,
+    validatorFromComponent = _useContext.validatorFromComponent;
   return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEvents({
-    name: props.name,
-    validators: props.validators,
-    onBlur: props.onBlur,
+    name: name,
+    validators: validators,
+    onBlur: onBlur,
     validatorFromComponent: validatorFromComponent,
     handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {},
     handlerFieldChange: handlerFieldChange,
-    onChange: onChange
-  }), getCustomProps(props, setValidatorFromComponent), {
-    errorMessages: (0, _helpers.getErrorMessages)(props)
+    onChange: onChange,
+    handleShowValidateMessages: function handleShowValidateMessages(value) {
+      return setShowValidateMessages(value);
+    }
+  }), getCustomProps(props, handlerSetValidatorFromComponent), {
+    ref: ref,
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: showValidateMessages ? props.fieldErrors : {}
+    }))
   }));
-};
+});
 var _default = (0, _withFieldHOC.default)(Field);
 exports.default = _default;

package/lib/form/FieldArray.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { IFieldArrayProps } from './types.js';
 import '../inputs/select/types.js';
+import '../@types/Align.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';

package/lib/form/FieldArray.js

@@ -15,15 +15,23 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 _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); }
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var getDefaultProps = function getDefaultProps(props) {
   var _ref;
   var _props$valuePropName = props.valuePropName,
-    valuePropName = _props$valuePropName === void 0 ? '' : _props$valuePropName,
+    valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName,
     _props$changePropName = props.changePropName,
-    changePropName = _props$changePropName === void 0 ? '' : _props$changePropName,
+    changePropName = _props$changePropName === void 0 ? 'onSelect' : _props$changePropName,
     data = props.data,
     name = props.name,
     handlerFieldChange = props.handlerFieldChange,
@@ -38,12 +46,31 @@ var getDefaultProps = function getDefaultProps(props) {
     if (handlerSelecionados) handlerSelecionados(ids);
   }), _ref;
 };
+var getEvents = function getEvents(_ref2) {
+  var _onBlur = _ref2.onBlur,
+    _onSelect = _ref2.onSelect,
+    handleShowValidateMessages = _ref2.handleShowValidateMessages;
+  return {
+    onBlur: function onBlur(e) {
+      handleShowValidateMessages(true);
+      if (_onBlur) _onBlur(e);
+    },
+    onSelect: function onSelect(e) {
+      handleShowValidateMessages(true);
+      if (_onSelect) _onSelect(e);
+    }
+  };
+};
 var FieldArray = function FieldArray(props) {
   var cols = props.cols,
     label = props.label,
     bordered = props.bordered,
     labelContainerStyle = props.labelContainerStyle,
     skipLabel = props.skipLabel;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
   var content = null;
   if (props.component) {
     if (!skipLabel && label) {
@@ -52,9 +79,21 @@ var FieldArray = function FieldArray(props) {
         customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
+      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: function handleShowValidateMessages(value) {
+          return setShowValidateMessages(value);
+        }
+      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+        fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      })));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: function handleShowValidateMessages(value) {
+          return setShowValidateMessages(value);
+        }
+      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+        fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      })));
     }
   }
   if (cols) return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/form/FieldNumber.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
 import '../inputs/select/types.js';
+import '../@types/Align.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';