@bigbinary/neeto-fields-frontend 1.1.10 → 1.1.11

package/dist/index.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState, useRef, useEffect, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer } from 'react';
 import { Checkbox as Checkbox$1, TimePicker, DatePicker, Select, Input, Textarea, Typography, Pane, Label, Button as Button$1, Dropdown, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
 import { toLabelAndValue, isNotEmpty, capitalize as capitalize$1, filterBy, findBy, slugify, humanize, countBy, existsBy, noop as noop$2 } from '@bigbinary/neeto-commons-frontend/pure';
-import { values, map, isNotNil, isEmpty, isNil, pluck, clone as clone$1, pipe, mergeAll, omit, prop, pick, assoc, any, not, head } from 'ramda';
+import { values, map, isNotNil, isNil, isEmpty, pluck, clone as clone$1, pipe, mergeAll, omit, prop, pick, assoc, any, not, head } from 'ramda';
 import { useFormikContext, useField, FieldArray } from 'formik';
 import { useFuncDebounce, useDebounce, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
 import * as yup from 'yup';
@@ -5845,6 +5845,15 @@ var dayjs_minExports = dayjs_min.exports;
 var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
 
 var dateSchema = yup.date().nullable();
+var isValueEmpty = function isValueEmpty(value) {
+  return typeof value === "string" && isEmpty(value.trim());
+};
+var isCheckboxUnchecked = function isCheckboxUnchecked(kind, value) {
+  return kind === KINDS.checkbox && !value;
+};
+var isArrayEmpty = function isArrayEmpty(kind, value) {
+  return [KINDS.multiOption, KINDS.singleOption, KINDS.dateRange, KINDS.timeRange].includes(kind) && isEmpty(value);
+};
 var buildSchemaAllowingEmptyValue = function buildSchemaAllowingEmptyValue(schema) {
   return yup.mixed().test({
     name: "validate-if-not-empty",
@@ -5856,11 +5865,11 @@ var buildSchemaAllowingEmptyValue = function buildSchemaAllowingEmptyValue(schem
     }
   });
 };
-var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema) {
+var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema, kind) {
   return yup.mixed().test({
     name: "validate-required-inputs",
     test: function test(value) {
-      if (isEmpty(value) || isNil(value)) {
+      if (isNil(value) || isValueEmpty(value) || isArrayEmpty(kind, value) || isCheckboxUnchecked(kind, value)) {
         throw new yup.ValidationError(t$1("validations.thisIsRequired"));
       }
       schema.validateSync(value);
@@ -5870,14 +5879,16 @@ var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema)
 };
 var buildSchema = function buildSchema(_ref) {
   var schema = _ref.schema,
-    isRequired = _ref.isRequired;
-  return isRequired ? buildSchemaForRequiredInputs(schema) : buildSchemaAllowingEmptyValue(schema);
+    isRequired = _ref.isRequired,
+    kind = _ref.kind;
+  return isRequired ? buildSchemaForRequiredInputs(schema, kind) : buildSchemaAllowingEmptyValue(schema);
 };
 var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
   var kind = _ref2.kind,
     fieldData = _ref2.fieldData;
   switch (kind) {
     case KINDS.singleOption:
+    case KINDS.textarea:
     case KINDS.text:
       {
         return yup.string().trim().nullable();
@@ -5927,7 +5938,8 @@ var buildFieldValidationSchema = function buildFieldValidationSchema(_ref3) {
   });
   return buildSchema({
     schema: schema,
-    isRequired: isRequired
+    isRequired: isRequired,
+    kind: kind
   });
 };
 var cleanedRegex = function cleanedRegex(regexCondition) {
@@ -6054,11 +6066,13 @@ var useFormikFields = function useFormikFields(_ref) {
     dirty: dirty,
     handleSubmit: handleSubmit,
     fieldProps: _objectSpread$b(_objectSpread$b({}, formikFieldProps), {}, {
-      required: props[isRequiredColumnName],
       error: individualSubmit ? meta.error : meta.touched && meta.error,
       options: isDropdown ? buildOptionsToLabelAndValue(fieldData) : undefined,
       value: getValueForField(formikFieldProps.value),
       label: capitalize$1(name),
+      labelProps: {
+        required: props[isRequiredColumnName]
+      },
       disabled: disabled
     })
   };
@@ -6112,7 +6126,8 @@ var MultiOption = function MultiOption(props) {
     fieldProps = _useFormikFields.fieldProps;
   return /*#__PURE__*/React.createElement(Select, _extends({
     isMulti: true,
-    isSearchable: true
+    isSearchable: true,
+    strategy: "fixed"
   }, fieldProps, {
     onChange: function onChange(selectedOptions) {
       return handleSubmit(pluck("value", selectedOptions));
@@ -6174,7 +6189,8 @@ var SingleOption = function SingleOption(props) {
     fieldProps = _useFormikFields.fieldProps;
   return /*#__PURE__*/React.createElement(Select, _extends({
     isClearable: true,
-    isSearchable: true
+    isSearchable: true,
+    strategy: "fixed"
   }, fieldProps, {
     onChange: function onChange(option) {
       return handleSubmit((option === null || option === void 0 ? void 0 : option.value) || "");