@bigbinary/neeto-folders-frontend 2.0.12 → 2.0.13

package/dist/cjs/components.js

@@ -9,7 +9,7 @@ var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../useFolderActions-_yrbFSyE.js');
+var useFolderActions = require('../useFolderActions-DZ-ywc7_.js');
 var constants = require('./constants.js');
 var utils = require('../index-DsbViyGc.js');
 var internal = require('../internal-68eAwbnk.js');
@@ -23,7 +23,6 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Form = require('@bigbinary/neetoui/formik/Form');
-var ramda = require('ramda');
 var i18next = require('i18next');
 var yup = require('yup');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -33,6 +32,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Button = require('@bigbinary/neetoui/Button');
 var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
 var classNames = require('classnames');
 var Radio = require('@bigbinary/neetoui/Radio');
 var core = require('@dnd-kit/core');
@@ -193,8 +193,18 @@ var createPayload = function createPayload(values, extraAttrs) {
   });
   return payload;
 };
+var filterExtraAttributes = function filterExtraAttributes(attributes, isEditing) {
+  if (!attributes || !Array.isArray(attributes)) return [];
+  return attributes.filter(function (attribute) {
+    if (isEditing) {
+      return attribute.isEditAttribute !== false;
+    }
+    return attribute.isCreateAttribute !== false;
+  });
+};
 
 var AddEditPane = function AddEditPane(_ref) {
+  var _config$addEditValida;
   var setFocusField = _ref.setFocusField,
     config = _ref.config,
     onClose = _ref.onClose;
@@ -216,7 +226,11 @@ var AddEditPane = function AddEditPane(_ref) {
   var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
     updateFolder = _useUpdateFolder.mutateAsync;
   var isEditing = type === "edit" && item;
+  var activeFolderSid = internal.getActiveFolderId(config);
   var extraAttributes = config.extraAttributes;
+  var filteredExtraAttributes = React.useMemo(function () {
+    return filterExtraAttributes(extraAttributes, isEditing);
+  }, [extraAttributes, isEditing]);
   var handleError = function handleError(setStatus, error) {
     var response = error.response;
     if (response && response.data && response.data.errors) {
@@ -230,9 +244,14 @@ var AddEditPane = function AddEditPane(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setStatus = _ref2.setStatus;
-            payload = createPayload(values, extraAttributes);
+            payload = createPayload(values, filteredExtraAttributes);
             reactQueryOptions = {
-              onSuccess: function onSuccess() {
+              onSuccess: function onSuccess(_ref4) {
+                var sid = _ref4.sid;
+                if (isEditing && sid !== item.sid) {
+                  var newPath = window.location.pathname.replace(activeFolderSid, sid);
+                  window.location.href = newPath;
+                }
                 utils$1.showThumbsUpToastr();
                 onClose();
               },
@@ -251,7 +270,8 @@ var AddEditPane = function AddEditPane(_ref) {
             return updateFolder({
               id: item.id,
               payload: payload,
-              config: config
+              config: config,
+              initialSlug: item.sid
             }, reactQueryOptions);
           case 7:
             _context.next = 11;
@@ -273,8 +293,8 @@ var AddEditPane = function AddEditPane(_ref) {
     };
   }();
   var initialValues = React.useMemo(function () {
-    return isEditing ? item : createInitialValues({}, extraAttributes);
-  }, [isEditing, item, extraAttributes]);
+    return isEditing ? item : createInitialValues({}, filteredExtraAttributes);
+  }, [isEditing, item, filteredExtraAttributes]);
   if (isFetching) {
     return /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
       className: "flex items-center justify-center",
@@ -292,11 +312,11 @@ var AddEditPane = function AddEditPane(_ref) {
       formikProps: {
         initialValues: initialValues,
         enableReinitialize: true,
-        validationSchema: FORM_VALIDATION_SCHEMA,
+        validationSchema: ((_config$addEditValida = config.addEditValidationSchema) === null || _config$addEditValida === void 0 ? void 0 : _config$addEditValida.call(config, isEditing)) || FORM_VALIDATION_SCHEMA,
         onSubmit: onSubmitForm
       },
-      children: function children(_ref4) {
-        var dirty = _ref4.dirty;
+      children: function children(_ref5) {
+        var dirty = _ref5.dirty;
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
             className: "pb-6",
@@ -308,7 +328,7 @@ var AddEditPane = function AddEditPane(_ref) {
                 name: "name",
                 ref: setFocusField
               }), /*#__PURE__*/jsxRuntime.jsx(ExtraAttributes, {
-                attributes: extraAttributes
+                attributes: filteredExtraAttributes
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                 children: [/*#__PURE__*/jsxRuntime.jsx(TreeSelect, {
                   config: config,