@bigbinary/neeto-fields-frontend 1.1.2 → 1.1.3

package/README.md

@@ -163,15 +163,19 @@ default, but you can customize its behavior by passing optional props.
    shown in the dashboard table. This prop is expected when `showOwnersInMenu`
    is set to `true`.
 5. `allowedKinds`:Specifies the list of field kinds allowed to be created.
-6. `paneProps`: Props to be passed to the Add/Edit pane. It accepts `children`
-   to be rendered inside the pane and `validations` for the formik input fields
-   in the `children`. `validations` must be provided as a map with the field
-   name as key and the corresponding yup validation schema as the value.
-   `initialValues` must also be provided as a map with the field name as key and
-   the corresponding value. Prop `hideRequiredSwitch` set to `true` hides the
-   toggle switch for `isRequried`. Also `onMutationSuccess`,a callback function
-   which is triggered on the success of mutation functions( create, update &
-   delete).
+6. `paneProps`: Props to be passed to the Add/Edit pane. It accepts the
+   following.
+   - `children`: The children components to be rendered inside the pane.
+   - `validations`: The validations for the formik input fields in the
+     `children`. `validations` must be provided as an object with the field name
+     as key and the corresponding yup validation schema as the value.
+   - `initialValues`: The initial values for the formik input fields in the
+     `children`. It is provided as an object with the field name as key and the
+     corresponding value.
+   - `hideRequiredSwitch`: A boolean value when set to `true` hides the toggle
+     switch for `isRequried`.
+   - `onMutationSuccess`: Callback function which is triggered on the success of
+     mutation functions (create, update & delete).
 7. `showStateFilter`: Boolean value which specifies whether to show or hide
    state filters.
 8. `fieldStatesTaxonomy`: Specifies the names to be rendered for `active` and
@@ -546,7 +550,9 @@ This is a React Query hook for creating a field.
 
 ```jsx
 const { mutate: create } = useCreateField();
-const payload = { field: { name, kind, resourceType, ownerId, data } };
+const payload = {
+  field: { name, kind, resourceType, ownerId, displayOrder, data },
+};
 create(payload);
 ```
 
@@ -558,7 +564,9 @@ This is a React Query hook for updating a field.
 
 ```jsx
 const { mutate: update } = useUpdateField();
-const payload = { field: { name, kind, resourceType, ownerId, data } };
+const payload = {
+  field: { name, kind, resourceType, ownerId, displayOrder, data },
+};
 update({ fieldId, payload });
 ```
 

package/dist/index.cjs.js

@@ -6904,7 +6904,8 @@ var Edit = function Edit(_ref) {
     _useShowField$data = _useShowField.data,
     _useShowField$data2 = _useShowField$data === void 0 ? {} : _useShowField$data,
     _useShowField$data2$f = _useShowField$data2.field,
-    field = _useShowField$data2$f === void 0 ? {} : _useShowField$data2$f;
+    field = _useShowField$data2$f === void 0 ? {} : _useShowField$data2$f,
+    isLoading = _useShowField.isLoading;
   var _useUpdateField = useUpdateField({
       onSuccess: function onSuccess() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -6928,7 +6929,7 @@ var Edit = function Edit(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("titles.editField"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
+  }, t("titles.editField"))), isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
     formikProps: {
       initialValues: _objectSpread$4(_objectSpread$4({}, initialValues), ramda.assoc("kind", FIELD_KINDS[field.kind], field)),
       validationSchema: generateValidationSchema(additionalValidations),
@@ -11801,19 +11802,7 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
       onClick: function onClick() {
         return setIsPaneOpen(true);
       }
-    }), /*#__PURE__*/React__default["default"].createElement(FieldsPane, {
-      additionalValidations: paneProps === null || paneProps === void 0 ? void 0 : paneProps.validations,
-      allowedKinds: allowedKinds,
-      hideRequiredSwitch: paneProps === null || paneProps === void 0 ? void 0 : paneProps.hideRequiredSwitch,
-      initialValues: paneProps === null || paneProps === void 0 ? void 0 : paneProps.initialValues,
-      isOpen: isPaneOpen,
-      ownerId: showOwnersInMenu ? selectedMenu : "",
-      resourceType: showOwnersInMenu ? resourceType : selectedMenu //Currently we support only one resource type when fields are classified based on owners
-      ,
-      selectedField: selectedField,
-      onClose: handleClosePane,
-      onMutationSuccess: paneProps === null || paneProps === void 0 ? void 0 : paneProps.onMutationSuccess
-    }, paneProps === null || paneProps === void 0 ? void 0 : paneProps.children)),
+    })),
     searchProps: searchProps,
     title: pure.humanize(getDashBoardTitle({
       isOwnerBased: showOwnersInMenu,
@@ -11833,7 +11822,19 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
     rowData: ramda.isEmpty(rowData) ? fields : rowData,
     setIsPaneOpen: setIsPaneOpen,
     totalCount: count
-  })), /*#__PURE__*/React__default["default"].createElement(ReorderPane, {
+  }), /*#__PURE__*/React__default["default"].createElement(FieldsPane, {
+    additionalValidations: paneProps === null || paneProps === void 0 ? void 0 : paneProps.validations,
+    allowedKinds: allowedKinds,
+    hideRequiredSwitch: paneProps === null || paneProps === void 0 ? void 0 : paneProps.hideRequiredSwitch,
+    initialValues: paneProps === null || paneProps === void 0 ? void 0 : paneProps.initialValues,
+    isOpen: isPaneOpen,
+    ownerId: showOwnersInMenu ? selectedMenu : "",
+    resourceType: showOwnersInMenu ? resourceType : selectedMenu //Currently we support only one resource type when fields are classified based on owners
+    ,
+    selectedField: selectedField,
+    onClose: handleClosePane,
+    onMutationSuccess: paneProps === null || paneProps === void 0 ? void 0 : paneProps.onMutationSuccess
+  }, paneProps === null || paneProps === void 0 ? void 0 : paneProps.children)), /*#__PURE__*/React__default["default"].createElement(ReorderPane, {
     isOpen: isReorderPaneOpen,
     ownerId: showOwnersInMenu ? selectedMenu : "",
     onClose: handleReorderPaneClose,