@bigbinary/neeto-fields-frontend 1.1.5 → 1.1.6

package/dist/index.js

@@ -1,12 +1,12 @@
 import React, { useContext, useState, useRef, useEffect, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer } from 'react';
-import { Switch, TimePicker, DatePicker, Select, Input, Textarea, Typography, Pane, Label, Button as Button$1, Dropdown, NoData, Table, Spinner, Alert } from '@bigbinary/neetoui';
+import { Checkbox as Checkbox$1, TimePicker, DatePicker, Select, Input, Textarea, Typography, Pane, Label, Button as Button$1, Dropdown, NoData, Table, Spinner, Alert } 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 { useFormikContext, useField, FieldArray } from 'formik';
 import { useFuncDebounce, useDebounce, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
 import * as yup from 'yup';
 import { Check, Info, Delete, MenuHorizontal, Reorder } from '@bigbinary/neeto-icons';
-import { Button, ActionBlock, Input as Input$1, Select as Select$1, Switch as Switch$1, Form } from '@bigbinary/neetoui/formik';
+import { Button, ActionBlock, Input as Input$1, Select as Select$1, Switch, Form } from '@bigbinary/neetoui/formik';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header from '@bigbinary/neeto-molecules/Header';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
@@ -6051,7 +6051,7 @@ var useFormikFields = function useFormikFields(_ref) {
       error: individualSubmit ? meta.error : meta.touched && meta.error,
       options: isDropdown ? buildOptionsToLabelAndValue(fieldData) : undefined,
       value: getValueForField(formikFieldProps.value),
-      label: !individualSubmit && capitalize$1(name),
+      label: capitalize$1(name),
       disabled: disabled
     })
   };
@@ -6061,7 +6061,7 @@ var Checkbox = function Checkbox(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
-  return /*#__PURE__*/React.createElement(Switch, _extends({}, fieldProps, {
+  return /*#__PURE__*/React.createElement(Checkbox$1, _extends({}, fieldProps, {
     checked: fieldProps.value,
     onChange: function onChange(_ref) {
       var checked = _ref.target.checked;
@@ -6841,7 +6841,7 @@ var FieldForm = function FieldForm(_ref) {
   }), isAdditionalDataNeeded(chosenKind) && /*#__PURE__*/React.createElement(AdditionalInputs, null), !hideRequiredSwitch && /*#__PURE__*/React.createElement(Label, {
     className: "flex items-center gap-2",
     "data-cy": "is-required-switch-container"
-  }, /*#__PURE__*/React.createElement(Switch$1, {
+  }, /*#__PURE__*/React.createElement(Switch, {
     "data-cy": "is-required-switch",
     name: "isRequired"
   }), /*#__PURE__*/React.createElement(Typography, {
@@ -7367,7 +7367,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
       inactiveFieldsCount: inactiveFieldsCount,
       handleBlockClick: handleBlockClick
     });
-  }, [activeFieldsCount, inactiveFieldsCount]);
+  }, [activeFieldsCount, inactiveFieldsCount, state]);
   var menuBarItems = useMemo(function () {
     return renderMenuBarItems({
       isOwnerBased: isOwnerBased,
@@ -12074,9 +12074,7 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     isRequiredColumnName = _ref.isRequiredColumnName,
-    fieldContainerClassName = _ref.fieldContainerClassName,
     fieldClassName = _ref.fieldClassName,
-    labelClassName = _ref.labelClassName,
     _ref$onMutationSucces = _ref.onMutationSuccess,
     onMutationSuccess = _ref$onMutationSucces === void 0 ? noop$2 : _ref$onMutationSucces;
   var _useTranslation = useTranslation(),
@@ -12124,7 +12122,7 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
   };
   var fields = propFields || fetchedFields;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames("space-y-3", {
+    className: classnames("space-y-3 py-3", {
       "neeto-ui-border-gray-300 rounded-lg border bg-white px-4 py-2": showBorder
     }, className)
   }, isFieldsLoading ? /*#__PURE__*/React.createElement("div", {
@@ -12136,12 +12134,9 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
     });
     if (Field) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(fieldContainerClassName, "space-y-1"),
+        className: classnames(fieldClassName, "space-y-1"),
         key: field.id
-      }, /*#__PURE__*/React.createElement(Typography, {
-        className: labelClassName,
-        style: "h5"
-      }, capitalize$1(field.name)), /*#__PURE__*/React.createElement(FieldValueInputWrapper, {
+      }, /*#__PURE__*/React.createElement(FieldValueInputWrapper, {
         className: fieldClassName,
         onSubmit: function onSubmit(values) {
           return handleSubmit(field, values);