@bigbinary/neeto-fields-frontend 1.0.7 → 1.0.8

package/README.md

@@ -300,29 +300,31 @@ specific resource.
 1. `resourceType`: The type of resource.
 2. `fieldValues`: Field values associated with the resource obtained from the
    response.
-3. `resourceId`: The ID of the resource.
-4. `ownerId`:The ID of the owner. This prop is required only if the owner is not
+3. `fields`: Fields associated with resource type. This is an optional prop. If
+   not provided the component will fetch the fields internally.
+4. `resourceId`: The ID of the resource.
+5. `ownerId`:The ID of the owner. This prop is required only if the owner is not
    an organization.
-5. `queryKeysToBeInvalidatedOnSuccess`: An array of queryKeys that should be
+6. `queryKeysToBeInvalidatedOnSuccess`: An array of queryKeys that should be
    invalidated when changing the field value.
-6. `customComponents`: If the host application has any extra `kind` other than
+7. `customComponents`: If the host application has any extra `kind` other than
    the supported ones, you can specify the component to be displayed
    corresponding to that kind using this prop. It takes the `kind` name as the
    key and the component rendering callback function as the value. The callback
    function can expect the `field` object as argument.
-7. `className`: Class names for styling.
-8. `showBorder`: Boolean value to specify whether to show or hide borders.
+8. `className`: Class names for styling.
+9. `showBorder`: Boolean value to specify whether to show or hide borders.
    Default true.
-9. `formRefs`: A React Ref object that can be used to access the Formik context
-   of the forms corresponding to each field as key value pairs.
-10. `disabled`: Boolean value to specify whether to disable all fields.
-11. `isRequiredColumnName`: The name of column which holds the value which
+10. `formRefs`: A React Ref object that can be used to access the Formik context
+    of the forms corresponding to each field as key value pairs.
+11. `disabled`: Boolean value to specify whether to disable all fields.
+12. `isRequiredColumnName`: The name of column which holds the value which
     suggests if a field value is a `required` one or not. Default is
     `isRequired` column.
-12. `fieldContainerClassName`: Class names for styling the `div` containing the
+13. `fieldContainerClassName`: Class names for styling the `div` containing the
     input field.
-13. `fieldClassName`: Class names for styling the field.
-14. `labelClassName`: Class names for styling the label for fields.
+14. `fieldClassName`: Class names for styling the field.
+15. `labelClassName`: Class names for styling the label for fields.
 
 #### Usage:
 

package/dist/index.cjs.js

@@ -6323,7 +6323,7 @@ var useFormikFields = function useFormikFields(_ref) {
     fieldProps: _objectSpread$6(_objectSpread$6({}, formikFieldProps), {}, {
       required: props[isRequiredColumnName],
       error: meta.touched && meta.error,
-      options: isDropdown && buildOptionsToLabelAndValue(fieldData),
+      options: isDropdown ? buildOptionsToLabelAndValue(fieldData) : undefined,
       value: getValueForField(formikFieldProps.value),
       dirty: dirty,
       label: !individualSubmit && pure.capitalize(name),
@@ -6395,7 +6395,7 @@ var Number$1 = function Number(props) {
   var showSubmitButton = props.individualSubmit && fieldProps.dirty;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({}, fieldProps, {
     type: "number",
-    suffix: showSubmitButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    suffix: showSubmitButton && /*#__PURE__*/React__default["default"].createElement(formik.Button, {
       icon: neetoIcons.Check,
       style: "text",
       onClick: function onClick() {
@@ -11469,6 +11469,7 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
   var _ref$resourceType = _ref.resourceType,
     resourceType = _ref$resourceType === void 0 ? "" : _ref$resourceType,
     fieldValues = _ref.fieldValues,
+    propFields = _ref.fields,
     _ref$ownerId = _ref.ownerId,
     ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
     resourceId = _ref.resourceId,
@@ -11499,11 +11500,13 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
       resourceType: ramda.isEmpty(resourceType) ? undefined : resourceType,
       ownerId: ramda.isEmpty(ownerId) ? undefined : ownerId,
       state: "active"
+    }, {
+      enabled: ramda.isNil(propFields)
     }),
     _useFetchFields$data = _useFetchFields.data,
     _useFetchFields$data2 = _useFetchFields$data === void 0 ? {} : _useFetchFields$data,
     _useFetchFields$data3 = _useFetchFields$data2.fields,
-    fields = _useFetchFields$data3 === void 0 ? [] : _useFetchFields$data3,
+    fetchedFields = _useFetchFields$data3 === void 0 ? [] : _useFetchFields$data3,
     isFieldsLoading = _useFetchFields.isLoading;
   var _useCreateFieldValue = useCreateFieldValue(queryOptions),
     createFieldValue = _useCreateFieldValue.mutate;
@@ -11522,6 +11525,7 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
       payload: payload
     }) : createFieldValue(payload);
   };
+  var fields = propFields || fetchedFields;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"]("space-y-3", {
       "neeto-ui-border-gray-300 rounded-lg border bg-white px-4 py-2": showBorder