hrm_ui_lib 2.0.3 → 2.1.1

package/components/FileUpload/UploadItems.js

@@ -1,102 +1,23 @@
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import '../../consts/index.js';
-import { useFormProps } from '../../hooks/useFormProps.js';
-import { openFileInNewWindow } from '../../utils/helpers.js';
-import '../../hooks/useScreenSize.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-hook-form';
-import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/extends';
-import 'classnames';
-import '@babel/runtime/helpers/toConsumableArray';
-import { B as Button } from '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-syntax-highlighter';
-import { IconDelete } from '../SVGIcons/IconDelete.js';
-import 'dayjs';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import './types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import './DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var UploadItems = function UploadItems(props) {
-  var files = props.files,
-    onRemove = props.onRemove,
-    withFilePreview = props.withFilePreview,
-    handleFileClick = props.handleFileClick;
-  var _useFormProps = useFormProps(),
-    errors = _useFormProps.errors;
-  var filesErrors = errors && errors.files && errors.files.length > 0;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, files.map(function (file, index) {
-    var _errors$files$index, _errors$files$index2;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "upload-item mt-4 ".concat(filesErrors && (_errors$files$index = errors.files[index]) !== null && _errors$files$index !== void 0 && _errors$files$index.message ? 'upload-item--error' : ''),
-      key: index
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__inner"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__content mb-2"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__content__inner pr-8"
-    }, /*#__PURE__*/React.createElement(Text, {
-      size: "small",
-      lineHeight: "medium",
-      className: "upload-item__text",
-      onClick: function onClick(e) {
-        return withFilePreview && openFileInNewWindow({
-          e: e,
-          file: file,
-          handleFileClick: handleFileClick
-        });
-      }
-    }, file.name), filesErrors && /*#__PURE__*/React.createElement(ErrorMessage, {
-      message: (_errors$files$index2 = errors.files[index]) === null || _errors$files$index2 === void 0 ? void 0 : _errors$files$index2.message
-    })), /*#__PURE__*/React.createElement(Button, {
-      type: "tertiary",
-      size: "small",
-      iconProps: {
-        Component: IconDelete
-      },
-      onClick: function onClick() {
-        onRemove(file, index);
-      }
-    }))));
-  }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from '../Text';
+import { useFormProps } from '../../hooks';
+import { openFileInNewWindow } from '../../utils/helpers';
+import { ErrorMessage } from '../../helperComponents';
+import { Button } from '../Button';
+import IconDelete from '../SVGIcons/IconDelete';
+export const UploadItems = (props) => {
+    const { files, onRemove, withFilePreview, handleFileClick } = props;
+    const { errors } = useFormProps();
+    const filesErrors = errors && errors.files && errors.files.length > 0;
+    return (_jsx(_Fragment, { children: files.map((file, index) => {
+            var _a, _b;
+            return (_jsx("div", { className: `upload-item mt-4 ${filesErrors && ((_a = errors.files[index]) === null || _a === void 0 ? void 0 : _a.message) ? 'upload-item--error' : ''}`, children: _jsx("div", { className: "upload-item__inner", children: _jsxs("div", { className: "upload-item__content mb-2", children: [_jsxs("div", { className: "upload-item__content__inner pr-8", children: [_jsx(Text, { size: "small", lineHeight: "medium", className: "upload-item__text", onClick: (e) => withFilePreview &&
+                                            openFileInNewWindow({
+                                                e,
+                                                file,
+                                                handleFileClick
+                                            }), children: file.name }), filesErrors && _jsx(ErrorMessage, { message: (_b = errors.files[index]) === null || _b === void 0 ? void 0 : _b.message })] }), _jsx(Button, { type: "tertiary", size: "small", iconProps: { Component: IconDelete }, onClick: () => {
+                                    onRemove(file, index);
+                                } })] }) }) }, index));
+        }) }));
 };
-
-export { UploadItems };

package/components/FileUpload/index.js

@@ -1,61 +1,3 @@
-export { FileUpload } from './FileUpload.js';
-export { D as DropzoneFileUpload } from '../../Alert-V_kH4Snn.js';
-export { FileUploadMode } from './types.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../../helperComponents/Label/Label.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import './UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../SVGIcons/IconDelete.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import './DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+export * from './FileUpload';
+export * from './DropzoneFileUpload';
+export * from './types';

package/components/FileUpload/types.js

@@ -1,10 +1,6 @@
-var FileUploadMode = /*#__PURE__*/function (FileUploadMode) {
-  FileUploadMode["edit"] = "edit";
-  FileUploadMode["attach"] = "attach";
-  FileUploadMode["view"] = "view";
-  return FileUploadMode;
-}({});
-
-// DnDFileUpload types
-
-export { FileUploadMode };
+export var FileUploadMode;
+(function (FileUploadMode) {
+    FileUploadMode["edit"] = "edit";
+    FileUploadMode["attach"] = "attach";
+    FileUploadMode["view"] = "view";
+})(FileUploadMode || (FileUploadMode = {}));

package/components/FormContainer/FormContainer.js

@@ -1,137 +1,44 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { appendErrors, useForm } from 'react-hook-form';
-import { validateFieldsNatively, toNestErrors } from '@hookform/resolvers';
-import classNames from 'classnames';
-import { FormContext } from '../../context/types.js';
-import { B as Button } from '../../Alert-V_kH4Snn.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-function o(o,n,s){return void 0===s&&(s={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&validateFieldsNatively({},c),{values:s.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:toNestErrors((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
-
-var FormContainer = function FormContainer(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    shouldUnregister = props.shouldUnregister,
-    _props$shouldFocusErr = props.shouldFocusError,
-    shouldFocusError = _props$shouldFocusErr === void 0 ? true : _props$shouldFocusErr,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'onBlur' : _props$mode,
-    initialValues = props.initialValues,
-    validationScheme = props.validationScheme,
-    buttonConfigs = props.buttonConfigs,
-    formId = props.formId,
-    onSubmit = props.onSubmit;
-  var _useForm = useForm({
-      mode: mode,
-      resolver: o(validationScheme),
-      defaultValues: initialValues,
-      shouldFocusError: shouldFocusError,
-      shouldUnregister: shouldUnregister
-    }),
-    handleSubmit = _useForm.handleSubmit,
-    register = _useForm.register,
-    setValue = _useForm.setValue,
-    control = _useForm.control,
-    formState = _useForm.formState,
-    getValues = _useForm.getValues,
-    watch = _useForm.watch,
-    reset = _useForm.reset,
-    clearErrors = _useForm.clearErrors,
-    setError = _useForm.setError,
-    trigger = _useForm.trigger,
-    getFieldState = _useForm.getFieldState,
-    unregister = _useForm.unregister;
-  var errors = formState.errors,
-    isDirty = formState.isDirty,
-    isSubmitted = formState.isSubmitted,
-    isSubmitting = formState.isSubmitting,
-    dirtyFields = formState.dirtyFields;
-  var customSubmit = function customSubmit(data) {
-    if (onSubmit) {
-      onSubmit(data, formState, dirtyFields);
-    }
-  };
-  return /*#__PURE__*/React.createElement("form", {
-    onSubmit: handleSubmit(customSubmit),
-    id: formId,
-    className: classNames('form-container', className)
-  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: {
-      trigger: trigger,
-      register: register,
-      errors: errors,
-      control: control,
-      setValue: setValue,
-      getValues: getValues,
-      watch: watch,
-      reset: reset,
-      isDirty: isDirty,
-      isSubmitted: isSubmitted,
-      isSubmitting: isSubmitting,
-      clearErrors: clearErrors,
-      setError: setError,
-      dirtyFields: dirtyFields,
-      getFieldState: getFieldState,
-      unregister: unregister,
-      onSubmit: function onSubmit() {
-        return handleSubmit(customSubmit)();
-      }
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children, buttonConfigs && /*#__PURE__*/React.createElement("div", {
-    className: "form-container__buttons"
-  }, buttonConfigs.map(function (buttonConfig, index) {
-    return /*#__PURE__*/React.createElement(Button, _extends({}, buttonConfig, {
-      key: index
-    }));
-  })))));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useForm } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import classnames from 'classnames';
+import { FormContext } from '../../context';
+import { Button } from '../Button';
+export const FormContainer = (props) => {
+    const { children, className = '', shouldUnregister, shouldFocusError = true, mode = 'onBlur', initialValues, validationScheme, buttonConfigs, formId, onSubmit } = props;
+    const { handleSubmit, register, setValue, control, formState, getValues, watch, reset, clearErrors, setError, trigger, getFieldState, unregister } = useForm({
+        mode: mode,
+        resolver: yupResolver(validationScheme),
+        defaultValues: initialValues,
+        shouldFocusError: shouldFocusError,
+        shouldUnregister: shouldUnregister
+    });
+    const { errors, isDirty, isSubmitted, isSubmitting, dirtyFields } = formState;
+    const customSubmit = (data) => {
+        if (onSubmit) {
+            onSubmit(data, formState, dirtyFields);
+        }
+    };
+    return (_jsx("form", { onSubmit: handleSubmit(customSubmit), id: formId, className: classnames('form-container', className), children: _jsx(FormContext.Provider, { value: {
+                trigger,
+                register,
+                errors,
+                control,
+                setValue,
+                getValues,
+                watch,
+                reset,
+                isDirty,
+                isSubmitted,
+                isSubmitting,
+                clearErrors,
+                setError,
+                dirtyFields,
+                getFieldState,
+                unregister,
+                onSubmit: () => handleSubmit(customSubmit)()
+            }, children: _jsxs(_Fragment, { children: [children, buttonConfigs && (_jsx("div", { className: "form-container__buttons", children: buttonConfigs.map((buttonConfig, index) => {
+                            return _createElement(Button, Object.assign({}, buttonConfig, { key: index }));
+                        }) }))] }) }) }));
 };
-
-export { FormContainer };

package/components/FormContainer/index.js

@@ -1,55 +1 @@
-export { FormContainer } from './FormContainer.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-hook-form';
-import '@hookform/resolvers';
-import 'classnames';
-import '../../context/types.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+export * from './FormContainer';

package/components/FormContainer/types.js

@@ -1 +1 @@
-
+export {};

package/components/FormField/FormField.js

@@ -1,115 +1,20 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useContext } from 'react';
-import { ErrorMessage } from '@hookform/error-message';
-import classNames from 'classnames';
-import 'dayjs';
-import { ErrorMessage as ErrorMessage$1 } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import { FormContext } from '../../context/types.js';
-import '../../hooks/useScreenSize.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ErrorMessage as ReactHookFormErrorMessage } from '@hookform/error-message';
+import { ErrorMessage } from '../../helperComponents';
+import { FormContext } from '../../context';
 import { Controller } from 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-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), true).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; }
-var FormField = function FormField(props) {
-  var As = props.As,
-    name = props.name,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$hideErrorMessa = props.hideErrorMessage,
-    hideErrorMessage = _props$hideErrorMessa === void 0 ? false : _props$hideErrorMessa,
-    errorMessageIcon = props.errorMessageIcon;
-  var _useContext = useContext(FormContext),
-    register = _useContext.register,
-    errors = _useContext.errors,
-    setValue = _useContext.setValue,
-    control = _useContext.control;
-  if (!register) {
-    return null;
-  }
-  var registerOptions = register(name);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('form-container__field', className, name)
-  }, /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: name,
-    render: function render(_ref) {
-      var field = _ref.field,
-        fieldState = _ref.fieldState;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, As(_objectSpread(_objectSpread({
-        hasError: !!fieldState.error,
-        isValid: fieldState.isTouched && fieldState.isDirty && !fieldState.invalid,
-        dataId: dataId
-      }, registerOptions), {}, {
-        setFieldValue: function setFieldValue(data, name, options) {
-          return setValue(data, name, _objectSpread({
-            shouldValidate: true,
-            shouldDirty: true,
-            shouldTouch: true
-          }, options));
-        }
-      }, field)), !hideErrorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, {
-        name: name,
-        errors: errors,
-        render: function render(_ref2) {
-          var message = _ref2.message;
-          return /*#__PURE__*/React.createElement(ErrorMessage$1, {
-            dataId: dataId,
-            message: message || '',
-            className: "full-width",
-            icon: errorMessageIcon
-          });
-        }
-      }) : null);
+import classnames from 'classnames';
+export const FormField = (props) => {
+    const { As, name, className = '', dataId = '', hideErrorMessage = false, errorMessageIcon } = props;
+    const { register, errors, setValue, control } = useContext(FormContext);
+    if (!register) {
+        return null;
     }
-  }));
+    const registerOptions = register(name);
+    return (_jsx("div", { className: classnames('form-container__field', className, name), children: _jsx(Controller, { control: control, name: name, render: ({ field, fieldState }) => {
+                return (_jsxs(_Fragment, { children: [As(Object.assign(Object.assign(Object.assign({ hasError: !!fieldState.error, isValid: fieldState.isTouched && fieldState.isDirty && !fieldState.invalid, dataId }, registerOptions), { setFieldValue: (data, name, options) => setValue(data, name, Object.assign({ shouldValidate: true, shouldDirty: true, shouldTouch: true }, options)) }), field)), !hideErrorMessage ? (_jsx(ReactHookFormErrorMessage, { name: name, errors: errors, render: ({ message }) => {
+                                return (_jsx(ErrorMessage, { dataId: dataId, message: message || '', className: "full-width", icon: errorMessageIcon }));
+                            } })) : null] }));
+            } }) }));
 };
-
-export { FormField };

package/components/FormField/index.js

@@ -1,56 +1 @@
-export { FormField } from './FormField.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react';
-import '@hookform/error-message';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+export * from './FormField';

package/components/FormField/types.js

@@ -1 +1 @@
-
+export {};