linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/drawer/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DrawerContent", {
+  enumerable: true,
+  get: function () {
+    return _Content.default;
+  }
+});
+Object.defineProperty(exports, "DrawerHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+exports.default = void 0;
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _Content = _interopRequireDefault(require("./Content"));
+require("../assets/styles/drawers.scss");
+var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFormSecurity.default)(_Drawer.default);

package/lib/drawer/types.d.ts

@@ -0,0 +1,41 @@
+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;
+    children?: ReactNode;
+    customClass?: string;
+    customClassForContent?: string;
+    customClassForDrawer?: string;
+    position?: Exclude<Position, 'center'>;
+    handlerClose?: () => void;
+    closeOnEsc?: boolean;
+    targetId?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    skeletonize?: boolean;
+    closeOnOutsideClick?: boolean;
+    content?: string;
+    title?: string;
+    isWaiting?: boolean;
+}
+interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    showCloseButton?: boolean;
+    customClass?: string;
+    title?: string;
+    titleRightContent?: ReactElement;
+    titleContent?: ReactElement;
+    subTitle?: string;
+    subTitleContent?: ReactElement;
+    icon?: ReactElement;
+    titleIcon?: IconNames;
+}
+interface IDrawerContext {
+    handlerClose?: () => void;
+    hideContent?: boolean;
+    skeletonize?: boolean;
+}
+
+export { IDrawerContext, IDrawerHeaderProps, IDrawerProps };

package/lib/drawer/types.js

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

package/lib/dropdown/Popup.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IPopUpProps } from './types.js';
+
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
+
+export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _uuid = require("uuid");
+const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const getCalendarDropdownStyle = _ref => {
+  let {
+    topPosition,
+    leftPosition,
+    rightPosition,
+    align,
+    isFloatMenu,
+    minWidth
+  } = _ref;
+  let style = `top: ${topPosition + (isFloatMenu ? 6 : 2)}px; min-width: ${minWidth}px;`;
+  if (align === 'left') {
+    style += `left: ${leftPosition}px;`;
+  } else if (align === 'right') {
+    style += `right: ${rightPosition}px;`;
+  }
+  return style;
+};
+const body = document.getElementsByTagName('body')[0];
+const DropdownPopup = _ref2 => {
+  let {
+      id,
+      customClassForDropdown = '',
+      align = 'left',
+      isFloatMenu = false,
+      topPosition = 0,
+      leftPosition = 0,
+      rightPosition = 0,
+      minWidth = 0
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  const popup = (0, _react.useRef)(document.createElement('div'));
+  popup.current.className = `dropdown-component ${customClassForDropdown}`;
+  popup.current.dataset.testid = 'dropdown-component';
+  popup.current.style.cssText = getCalendarDropdownStyle({
+    topPosition,
+    leftPosition,
+    rightPosition,
+    align,
+    isFloatMenu,
+    minWidth
+  });
+  if (popup && popup.current) {
+    const modalContainers = document.body.getElementsByClassName('modalcontainer');
+    const lastModalContainer = modalContainers[modalContainers.length - 1];
+    popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
+  }
+  (0, _react.useEffect)(() => {
+    body.appendChild(popup.current);
+    popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
+    return () => {
+      body.removeChild(popup.current);
+    };
+  }, []);
+  return /*#__PURE__*/_reactDom.default.createPortal(props.children, popup.current);
+};
+var _default = exports.default = DropdownPopup;

package/lib/dropdown/helper.d.ts

@@ -0,0 +1,4 @@
+declare const contentClass: (showClearButton: boolean) => string;
+declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
+
+export { contentClass, getDropdownItemCssClass };

package/lib/dropdown/helper.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDropdownItemCssClass = exports.contentClass = void 0;
+const contentClass = showClearButton => `content ${showClearButton ? '' : 'noclear'}`;
+exports.contentClass = contentClass;
+const getDropdownItemCssClass = (selected, disabled, striped) => {
+  let className = 'item';
+  className += selected && !disabled ? ' -selected ' : '';
+  className += disabled ? ' -disabled' : '';
+  className += !selected && !disabled && striped ? ' -striped ' : '';
+  return className;
+};
+exports.getDropdownItemCssClass = getDropdownItemCssClass;

package/lib/dropdown/types.d.ts

@@ -0,0 +1,44 @@
+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 {
+    id?: string;
+    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/types.js

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

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithDropdownContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Popup = _interopRequireDefault(require("./Popup"));
+require("../assets/styles/dropdown.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
+const getDisplayName = Component => Component.displayName || Component.name || 'Component';
+const withDropdown = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      dropdownOpened,
+      showDropdown,
+      dropdown,
+      closeDropdownOnClickOutside = true,
+      customClassForDropdown,
+      children,
+      dropdownAlign = 'left',
+      isFloatMenu,
+      isDropdownOpened
+    } = props;
+    const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
+    const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
+    const popupRef = (0, _react.useRef)(null);
+    const wrappedComponentRef = (0, _react.useRef)(null);
+    if (dropdownOpened !== prevOpened) {
+      setOpened(dropdownOpened);
+      setPrevOpened(dropdownOpened);
+    }
+    const onClickOutside = event => {
+      const {
+        target
+      } = event;
+      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
+        setOpened(false);
+      }
+    };
+    const onDropdownClick = () => {
+      setOpened(prevState => !prevState);
+    };
+    const getDropdown = targetRef => {
+      if (!targetRef || !opened) return null;
+      wrappedComponentRef.current = targetRef;
+      const targetDimensions = targetRef.getBoundingClientRect();
+      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", {
+        className: isFloatMenu ? 'items' : undefined,
+        ref: r => {
+          popupRef.current = r;
+        }
+      }, children));
+    };
+    (0, _react.useEffect)(() => {
+      if (dropdown && closeDropdownOnClickOutside) {
+        document.addEventListener('click', onClickOutside);
+      }
+      return () => {
+        if (dropdown && closeDropdownOnClickOutside) {
+          document.removeEventListener('click', onClickOutside);
+        }
+      };
+    }, []);
+    const contextValues = {
+      handleDropdownClose: onDropdownClick
+    };
+    const newProps = {
+      getDropdownPopup: targetRef => getDropdown(targetRef),
+      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
+      isDropdownOpened: isDropdownOpened || opened
+    };
+    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.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
+  return EnhancedComponent;
+};
+var _default = exports.default = withDropdown;

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _permissionValidations = require("../permissionValidations");
+var _noPermission = _interopRequireDefault(require("../noPermission"));
+require("../assets/styles/fieldset.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Fieldset = props => {
+  const {
+    gridCols,
+    children,
+    title,
+    titleAlign = 'left',
+    style,
+    styleContent,
+    styleTitle,
+    template = 'none',
+    titleCustomClass,
+    permissionAttr,
+    leftElements = null,
+    rightElements = null
+  } = props;
+  const {
+    hideContent,
+    unvisible
+  } = _permissionValidations.OPTIONS_ON_DENIED;
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
+  const getCssClass = _ref => {
+    let {
+      type,
+      customClass,
+      hasError
+    } = _ref;
+    let cssClass = `fieldset-component ${customClass}`;
+    if (type) cssClass = `${cssClass} -${type}`;
+    if (hasError) cssClass = `${cssClass} -witherror`;
+    return cssClass;
+  };
+  const getContentStyle = _ref2 => {
+    let {
+      colsCount = 2,
+      rowsCount = 2
+    } = _ref2;
+    if (template === 'rows') {
+      return {
+        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
+      };
+    } else if (template === 'columns') {
+      return {
+        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
+      };
+    }
+    return {};
+  };
+  const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
+    style: style,
+    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,
+    className: `legend ${titleCustomClass}`
+  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
+    className: `contentfieldset -template${template} `,
+    style: Object.assign(getContentStyle(props), styleContent)
+  }, children)));
+  if (onDenied.unvisible) return null;
+  return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridCols
+  }, renderContent()) : renderContent();
+};
+var _default = exports.default = Fieldset;

