ab-ui-library 1.57.0 → 1.58.0

package/components/FormContainer/FormContainer.js

@@ -1,11 +1,12 @@
 import { _ as _extends } from '../../extends-2419b4fb.js';
 import { _ as _asyncToGenerator, r as regenerator } from '../../index-afc5608a.js';
 import React from 'react';
-import { useForm } from 'react-hook-form';
+import { appendErrors, useForm } from 'react-hook-form';
 import classNames from 'classnames';
 import { FormContext } from '../../context/types.js';
 import { Button } from '../Button/Button.js';
 import * as yup from 'yup';
+import { validateFieldsNatively, toNestError } from '@hookform/resolvers';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../../defineProperty-9000dd50.js';
@@ -34,6 +35,8 @@ import '../../helperComponents/IconDynamicComponent/constants.js';
 import 'react-syntax-highlighter';
 import '../Button/consts.js';
 
+var o=function(o,n,a){return void 0===n&&(n={}),void 0===a&&(a={}),function(s,i,c){try{return Promise.resolve(function(t,r){try{var u=(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"===a.mode?"validateSync":"validate"](s,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&validateFieldsNatively({},c),{values:a.rawValues?s: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:toNestError((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,a=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,a?[].concat(a,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,
@@ -53,7 +56,8 @@ var FormContainer = function FormContainer(props) {
       mode: mode,
       defaultValues: initialValues,
       shouldFocusError: shouldFocusError,
-      shouldUnregister: shouldUnregister
+      shouldUnregister: shouldUnregister,
+      resolver: o(validationScheme)
     }),
     handleSubmit = _useForm.handleSubmit,
     register = _useForm.register,

package/components/FormContainer/index.js

@@ -34,3 +34,4 @@ import '../../helperComponents/IconDynamicComponent/constants.js';
 import 'react-syntax-highlighter';
 import '../Button/consts.js';
 import 'yup';
+import '@hookform/resolvers';

package/components/Select/Select/Select.js

@@ -9,7 +9,7 @@ import { useHideOnResize } from '../../../hooks/useHideOnResize.js';
 import { noop } from '../../../utils/helpers.js';
 import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useScreenSize.js';
-import { useGetHasBottomSpace, useGetHasTopSpace } from '../../../hooks/useGetHasBottomSpace.js';
+import { useGetHasBottomSpace } from '../../../hooks/useGetHasBottomSpace.js';
 import 'react-hook-form';
 import { useRecalculateDropdownPosition } from '../../../hooks/useRecalculateDropdownPosition.js';
 import { Input } from '../../Input/Input.js';
@@ -285,10 +285,6 @@ var Select = function Select(props) {
       input: inputRef.current
     }),
     hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
-  var hasTopSpace = useGetHasTopSpace({
-    element: dropdownRef,
-    input: inputRef.current
-  });
   useChangePositionsOnScroll({
     parentElement: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current,
     childElement: dropdownRef,
@@ -354,14 +350,14 @@ var Select = function Select(props) {
     style: _objectSpread({
       left: left,
       width: width
-    }, hasBottomSpace || !hasTopSpace ? {
-      top: bottom
+    }, hasBottomSpace ? {
+      top: bottom,
+      maxHeight: top - DROPDOWN_AND_INPUT_GAP
     } : {
-      bottom: window.innerHeight - top + DROPDOWN_AND_INPUT_GAP
+      bottom: window.innerHeight - top + DROPDOWN_AND_INPUT_GAP,
+      maxHeight: window.innerHeight - bottom - DROPDOWN_AND_INPUT_GAP
     }),
-    ref: function ref(_ref2) {
-      setDropdownRef(_ref2);
-    }
+    ref: setDropdownRef
   }, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement("div", {
     "data-id": "".concat(dataId, "-options-content"),
     ref: scrollRef,

package/index.js

@@ -565,6 +565,7 @@ import './components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWra
 import './components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js';
 import './components/DatePicker/types.js';
 import 'yup';
+import '@hookform/resolvers';
 import '@hookform/error-message';
 import './components/FramedIcon/consts.js';
 import './hooks/useHideBodyScroll.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",
@@ -19,6 +19,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@hookform/error-message": "^2.0.1",
+    "@hookform/resolvers": "^2.9.11",
     "@tanstack/react-table": "^8.21.2",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.10",