@bigbinary/neeto-folders-frontend 2.0.0 → 2.0.2

package/dist/components.js

@@ -20,6 +20,8 @@ import { useField, Formik, Form } from 'formik';
 import Typography from '@bigbinary/neetoui/Typography';
 import Input from '@bigbinary/neetoui/formik/Input';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import { t as t$1 } from 'i18next';
+import { object, string } from 'yup';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
@@ -39,7 +41,6 @@ import { createPortal } from 'react-dom';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import Tree from '@bigbinary/neetoui/Tree';
-import 'i18next';
 import 'zustand';
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -132,6 +133,12 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
   return /*#__PURE__*/jsx(Alert, _objectSpread$d({}, alertProps));
 };
 
+var FORM_VALIDATION_SCHEMA = object().shape({
+  name: string().required(t$1("errors.blank", {
+    entity: t$1("common.name")
+  }))
+});
+
 var _excluded$6 = ["type"];
 function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -397,6 +404,7 @@ var AddEditPane = function AddEditPane(_ref) {
     }), /*#__PURE__*/jsx(Formik, {
       initialValues: initialValues,
       enableReinitialize: true,
+      validationSchema: FORM_VALIDATION_SCHEMA,
       onSubmit: onSubmitForm,
       children: function children() {
         return /*#__PURE__*/jsxs(Fragment, {
@@ -405,6 +413,7 @@ var AddEditPane = function AddEditPane(_ref) {
             children: /*#__PURE__*/jsxs(Form, {
               className: "w-full space-y-5",
               children: [/*#__PURE__*/jsx(Input, {
+                required: true,
                 label: t("folders.name"),
                 name: "name",
                 ref: setFocusField
@@ -563,7 +572,7 @@ var PaneBody = function PaneBody(_ref) {
     onSubmit = _ref.onSubmit,
     onClose = _ref.onClose,
     onRemove = _ref.onRemove;
-  var _useState = useState(null),
+  var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     selection = _useState2[0],
     setSelection = _useState2[1];
@@ -578,6 +587,13 @@ var PaneBody = function PaneBody(_ref) {
     folders = _useFetchFolders$data === void 0 ? [] : _useFetchFolders$data;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
+  var tree = useMemo(function () {
+    return [{
+      name: "/",
+      id: null,
+      children: folders
+    }];
+  }, [folders]);
   var folderDepth = 0;
   if (item) {
     // If item is a folder, measure the current depth from current folder to longest leaf.
@@ -585,7 +601,7 @@ var PaneBody = function PaneBody(_ref) {
     var folder = foldersMap[item.id];
     if (folder) folderDepth = measureDepth(folder);
   }
-  var maxDepth = config.maxDepth - folderDepth;
+  var maxDepth = config.maxDepth - folderDepth + 1;
   var onAddFolder = function onAddFolder() {
     setFolderState({
       paneState: {
@@ -608,7 +624,7 @@ var PaneBody = function PaneBody(_ref) {
       })]
     }), /*#__PURE__*/jsx(Pane.Body, {
       className: "pb-6",
-      children: folders.map(function (folder) {
+      children: tree.map(function (folder) {
         return /*#__PURE__*/createElement(_SelectableNode, {
           config: config,
           folder: folder,
@@ -628,7 +644,7 @@ var PaneBody = function PaneBody(_ref) {
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-1 space-x-2",
         children: [/*#__PURE__*/jsx(Button, _objectSpread$8({
-          disabled: !selection,
+          disabled: selection === undefined,
           label: t("common.save"),
           style: "primary",
           onClick: function onClick() {