package/lib/fieldset/types.d.ts

@@ -0,0 +1,30 @@
+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[];
+    leftElements?: ReactNode;
+    rightElements?: ReactNode;
+}
+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,14 @@
+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';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+var _helpers = require("./helpers");
+const _excluded = ["handlerFieldChange", "handlerFieldValidate", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const getEvents = _ref => {
+  let {
+    validators = [],
+    name,
+    onBlur,
+    handlerFieldValidate,
+    validatorFromComponent,
+    handlerFieldChange,
+    onChange
+  } = _ref;
+  if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
+  const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
+  return {
+    onBlur: e => {
+      if (validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
+      }
+      if (onBlur) onBlur(e);
+    },
+    onChange: e => {
+      if (validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
+      }
+      if (handlerFieldChange) handlerFieldChange(e);
+      if (onChange) onChange(e);
+    }
+  };
+};
+const getCustomProps = (props, handlerSetComponentValidator) => {
+  const {
+    value,
+    data,
+    name,
+    fieldId,
+    componentType,
+    component
+  } = props;
+  if (componentType && componentType.toLowerCase() === 'radio') {
+    return {
+      checked: _lodash.default.get(data, name) === value,
+      id: fieldId
+    };
+  } else if (componentType && componentType.toLowerCase() === 'checkbox') {
+    return {
+      checked: _lodash.default.get(data, name),
+      id: fieldId
+    };
+  } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
+    return {
+      value: _lodash.default.get(data, name),
+      handlerSetComponentValidator
+    };
+  }
+  return {
+    value: _lodash.default.get(data, name)
+  };
+};
+const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+      handlerFieldChange,
+      handlerFieldValidate,
+      onChange,
+      onBlur,
+      name,
+      validators,
+      data,
+      fieldErrors,
+      handlerStoreValidators,
+      handlerRemoveValidators,
+      component: Component,
+      externalFieldErrors,
+      originalData
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    handlerSetValidatorFromComponent,
+    validatorFromComponent
+  } = (0, _react.useContext)(_helpers.withFieldContext);
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
+    name,
+    validators,
+    onBlur,
+    validatorFromComponent,
+    handlerFieldValidate,
+    handlerFieldChange,
+    onChange
+  }), getCustomProps(props, handlerSetValidatorFromComponent), {
+    ref: ref,
+    name: name,
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: props.fieldErrors
+    }))
+  }));
+});
+Field.displayName = 'Field';
+var _default = exports.default = (0, _withFieldHOC.default)(Field);

package/lib/form/FieldArray.d.ts

@@ -0,0 +1,14 @@
+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';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };